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 :


Derniers Tutoriels
Les posteurs les plus actifs de la semaine
Chacha
 
MlleAlys
 
Pinguino
 
kiwi14637
 
Bodeguera
 
Michel F Reims.
 
Tolo
 
moamoa
 
Nagrarok
 
Coventgarden
 

Thèmes du mois
Thème Pokemon HitskinThème Pâques 2015 HitskinThème Fantasy Road TripThème Psycho-Pass KôgamiThème Wolf Heart HitskinThème forum MinecraftThème Grafika HitskinThème L'amour vaincra HitskinThème Spring HitskinThème liberté astraleThème AirsoftThème Angel ParadiseThème de PâquesJoyeuse PâquesThème: la chasse au chocolat
Derniers sujets
» Encadrement des citations
Aujourd'hui à 17:27 par emc2

» probleme connection membre
Aujourd'hui à 17:27 par ralfoune

» Problème Calendrier d'événements spécifique
Aujourd'hui à 17:06 par Tomneo

» Demande de précisions
Aujourd'hui à 17:05 par Nagrarok

» Vignette du forum lors d'un partage Facebook
Aujourd'hui à 17:01 par MlleAlys

» Problème avec la barre forumactif en pied de page
Aujourd'hui à 16:46 par maverickkinai

» Déplacer la position du bouton "traduire"
Aujourd'hui à 16:44 par Bodeguera

» Afficher les derniers sujets du forum sur la page d'accueil
Aujourd'hui à 16:17 par kiwi14637

» Chatbox privé
Aujourd'hui à 16:12 par kiwi14637

Qui est en ligne ?
Il y a en tout 257 utilisateurs en ligne :: 24 Enregistrés, 1 Invisible et 232 Invités :: 2 Moteurs de recherche

13.Munchala.13, AenigmA, Albert (67), Bodeguera, brissou40, Coventgarden, Darkius33, emc2, ge80, GotchaEasy, Greg15, Laki Crowley, maverickkinai, MlleAlys, Mohnn, Nagrarok, Pinguino, Prince Voldy, ralfoune, SeLfde4Th7, Tech, Tomneo, WyvernNE, yao

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: 58
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: 3924
Réputation: 925
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: 58
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: 3924
Réputation: 925
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: 3924
Réputation: 925
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: 58
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: 1636
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