Aligner les partenaires dans le footer ...

2 participants

Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum

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

Résolu Aligner les partenaires dans le footer ...

Message par Ashling Jeu 29 Aoû 2013 - 17:42

Alors voilà, je viens d'installer un footer sur mon forum pour y mettre les partenaires : http://testopendoor.forumactif.org/

Seulement au lieu de s'afficher horizontalement, ils se mettent à la vertical ..

Mon template :

Code:
<!-- BEGIN html_validation -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<table>
   <tr>
      <td>
         <div>
            <div>
               <div>
<!-- END html_validation -->
               </div>
            </div>
            <!-- BEGIN switch_footer_links -->
            <div align="center">
               <div class="gen">
                  <!-- BEGIN footer_link -->
                     <!-- BEGIN switch_separator --> | <!-- END switch_separator -->
                     <a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
                  <!-- END footer_link -->
               </div>
            </div>
            <!-- END switch_footer_links -->
                          <div id="FooterPerso">
<center>                         
<br>
<table width="100%">
<tr><td class="footerperso_haut">Partenaires</td></tr>
  <tr><td><a href="http://pulsar.forumactif.com/" target="_blank"><img src="http://image.noelshack.com/fichiers/2013/31/1375095905-pulsaru.png"></a></td></tr> <td><a href="http://magiciscoming.forumactif.fr/" target="_blank"><img src="http://i10.servimg.com/u/f10/11/78/67/36/logo_011.gif"></a></tr>
    <td><a href="http://slumberland.forumactif.com/" target="_blank"><img src="http://img11.hostingpics.net/pics/5720348831v2.png"></a></tr>
    </table>
  </center>
</div>
         </div>
         {PROTECT_FOOTER}
      </td>
   </tr>
</table>

<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({appId: '{switch_facebook_login.FACEBOOK_APP_ID}', status: true, cookie: true, xfbml: true, oauth: true});
//]]>
</script>
<!-- END switch_facebook_login -->

<!-- BEGIN switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
FB.Event.subscribe('auth.logout', function(response) {
   if ($('a#logout'))
   {
      var lien_redir = $('a#logout').attr('href');

      if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
      {
         document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
      }
   }
});

$(document).ready( function() {
   $('a#logout').click( function() {
      FB.logout();
   } );
});
//]]>
</script>
<!-- END switch_facebook_logout_TMP -->

<script type="text/javascript">
//<![CDATA[
   fa_endpage();
//]]>
</script>

</body>
</html>
Je ne trouve pas comment faire ...

Merci !!
Ashling

Ashling
**

Messages : 72
Inscrit(e) le : 11/08/2013

http://quasar.forumactif.org/
Ashling a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aligner les partenaires dans le footer ...

Message par Invité Jeu 29 Aoû 2013 - 17:55

Salut Ashling,
tu peux donner la css qui va avec stp Wink  .

a++
Anonymous

Invité
Invité


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

Résolu Re: Aligner les partenaires dans le footer ...

Message par Ashling Jeu 29 Aoû 2013 - 18:09

Code:
/* FOOTER */
#FooterPerso > strong {
  font-weight : normal ;
  font-size: 10px;
  color: #949466;
}
.footerperso_haut {
  background-color: #3E3940; /* COULEUR DE FOND DE LA CELLULE DU HAUT */
  display: block;
  height: 15px; /* HAUTEUR DE LA CELLULE */
  color: #F8F8F4; /* COULEUR DE ECRITURE */
  text-align: center;
  font-size: 12px; /* TAILLE DE L'ECRITURE */
  font-family: Verdana; /* FONT */
}
/* FIN */


/* QEEL (C) SUNHAE */
.onglet{
display:inline-block;
margin-left:1px;
margin-right:0px;
padding:1px;
letter-spacing: 6px;
cursor:pointer;
 font-size: 24px;
text-align:center;
margin-left:9px;
}

.onglet_0{
color: #E3E3E3;
font-family: arial;
font-size: 24px;
letter-spacing: 5px;
text-shadow: 1px 1px 2px #2B2B2B;
}

.contenu_onglet{
  width: 610px;
  height: 90px;
  padding: 5px;
  text-align: justify;
  display: none; 
  color: #2B2B2B;
  font-size:10px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background-color: #E0E0E0;
  border-left: 5px solid #EBD7D8;
  border-right: 5px solid #EBD7D8;
}

.musique{
  font-size: 16px;
  letter-spacing: -2px;
  text-align: center;
  color: #E0E0E0!important;
  text-transform:uppercase;
  text-shadow: 1px 1px 0px black;
  -webkit-transition-duration:1s;
 -moz-transition-duration:1s; 
  -o-transition-duration:1s; 
 transition-duration:1s;
}

.musique:hover{
  letter-spacing: 2px;
}

.groupes{
  margin-left: 100px;
  font-size: 16px;
  text-transform:uppercase;
  color: #2B2B2B;
  text-shadow: 1px 1px 0px white;
}

.blocqeel{
  width: 300px;
  text-transform:uppercase;
  height: 145px;
  overflow: auto;
  color: #C7C7C7;
  font-size:10px;
  margin-top: 5px;
}

.blocqeel .row1{
  background-color: none;
}

.blocqeel span.gensmall{
  color: #2B2B2B!important;
  font-size:10px;
}
/* FIN */
Voilà le CSS qui va avec ^^
Ashling

Ashling
**

Messages : 72
Inscrit(e) le : 11/08/2013

http://quasar.forumactif.org/
Ashling a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aligner les partenaires dans le footer ...

Message par Invité Jeu 29 Aoû 2013 - 18:15

Re,
ok merci, tu n'as rien changé d'autre dans ce template car j'ai des erreurs html
désires tu que je les corrige ?
a++
Anonymous

Invité
Invité


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

Résolu Re: Aligner les partenaires dans le footer ...

Message par Invité Jeu 29 Aoû 2013 - 18:42

Re,
je viens de modifier la taille de tes images afin qu'elles soient identiques Wink 
ainsi qu'un espace de 3px pour éviter qu'elles soient collées.

Pour les prochains partenaires:
Il faudra ajouter sur le lien de l'image ceci:
Code:
width="88" height="31"
Comme ceci:
Code:

<a href="LE LIEN DU SITE/"target="_blank"><img src="LE LIEN DE L IMAGE"width="88" height="31"/></a>
supprimes tout le contenu de ton template et remplaces par celui-ci:
Les erreurs ont été corrigées Wink  :
Code:

<!-- BEGIN html_validation -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<table>
   <tr>
      <td>
         <div>
            <div>
               <div>
<!-- END html_validation -->
               </div>
            </div>
            <!-- BEGIN switch_footer_links -->
            <div align="center">
               <div class="gen">
                  <!-- BEGIN footer_link -->
                     <!-- BEGIN switch_separator --> | <!-- END switch_separator -->
                     <a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
                  <!-- END footer_link -->
               </div>
            </div>
            <!-- END switch_footer_links -->
         </div>
         {PROTECT_FOOTER}
      </td>
   </tr>
</table>
<table id="FooterPerso">
  <tr><td class="footerperso_haut"><span>Partenaires</span></td></tr>
          <tr>
<td>
  <center>
<a href="http://pulsar.forumactif.com/"target="_blank"><img src="http://image.noelshack.com/fichiers/2013/31/1375095905-pulsaru.png"width="88" height="31"/></a>
<a href="http://magiciscoming.forumactif.fr/"target="_blank"><img src="http://i10.servimg.com/u/f10/11/78/67/36/logo_011.gif"width="88" height="31"/></a>
<a href="http://slumberland.forumactif.com/"target="_blank"><img src="http://img11.hostingpics.net/pics/5720348831v2.png"width="88" height="31"/></a>
  </center>        </td>        </tr>
            </table>
        <br />
<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({appId: '{switch_facebook_login.FACEBOOK_APP_ID}', status: true, cookie: true, xfbml: true, oauth: true});
//]]>
</script>
<!-- END switch_facebook_login -->

<!-- BEGIN switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
FB.Event.subscribe('auth.logout', function(response) {
   if ($('a#logout'))
   {
      var lien_redir = $('a#logout').attr('href');

      if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
      {
         document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
      }
   }
});

$(document).ready( function() {
   $('a#logout').click( function() {
      FB.logout();
   } );
});
//]]>
</script>
<!-- END switch_facebook_logout_TMP -->

<script type="text/javascript">
//<![CDATA[
   fa_endpage();
//]]>
</script>

</body>
</html>
Pense a enregistrer les modifications en cliquant respectivement sur Aligner les partenaires dans le footer ... 907288 et Aligner les partenaires dans le footer ... Ajouter2024


Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Supprimes ceci:

Code:

/* FOOTER */
#FooterPerso > strong {
  font-weight : normal ;
  font-size: 10px;
  color: #949466;
}
.footerperso_haut {
  background-color: #3E3940; /* COULEUR DE FOND DE LA CELLULE DU HAUT */
  display: block;
  height: 15px; /* HAUTEUR DE LA CELLULE */
  color: #F8F8F4; /* COULEUR DE ECRITURE */
  text-align: center;
  font-size: 12px; /* TAILLE DE L'ECRITURE */
  font-family: Verdana; /* FONT */
}
/* FIN */


et remplaces par:

Code:

/* FOOTER */
#FooterPerso
{
  width:100%;
  height:auto;
  margin: 20px 0 20px 0;/*on donne une marge de 20px en haut et en bas*/
}

.footerperso_haut
{
  background-color: #3E3940; /* COULEUR DE FOND DE LA CELLULE DU HAUT */
  display: block;
  width:100%;
  height: 15px; /* HAUTEUR DE LA CELLULE */
  text-align: center;
}
/*le titre partenaires*/
.footerperso_haut span
{
  color: #F8F8F4; /* COULEUR DE ECRITURE */
  font-size: 12px; /* TAILLE DE L'ECRITURE */
  font-family: Verdana; /* FONT */
}
/*les images */
#FooterPerso img
{
margin: 0 3px 0 3px;/*on donne un espace a gauche et a droite entre chaque image*/
}
/* FIN */

Pense à cliquer sur le boutonAligner les partenaires dans le footer ... Boutonvalider

a++
Anonymous

Invité
Invité


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

Résolu Re: Aligner les partenaires dans le footer ...

Message par Ashling Jeu 29 Aoû 2013 - 19:03

Merci beaucoup !!! Je teste ce soir ˆˆ
Ashling

Ashling
**

Messages : 72
Inscrit(e) le : 11/08/2013

http://quasar.forumactif.org/
Ashling a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aligner les partenaires dans le footer ...

Message par Anzu Dim 1 Sep 2013 - 16:31

Aligner les partenaires dans le footer ... Check10Bonjour,

   Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
   

  • éditer votre premier message,
       
  • cocher l'icône résolu
       
  • Et enregistrer en cliquant sur Aligner les partenaires dans le footer ... Envoi10

   

Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton Aligner les partenaires dans le footer ... 50378

   A bientôt sur ForumActif Smile
Anzu

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

https://forum.forumactif.com/
Anzu a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum

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