phpBB-fr.com

[eomair]

effectivement , je souhaite partir de prosilver avec cette banniere

il faudrait que je sache, quelle partie de quel fichier, remplacer dans le theme pour en beneficier.

[cabot]

C'est parti

Place ton logo dans le dossier /prosilver/imageset/ et modifie le fichier /prosilver/imageset/imageset.cfg en conséquence

Place le dossier /The_Spring/theme/images/logo/ dans /prosilver/theme/images/

Place le fichier /The_Spring/theme/images/background.png dans /prosilver/theme/images/

Ouvre: /prosilver/template/overall_header.html
Trouve:

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>

Remplace par:

Code: Tout sélectionner

        <div id="logo_block">
            <div class="logo-l"></div>
            <div class="logo-m"><a href="{U_INDEX}" title="{L_INDEX}">{SITE_LOGO_IMG}</a></div>
            <div class="logo-r">
         <!-- 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 -->         
         </div>
        </div>
       
      <div id="site-description">
         <h1>{SITENAME}</h1>
         <p>{SITE_DESCRIPTION}</p>
         <p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
      </div>

Ouvre: /prosilver/theme/stylesheet.css
Ajoute à la fin:

Code: Tout sélectionner

@import url("modifs.css");

Colle tout le code ci-dessous dans un nouveau fichier que tu nommes modifs.css, et place ce fichier dans /prosilver/theme/

Code: Tout sélectionner

body { padding: 0 0 12px; }

#wrap { min-width: 800px; }

#logo_block {
   background: #C2EDFF url("{T_THEME_PATH}/images/background.png") repeat-x;
    margin: 0 auto;
    width: 100%;
}

.logo-l {
    background-image: url("{T_THEME_PATH}/images/logo/logo-left.png");
    background-repeat: no-repeat;
    height: 219px;
    float: left;
    width: 200px;
   border-radius: 0 0 0 12px;
}

.logo-m {
    background-image: url("{T_THEME_PATH}/images/logo/logo-mid.png");
    height: 219px;
    width: auto;
    margin: 0px 200px 0px 200px;
   text-align: center;
}

.logo-r {
    background-image: url("{T_THEME_PATH}/images/logo/logo-right.png");
    background-repeat: no-repeat;
    height: 219px;
    float: right;
    margin-top: -219px;
    width: 200px;
   border-radius: 0 0 12px 0;
}

#search-box { margin: 60px 18px 0 0; }

#search-box a:link { color: #105289; }

#site-description {
    float: none;
    clear: both;
    width: 100%;
   text-align: center;
}

#site-description h1, #site-description p { color: black; }

Puis: rafraîchir le pack d'images, le template, le thème. Enfin tout quoi


Une fois que tout cela est fait, renomme le titre de ton premier message car ce n'est pas une création graphique mais une modification de style. Et je déplace le sujet en conséquence.

[eomair]

merci beaucoup cabot

t'es genial , j'essaye ça cette apres midi

[cabot]

Ok, n'oublie pas de changer le titre du sujet

[eomair]

c'est fait mais j'ai un soucis avec la taille du logo, j'ai regarder le fichier imageset et le overall header ,mais je ne trouve pas ou redimensionner

[cabot]

Tu à inversé les valeurs de taille dans le fichier imageset.cfg,

Trouve:

Code: Tout sélectionner

site_logo.png*850*219

Remplace par:

Code: Tout sélectionner

site_logo.png*219*850

[eomair]

j-ai deja essayé mais ca ne marche pas

[cabot]

Parce que tu n'as pas rafraîchi le pack d'images...

[eomair]

oups , je fais actuellement les modifs d'icons et j'ai du rafraichir au moins 50 fois le theme et le template , et pas une seule fois le pack ....

[eomair]

merci encore

que pense- tu de l'aspect ?
que changerais-tu ?

[cabot]

Je pense que tu peux éditer ton premier message afin de cocher l'icône


Merci de ne pas poster plusieurs messages à la suite, la fonction éditer te permet de rajouter les informations désirées.

[eomair]

bonjour a tous

mon forum www.amvh.fr/forum est bien lançé depuis quelques mois maintenant et je souhaiterai rajouter un cadre pour y mettre une zone de texte

je souhaiterai mettre ce cadre en dessous du bandeau bleu pale "index du forum"

pourriez-vous m'aider , svp, merci

[cabot]

Hello,

Merci de créer un nouveau sujet avec un titre explicite, plutôt que de rouvrir celui-ci et d'en faire un sujet fourre-tout.

[eomair]

pas de soucis , j'ouvre un nouveau sujet