affichage du forum et du logo

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu affichage du forum et du logo

Message par CedriicM le Ven 20 Avr 2012 - 17:59

Je cherche depuis quelque temps à introduire des bandes au-dessus et en-dessous de mon logo comme l'image ci-jointe ( les traits sont entourrés de rouge)



Merci d'avance pour vos réponses Wink


Dernière édition par CedriicM le Ven 20 Avr 2012 - 21:46, édité 1 fois

CedriicM
**

Masculin
Messages : 74
Inscrit(e) le : 15/02/2011

http://aldaron.monally.com
CedriicM a été remercié(e) par l'auteur de ce sujet.

Résolu Re: affichage du forum et du logo

Message par tupac le Ven 20 Avr 2012 - 18:35

Bonsoir

En ce qui concerne les bandes au dessus et en dessous de votre logo il vous faut avoir accès aux templates,est-ce le cas ?

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: affichage du forum et du logo

Message par CedriicM le Ven 20 Avr 2012 - 18:38

je ne suis l'administrateur principal... donc oui, c'est le cas Smile

CedriicM
**

Masculin
Messages : 74
Inscrit(e) le : 15/02/2011

http://aldaron.monally.com
CedriicM a été remercié(e) par l'auteur de ce sujet.

Résolu Re: affichage du forum et du logo

Message par tupac le Ven 20 Avr 2012 - 18:48

Ok donc dirigez-vous dans le template overall_header et repérer la partie suivante.

C'est la partie qui concerne donc le logo.
Code:
            <table width="100%" cellspacing="0" cellpadding="0" border="0">
               <tr>
                  <!-- BEGIN switch_logo_left -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <!-- END switch_logo_left -->
                  <td align="center" width="100%" valign="middle">
                     <!-- BEGIN switch_logo_center -->
                     <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                     <br />
                     <!-- END switch_logo_center -->
                     <div class="maintitle">{MAIN_SITENAME}</div>
                     <br />
                     <span class="gen">{SITE_DESCRIPTION}<br />  </span>
                  </td>
                  <!-- BEGIN switch_logo_right -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <!-- END switch_logo_right -->
               </tr>
            </table>

Remplacez-la par celle-ci puis placer vos deux images a l'endroit indiqué.

Code:
                          <table width="100%" cellspacing="0" cellpadding="0" border="0">
               <tr>
                  <!-- BEGIN switch_logo_left -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <!-- END switch_logo_left -->
                  <td align="center" width="100%" valign="middle">
                     <!-- BEGIN switch_logo_center -->
   
                          <center><img src=" votre image ici " class="bande_logo_haut"  height="5" width="800" /></center>                       
                                                 
                                                  <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a><br />
                                                 
                                                 
                          <center><img src=" votre image ici " class="bande_logo_bas"  height="5" width="800" /></center>                       
                     <br />
                     <!-- END switch_logo_center -->
                     <div class="maintitle">{MAIN_SITENAME}</div>
                     <br />
                     <span class="gen">{SITE_DESCRIPTION}<br />  </span>
                  </td>
                  <!-- BEGIN switch_logo_right -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <!-- END switch_logo_right -->
               </tr>
            </table>

Pour finir un peut de CSS pour pouvoir régler la marge entre le trait et le logo.

Code:
.bande_logo_haut{
  margin-bottom: 10px;
}

.bande_logo_bas{
  margin-top: 10px;
}

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: affichage du forum et du logo

Message par Threax le Ven 20 Avr 2012 - 19:14

Bonsoir,

Je vous rappelle qu'une seule question est autorisée par sujet. Par conséquent, seule votre première question sera traitée dans ce sujet. Wink

Threax
+ Hyperactif +

Masculin
Messages : 17277
Inscrit(e) le : 27/08/2005

http://lesforumsde.forumactif.com
Threax a été remercié(e) par l'auteur de ce sujet.

Résolu Re: affichage du forum et du logo

Message par CedriicM le Ven 20 Avr 2012 - 21:41

j'ai rentré ce que vous m'avez dit mais je n'ai pas compris où mettre ceci:

Code:
.bande_logo_haut{
  margin-bottom: 10px;
}
 
.bande_logo_bas{
  margin-top: 10px;
}

aussi j'obtiens ceci mais les barres ne correspondent pas à celles voulues, peut-on les modifier?...:


je voudrais des barres en dégradé qui se fondent dans le fond et par des bords blancs ( voir photo)


merci pour vos réponses et votre attention Smile

CedriicM
**

Masculin
Messages : 74
Inscrit(e) le : 15/02/2011

http://aldaron.monally.com
CedriicM a été remercié(e) par l'auteur de ce sujet.

Résolu Re: affichage du forum et du logo

Message par tupac le Ven 20 Avr 2012 - 22:27

Les deux codes suivant sont a placer dans votre feuille de style CSS.

Panneau d'administration => affichage => couleur => feuille de style CSS
Code:
        .bande_logo_haut{
          margin-bottom: 10px;
        }
       
        .bande_logo_bas{
          margin-top: 10px;
        }
Pour avoir des lignes en dégradées c'est a vous de les faire avec un logiciel tel que Photofiltre ou encore Photoshop ou autre.

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: affichage du forum et du logo

Message par CedriicM le Ven 20 Avr 2012 - 22:44

D'accord, mais je n'ai pas compris quelle image je devais entrer dans le champ " votre image"
Est-ce les lignes ou le logo?

CedriicM
**

Masculin
Messages : 74
Inscrit(e) le : 15/02/2011

http://aldaron.monally.com
CedriicM a été remercié(e) par l'auteur de ce sujet.

Résolu Re: affichage du forum et du logo

Message par tupac le Ven 20 Avr 2012 - 23:04

dans votre template vous 2 fois ceci,une pour le haut et une pour le bas.
Code:
<center><img src=" votre image ici " class="bande_logo_haut"  height="5" width="800" /></center>
et bien il vous faut mettre vos images (les traits) comme ça,dans les deux bien sur.
Code:
<center><img src="http://i45.servimg.com/u/f45/15/55/14/56/zzzzzw11.png" class="bande_logo_haut"  height="5" width="800" /></center>

et vous pouvez régler la hauteur et largeur des images avec ceci height="5" width="800"

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: affichage du forum et du logo

Message par CedriicM le Sam 21 Avr 2012 - 11:34

merci beaucoup,
j'ai réussi à le faire Smile

CedriicM
**

Masculin
Messages : 74
Inscrit(e) le : 15/02/2011

http://aldaron.monally.com
CedriicM a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum