phpBB-fr.com

[Jcvag44800]

Bonjour tout le monde =)

Je viens de mettre un nouveau thème sur mon forum héhé =) * osef ? *

Bref, j'ai donc suivi le document adéquat ( malgré que ça rentre à force :d ), pour centrer mon logo.

Le problème c'est qu'il ne se centre pas :/

Le lien du forum est comme avant: http://www.forum.interacraft.com

Compte test:

Nom: test
Mdp: phpbbfr

Cordialement.

[Jester]

Bonjour,

le logo est pourtant centré. Il faut faire F5 (ou Crtl+F5) pour voir les modifs.

[Jcvag44800]

Salut,

Non, connecte toi sur le compte test, et tu verras il n'est pas centré =)

[Jester]

En invité il l'est car ce n'est pas le même style par défaut. Il faut rafraîchir le theme du style pour voir les modifs.

Comment se fait-il que le code source du style indique :

Code: Tout sélectionner

   phpBB style name: Tranquil Teal
   Based on style:   prosilver (this is the default phpBB3 style)
   Original author:  Tom Beddard ( http://www.subBlue.com/ )
   Modified by: Dampening Designs

Alors que ça devrait être :

Code: Tout sélectionner

   phpBB style name: Lucid Lime
   Based on style:   prosilver (this is the default phpBB3 style)
   Original author:  Tom Beddard ( http://www.subBlue.com/ )
   Modified by: Eric Seguin

???

[Jcvag44800]

Je ne sais pas du tout pourquoi il y a ça

Je l'ai téléchargé depuis un site peut être pas " officiel " et modifié à la base dans ce cas.
Je vais voir pour le télécharger depuis un site officiel

Pour ce qui est du rafraîchissement du thème, c'est déjà fait :/

[sub60]

ben que ce soit l'un ou l'autre, c'est le même auteur

http://www.phpbb.com/customise/db/style/lucid_lime/
http://www.phpbb.com/customise/db/style/tranquil_teal/

[Jcvag44800]

Exact

Bon, je viens de mettre une image de fond: ça marche
Mais pourquoi ça ne marche pas pour centrer l'image ! ><

[cabot]

On ne peut plus se loguer avec le compte donné, erreur 403 (authentification refusée)

[Jcvag44800]

C'est réglé normalement

[cabot]

On va rétablir une base prosilver

Ouvre overall_header.html
Trouve :

Code: Tout sélectionner

      <div class="headerbar">
         <div class="inner"><span class="corners-top"><span></span></span>
         <div style="height: 125px;">
         <table id="site-description" style="width:auto;"><tr>
            <td style="width:243px;"><a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a></td>            <td><div style="vertical-align:middle;"><h1 style="font-size:21px!important;">{SITENAME}</h1>
            <p style="font-size:12px!important;">{SITE_DESCRIPTION}</p></div>
            <p class="skiplink"><a href="#start_here">{L_SKIP}</a></p></td>
         </tr></table>

      <!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
         <div id="search-box">
            <form action="{U_SEARCH}" method="get" 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 -->
        </div>

         <span class="corners-bottom"><span></span></span></div>
      </div>

Remplace par :

Code: Tout sélectionner

      <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="get" 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>

Ouvre common.css
Trouve :

Code: Tout sélectionner

.headerbar {
   background: #262626 none repeat-x 0 0;
   color: #FFFFFF;
   margin-bottom: 4px;
   padding: 0 5px;
   height:135px;
}

Et supprime la ligne height:135px;

[Jcvag44800]

Merci ça marche =)

Par contre, j'ai ceci: http://imageshack.us/photo/my-images/822/capturepj.jpg/

Dois-je redimensionner mon image ou on peut enlever ce truc ^^' ?

[cabot]

Ouvre colours.css
Trouve :

Code: Tout sélectionner

.headerbar {
   background-color: #1c1c1c;
   background-image: url("./styles/lucid_lime/theme/images/bg_header.png");
   color: #FFFFFF;
}

Et remplace #1c1c1c par #00c836

[Jcvag44800]

Nice, very ouell ! =)

Merci cabot

[Jester]

L'est toujours pas centré chez moi le logo... 'fin bon.

[Jcvag44800]

C'est en local Jester =)