phpBB-fr.com

[- TiTi -]

Alors, ma question va probablement paraitre très simple mais cela fait deux jours que je m'arrache la tête dessus...


http://img5.imageshack.us/img5/6283/problemek.png

En fait, ce que j'aimerai faire, c'est simple, c'est mettre les pointillés ainsi:

http://img94.imageshack.us/img94/470/probleme2.png

Je galère entre les padding et les marging...
Voici la partie de mon fichier css

Code: Tout sélectionner

.border-left {
   background: #ebebeb repeat-y left;
   color: #FFFFFF;
   margin-top: 4px;   
   margin-bottom: 4px;
   padding: 0 5px;
}

.border-right {
   background: #ebebeb repeat-y right;
   color: #FFFFFF;
   margin-top: 4px;   
   margin-bottom: 4px;
   padding: 0 5px;   

et celle de mon fichier overall_header.html

Code: Tout sélectionner

<div class="border-left"><div class="border-right"><div class="headerbar">
         <div class="inner"><span class="corners-top"><span></span></span>
         <div id="site-description">
            <a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
            <h1>{SITENAME}</h1>
            <p>{SITE_DESCRIPTION}</p>
            <p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
         </div>

      <!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
         <div id="search-box">
            <form action="{U_SEARCH}" method="post" id="search">
            <fieldset>
               <input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" />
               <input class="button2" value="{L_SEARCH}" type="submit" /><br />
               <a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
            </fieldset>
            </form>
         </div>
      <!-- ENDIF -->   
         <span class="corners-bottom"><span></span></span></div>
         </div></div></div>

Il ne me reste plus beaucoup de cheveux....

Milles merci

[Jester]

Bonsoir,

est ce que ce style sera ensuite distribué dans la communauté phpBB-fr.com ?

[- TiTi -]

Avec grand plaisir! je n'y vois aucun inconvénient!

S'il plait à d'autres ^^

[Jester]

Pas de soucis, c'était simplement pour qu'on soit bien sur la même longueur d'onde : aide-a-la-creation-et-au-developpement-de-styles/sujet150507.html

Sinon c'est une simple aide à modifier un style personnel... dans ce cas c'est pas la bonne section.

Pour obtenir un support plus efficace, merci de préciser l'URL de votre forum.

[- TiTi -]

Donc, voila l'url du forum

http://damaxxforum.hostei.com/Forum

et donc, j'aimerais faire la même chose que sur le site, histoire que le graphisme soit similaire.

http://damaxx.site11.com/index.php

[sub60]

Je galère entre les padding et les marging...
Voici la partie de mon fichier css

Code: Tout sélectionner

.border-left {
   background: #ebebeb repeat-y left;
   color: #FFFFFF;
   margin-top: 4px;   
   margin-bottom: 4px;
   padding: 0 5px;
}

.border-right {
   background: #ebebeb repeat-y right;
   color: #FFFFFF;
   margin-top: 4px;   
   margin-bottom: 4px;
   padding: 0 5px;   

salut, une piste: en fait ton code si dessus te sert a rien dans l'état actuelle, il y a pas d'image définit pour le coté droit et gauche,
pour le moment tu a juste modifier l'image bg_header.gif avec des pointillé qui ce repeat en largeur mais rien pour les coté ,
donc avant qu'il te reste plus de cheveux crée les images de coté et met les dans le code si dessus

[- TiTi -]

Merci la réponse!! il me reste que très peu de cheveux...

Code: Tout sélectionner

.border-left {
   background: #ebebeb repeat-y left;
   background-image: url("{T_THEME_PATH}/images/border_left.gif");
   margin-bottom: 4px;
   padding: 0 5px;
}

.border-right {
   background: #ebebeb repeat-y left;
   background-image: url("{T_THEME_PATH}/images/border_right.gif");
   margin-bottom: 4px;
   padding: 0 5px;
}

Même en insérant l'image dans le code, bein.. mes cheveux ont encore souffert!

Je pense que ça va rester comme c'est

[micka76]

Bonsoir,

A lieu de faire une image, vous pouvez tous simplement utiliser une propriété css qui a le même effet
dans le code de la classe (ex: .headerbar ) essayez comme ceci

Code: Tout sélectionner

border-width: 2px ; /* épaisseur du trait */
border-style: dotted ; /* style de bordure (dans ce cas trait) */
border-color: #ffffff; /* couleur */

même effet en méga-propriété

Code: Tout sélectionner

border: 2px dotted #ffffff;

A bientôt...

[- TiTi -]

Merci beaucoup pour l'idée!

bon, j'ai pas réussi non plus, mais c'est pas grave, il va rester comme ça pour le moment! j'ai pas trop le temps de me repencher la dessus...

Et puis il plait aux personnes de l'asso, donc, c'est l'essentiel!

Merci pour votre aide, si j'ai besoin de nouveau, je sais ou venir



Pour ce qui est de partagé le thème, c'est en fait un prosilver modifié, tout simplement au niveau des couleurs! donc, la partie colours.css je sais pas si c'est très utile à partager mais si quelqu'un le veux, c'est avec plaisir!

[Jester]

Dans ce cas je déplace dans la section Modification de style.

Votre sujet a été déplacé par un membre de l'équipe.