Forum gratuit : Le forum des forums actifs
Bienvenue sur le forum de support de ForumActif.

Afin de profiter pleinement de tout ce que vous offre notre forum, merci de vous identifier si vous êtes déjà membre ou de rejoindre notre communauté si vous ne l'êtes pas encore.

Créer un forum gratuit semblable à ce forum !
Créer un forum gratuit

Rechercher
Magic FDFRechercher parmi les tutoriels...
Pensez à effectuer une recherche parmi les tutoriels existants avant d'ouvrir un sujet dans l'Entraide !



Afficher sous forme de :


Les posteurs les plus actifs de la semaine
Chacha
 
Vivi
 
Tech
 
Ea
 
SeLfde4Th7
 
Neptune-
 
FANCH 56
 
cricri53250
 
Svenito
 
Nesquik
 

Thèmes du mois
  • Thème forum rentrée
  • Thème forum
  • Thème magic septembre 2014
  • Thème Fairy Tail
  • Thème rentrée scolaire
  • Thème Minecraft
  • Thème forum
  • Thème Vive la rentrée
  • Thème pokémon
  • Thème pastel printemps
  • Thème SAO
Derniers sujets
Qui est en ligne ?
Il y a en tout 239 utilisateurs en ligne :: 24 Enregistrés, 3 Invisibles et 212 Invités :: 3 Moteurs de recherche

-Tancrède-, [Nihil], Amaryllis-Saphir, At0mic, Blast, Cali93110, Chacha, cricri53250, Grimm, Heung-Min Hidem, LUCKY-HORSE, melody39, Neptune-, Perfectoser, polosven, RoxanneDA, SarkenHS, Scarlett1948, Scoubifitz, SeLfde4Th7, vampyrette, Vivi, Wave, Z06

Le record du nombre d'utilisateurs en ligne est de 1877 le Jeu 19 Mai 2011 - 15:00

Aligner les partenaires dans le footer ...

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

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

Message par Ashling le 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
*

Messages: 45
Réputation: 0
Inscrit(e) le: 11/08/2013

http://quasar.forumactif.org/

Revenir en haut Aller en bas

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

Message par Milouze14 le Jeu 29 Aoû 2013 - 17:55

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

a++

Milouze14
+ Hyperactif +

Masculin
Messages: 3144
Réputation: 686
Inscrit(e) le: 18/04/2005

http://www.milouze14.com/

Revenir en haut Aller en bas

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

Message par Ashling le 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
*

Messages: 45
Réputation: 0
Inscrit(e) le: 11/08/2013

http://quasar.forumactif.org/

Revenir en haut Aller en bas

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

Message par Milouze14 le 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++

Milouze14
+ Hyperactif +

Masculin
Messages: 3144
Réputation: 686
Inscrit(e) le: 18/04/2005

http://www.milouze14.com/

Revenir en haut Aller en bas

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

Message par Milouze14 le 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 et


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 bouton

a++

Milouze14
+ Hyperactif +

Masculin
Messages: 3144
Réputation: 686
Inscrit(e) le: 18/04/2005

http://www.milouze14.com/

Revenir en haut Aller en bas

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

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

Merci beaucoup !!! Je teste ce soir ˆˆ

Ashling
*

Messages: 45
Réputation: 0
Inscrit(e) le: 11/08/2013

http://quasar.forumactif.org/

Revenir en haut Aller en bas

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

Message par Anzu le Dim 1 Sep 2013 - 16:31

Bonjour,

   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

   


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton

   A bientôt sur ForumActif Smile

Anzu
+ Hyperactif +

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

http://forum.forumactif.com/forum

Revenir en haut Aller en bas

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