affichage du forum et du logo

3 participants

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

Résolu affichage du forum et du logo

Message par CedriicM 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)
affichage du forum et du logo Captur10


Merci d'avance pour vos réponses Wink


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

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 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

tupac
Membre actif

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

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: affichage du forum et du logo

Message par CedriicM Ven 20 Avr 2012 - 18:38

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

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 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

tupac
Membre actif

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

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: affichage du forum et du logo

Message par Threax 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

Threax
Membre actif

Masculin
Messages : 17276
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 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?...:
affichage du forum et du logo Captur11

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

merci pour vos réponses et votre attention Smile
CedriicM

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 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

tupac
Membre actif

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

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: affichage du forum et du logo

Message par CedriicM 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

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 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

tupac
Membre actif

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

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: affichage du forum et du logo

Message par CedriicM Sam 21 Avr 2012 - 11:34

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

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