AccueilDernières imagesRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.

-17%
Le deal à ne pas rater :
(Black Friday) Apple watch Apple SE GPS + Cellular 44mm (plusieurs ...
249 € 299 €
Voir le deal

    (Nihil) Barre de partenariats en fond de page

    1charlotte
    1charlotte
    FémininAge : 23Messages : 196

    Mar 4 Nov 2014 - 2:34

    Ma demande



    Bonjour, j'aimerais que les partenaires du forum soit en bas du forum après le QEEL, merci

    Schéma(s) et Eléments
    Schémas : Désolé pour la qualité >w< https://www.zupimages.net/up/14/46/x26j.jpg
    Tailles des éléments : La largeur du forum et la hauteur qui s'adapte au nombre de partenaire
    Version de votre forum : PHPBB2 ou PHPBB3

    Ressources
    Pas besoin, juste de m'expliquer comment ajouter les partos et je m'arrangerai toute seule

    Autres précisions ?
    Merci pour tous ♥ !


    Dernière édition par 1charlotte le Mar 23 Déc 2014 - 0:33, édité 2 fois
    • Revenir en haut
    1charlotte
    1charlotte
    FémininAge : 23Messages : 196

    Jeu 6 Nov 2014 - 2:11

    P'tit up ♥
    • Revenir en haut
    1charlotte
    1charlotte
    FémininAge : 23Messages : 196

    Lun 10 Nov 2014 - 13:26

    UP :)
    • Revenir en haut
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Lun 10 Nov 2014 - 20:18

    Salut ^^

    Le schéma n'est toujours pas disponible? Parce que pour le moment, on ne peut pas faire grand chose sans l'avoir...



    • Revenir en haut
    1charlotte
    1charlotte
    FémininAge : 23Messages : 196

    Mar 11 Nov 2014 - 1:34

    A j'ai zapper de le prendre en photo .-.
    • Revenir en haut
    1charlotte
    1charlotte
    FémininAge : 23Messages : 196

    Lun 17 Nov 2014 - 0:07

    Up...
    • Revenir en haut
    1charlotte
    1charlotte
    FémininAge : 23Messages : 196

    Ven 21 Nov 2014 - 16:44

    Up.
    • Revenir en haut
    1charlotte
    1charlotte
    FémininAge : 23Messages : 196

    Dim 30 Nov 2014 - 19:56

    Up.
    • Revenir en haut
    Nihil Scar Winspeare
    Nihil Scar Winspeare
    Messages : 5244

    Jeu 4 Déc 2014 - 14:38

    Pour les feignasses qui veulent pas tourner l'image eux même :
    https://2img.net/image.noelshack.com/fichiers/2014/49/1417700105-x26j.jpg

    Si je comprends bien, les partenaires doivent s'afficher avec un léger décalage pour faire un peu comme un effet "brique" ?
    Au survol, l'image grandit / zoom sans pour antant faire bouger de place les autres.

    C'est bien ça ?

    • Revenir en haut
    1charlotte
    1charlotte
    FémininAge : 23Messages : 196

    Ven 5 Déc 2014 - 1:05

    Effectivement :)
    • Revenir en haut
    Nihil Scar Winspeare
    Nihil Scar Winspeare
    Messages : 5244

    Ven 5 Déc 2014 - 19:17

    Je veux bien tenter quelque chose, par contre je viens de voir qu'il manque les dimensions de tes éléments :p. Il faudrait la taille des boutons de partenaires s'il te plait :)

    • Revenir en haut
    1charlotte
    1charlotte
    FémininAge : 23Messages : 196

    Sam 13 Déc 2014 - 18:19

    Ah désolé ! La taille est 88*31
    • Revenir en haut
    Nihil Scar Winspeare
    Nihil Scar Winspeare
    Messages : 5244

    Dim 14 Déc 2014 - 19:19

    Merci pour les dimensions :)

    J'ai fait un petit essai sur une page HTML, dis moi si c'est bien ce que tu cherchais à obtenir ♥

    Ne connaissant pas la largeur de ton forum, j'ai fait pour une largeur de 800px, en partant dans l'idée qu'il y aurait 7 partenaires par ligne (:

    • Revenir en haut
    1charlotte
    1charlotte
    FémininAge : 23Messages : 196

    Dim 14 Déc 2014 - 20:11

    Wah ! C'est ce que je voulais !! Et 800 px c'est parfait :)
    • Revenir en haut
    Nihil Scar Winspeare
    Nihil Scar Winspeare
    Messages : 5244

    Dim 14 Déc 2014 - 21:21

    Cool ☺

    Est ce que tu pourrais me dire précisément où tu voudras le mettre dans ton template ?

    Ne sachant pas les éléments présents sur ton forum, je te montre tout ceux affichés par défaut dans le template (chatbox en bas & légende des messages, mais peut-être les as tu désactivés ^-^).

    (Nihil) Barre de partenariats en fond de page Mr6SxQr

    Directement sous le QEEL ? Ou en dessous de la chatbox du bas ? Ou encore en dessous de la légende ?

    • Revenir en haut
    1charlotte
    1charlotte
    FémininAge : 23Messages : 196

    Dim 14 Déc 2014 - 21:27

    J'aimerais en dessous de la chatbox de ce forum: http://suistondestin.forumactif.org/
    • Revenir en haut
    Nihil Scar Winspeare
    Nihil Scar Winspeare
    Messages : 5244

    Dim 14 Déc 2014 - 21:38

    Comme ceci ?

    (Nihil) Barre de partenariats en fond de page 18Azctj

    Pourrais tu me copier / coller ton template index_body s'il te plait pour que je t'indique l'endroit précis (^-^)

    • Revenir en haut
    1charlotte
    1charlotte
    FémininAge : 23Messages : 196

    Dim 14 Déc 2014 - 21:53

    Ouais, je te file les codes une fois sur ordinateur :)
    • Revenir en haut
    Nihil Scar Winspeare
    Nihil Scar Winspeare
    Messages : 5244

    Dim 14 Déc 2014 - 22:11

    Ouki :o

    En attendant que je te passe le HTML, pour t'éviter un double-post ou un MP ou encore que je ne vois pas l'édition du message...
    Voici déjà le CSS que tu peux ajouter à ton forum :
    Code:
    /*
     * ----------------------------
     * BLOC PARTENAIRES FOOTER
     * Libre service - Never Utopia
     * http://www.never-utopia.com/
     * ----------------------------
     */

    /* Bloc contenant les partenaires */
    .partenaires-container-NU {
        font-size: 0; /* evite les bugs liés au display: inline-block des partenaires*/
        width: 791px;
        margin: auto;
        margin-top: 25px;
        margin-bottom: 25px;
    }

    /* Affichage pour un lien partenaire */
    .partenaire-NU {
        display: inline-block;
        position: relative;
        width: 88px;
        height: 31px;
        margin-right: 20px;
    }

    /* Style image du partenaire */
    .partenaire-NU img {
        position: absolute;
        -webkit-transition: transform 600ms;
                transition: transform 600ms;
    }

    /* Effet au survol sur image */
    .partenaire-NU:hover img {
        transform: scale(1.3);
        z-index: 1;
    }

    /* Decalage a gauche une ligne sur 2 */
    .partenaire-NU:nth-child(14n+8){
        margin-left: 55px;
    }

    /* Suppression de la marge à droite une ligne sur 2 */
    .partenaire-NU:nth-child(14n) {
        margin-right: 0;
    }

    /* Style quand le lien n'a pas d'image */
    .partenaire-NU:empty {
        display: none;
    }

    /*
     * ----------------------------
     * FIN BLOC PARTENAIRES FOOTER
     * Libre service - Never Utopia
     * http://www.never-utopia.com/
     * ----------------------------
     */

    J'ai regardé un peu ton code source, et à priori je pense voir où tu devrais mettre le code :)

    Normalement dans index_body vers la fin tu as cette ligne là :
    Code:
    <br clear="all" />

    Juste après cette ligne tu peux mettre ceci :
    Code:
    <!-----------------------------
     * BLOC PARTENAIRES FOOTER
     * Libre service - Never Utopia
     * http://www.never-utopia.com/
    ------------------------------->
    <div class="partenaires-container-NU">
        <a href="http://www.never-utopia.com/" title="Never Utopia" class="partenaire-NU" target="_blank"><img src="http://placehold.it/88x31/1abc9c/ffffff" alt="Never Utopia" /></a>
        <a href="http://www.never-utopia.com/" title="Never Utopia" class="partenaire-NU" target="_blank"><img src="http://placehold.it/88x31/16a085/ffffff" alt="Never Utopia" /></a>
        <a href="http://www.never-utopia.com/" title="Never Utopia" class="partenaire-NU" target="_blank"><img src="http://placehold.it/88x31/2ecc71/ffffff" alt="Never Utopia" /></a>
        <a href="http://www.never-utopia.com/" title="Never Utopia" class="partenaire-NU" target="_blank"><img src="http://placehold.it/88x31/27ae60/ffffff" alt="Never Utopia" /></a>
        <a href="http://www.never-utopia.com/" title="Never Utopia" class="partenaire-NU" target="_blank"><img src="http://placehold.it/88x31/3498db/ffffff" alt="Never Utopia" /></a>
        <a href="http://www.never-utopia.com/" title="Never Utopia" class="partenaire-NU" target="_blank"><img src="http://placehold.it/88x31/2980b9/ffffff" alt="Never Utopia" /></a>
        <a href="http://www.never-utopia.com/" title="Never Utopia" class="partenaire-NU" target="_blank"><img src="http://placehold.it/88x31/9b59b6/ffffff" alt="Never Utopia" /></a>
        <a href="http://www.never-utopia.com/" title="Never Utopia" class="partenaire-NU" target="_blank"><img src="http://placehold.it/88x31/8e44ad/ffffff" alt="Never Utopia" /></a>
        <a href="http://www.never-utopia.com/" title="Never Utopia" class="partenaire-NU" target="_blank"><img src="http://placehold.it/88x31/34495e/ffffff" alt="Never Utopia" /></a>
        <a href="http://www.never-utopia.com/" title="Never Utopia" class="partenaire-NU" target="_blank"><img src="http://placehold.it/88x31/2c3e50/ffffff" alt="Never Utopia" /></a>
        <a href="http://www.never-utopia.com/" title="Never Utopia" class="partenaire-NU" target="_blank"><img src="http://placehold.it/88x31/95a5a6/ffffff" alt="Never Utopia" /></a>
        <a href="http://www.never-utopia.com/" title="Never Utopia" class="partenaire-NU" target="_blank"><img src="http://placehold.it/88x31/e74c3c/ffffff" alt="Never Utopia" /></a>
        <a href="http://www.never-utopia.com/" title="Never Utopia" class="partenaire-NU" target="_blank"><img src="http://placehold.it/88x31/e67e22/ffffff" alt="Never Utopia" /></a>
        <a href="http://www.never-utopia.com/" title="Never Utopia" class="partenaire-NU" target="_blank"><img src="http://placehold.it/88x31/f1c40f/ffffff" alt="Never Utopia" /></a>
        <a href="http://www.never-utopia.com/" title="Never Utopia" class="partenaire-NU" target="_blank"><img src="http://placehold.it/88x31/1abc9c/ffffff" alt="Never Utopia" /></a>
        <a href="http://www.never-utopia.com/" title="Never Utopia" class="partenaire-NU" target="_blank"><img src="http://placehold.it/88x31/16a085/ffffff" alt="Never Utopia" /></a>
        <a href="http://www.never-utopia.com/" title="Never Utopia" class="partenaire-NU" target="_blank"><img src="http://placehold.it/88x31/2ecc71/ffffff" alt="Never Utopia" /></a>
        <a href="http://www.never-utopia.com/" title="Never Utopia" class="partenaire-NU" target="_blank"><img src="http://placehold.it/88x31/27ae60/ffffff" alt="Never Utopia" /></a>
        <a href="http://www.never-utopia.com/" title="Never Utopia" class="partenaire-NU" target="_blank"><img src="http://placehold.it/88x31/3498db/ffffff" alt="Never Utopia" /></a>
        <a href="http://www.never-utopia.com/" title="Never Utopia" class="partenaire-NU" target="_blank"><img src="http://placehold.it/88x31/2980b9/ffffff" alt="Never Utopia" /></a>
        <a href="http://www.never-utopia.com/" title="Never Utopia" class="partenaire-NU" target="_blank"><img src="http://placehold.it/88x31/9b59b6/ffffff" alt="Never Utopia" /></a>
    </div>
    <!-- FIN BLOC PARTENAIRE -->

    Pense à valider et publier Wink

    Dis moi si ça fonctionne bien ♥

    • Revenir en haut
    1charlotte
    1charlotte
    FémininAge : 23Messages : 196

    Lun 15 Déc 2014 - 0:58

    Voilà le code demandé:
    Code:

    {JAVASCRIPT}
        <!-- BEGIN message_admin_index -->
        <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
          <!-- BEGIN message_admin_titre -->
          <tr>
              <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
          </tr>
          <!-- END message_admin_titre -->
          <!-- BEGIN message_admin_txt -->
          <tr>
              <td class="row1" rowspan="3" align="center" valign="middle">
              <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
              </td>
          </tr>
          <!-- END message_admin_txt -->
        </table>
        <!-- END message_admin_index -->

        <!-- BEGIN switch_user_login_form_header -->
        <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
          <!-- BEGIN switch_fb_connect_no -->
          <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
              <tr>
                <td class="row1" align="center">
                    <table border="0" cellspacing="0" cellpadding="0">
                      <tr>
                          <td><span class="genmed">{L_USERNAME}:</span> </td>
                          <td><input class="post" type="text" size="10" name="username"/> </td>
                          <td>
                            <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                            <span class="gensmall">{L_AUTO_LOGIN}</span>
                          </td>
                      </tr>

                      <tr>
                          <td><span class="genmed">{L_PASSWORD}:</span> </td>
                          <td><input class="post" type="password" size="10" name="password"/> </td>
                          <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                      </tr>
                    </table>
                </td>
              </tr>
          </table>
          <!-- END switch_fb_connect_no -->

          <!-- BEGIN switch_fb_connect -->
          <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
              <tr>
                <td valign="top" width="100%" class="row1" align="center">
                    <table width="100%">
                      <tr>
                          <td width="55%" valign="middle" align="right">
                            <table class="right">
                                <tr>
                                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                                  <td><input class="post" type="text" size="10" name="username"/> </td>
                                  <td>
                                      <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                                      <span class="gensmall">{L_AUTO_LOGIN}</span>
                                  </td>
                                </tr>

                                <tr>
                                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                                  <td><input class="post" type="password" size="10" name="password"/> </td>
                                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                                </tr>
                            </table>
                          </td>
                          <td width="10%" align="center" valign="middle">
                            <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
                          </td>
                          <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
                      </tr>
                    </table>
                </td>
              </tr>
          </table>
          <!-- END switch_fb_connect -->
        </form>
        <!-- END switch_user_login_form_header -->
        {CHATBOX_TOP}
        {BOARD_INDEX}
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr><td><!-- BEGIN switch_delete_cookies -->
                <br /><span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a></span>
                  <!-- END switch_delete_cookies --></td>
              <td class="liens_cate" align="center"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a> ▬ <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">Manger tous les cookies</a> ▬ <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a>
              </td>
          </tr>
        </table>
        <br /><br />
        <!-- BEGIN switch_user_login_form_footer -->
        <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
          <!-- BEGIN switch_fb_connect_no -->
          <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
              <tr>
                <td class="row1" align="center">
                    <table border="0" cellspacing="0" cellpadding="0">
                      <tr>
                          <td><span class="genmed">{L_USERNAME}:</span> </td>
                          <td><input class="post" type="text" size="10" name="username"/> </td>
                          <td>
                            <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                            <span class="gensmall">{L_AUTO_LOGIN}</span>
                          </td>
                      </tr>

                      <tr>
                          <td><span class="genmed">{L_PASSWORD}:</span> </td>
                          <td><input class="post" type="password" size="10" name="password"/> </td>
                          <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                      </tr>
                    </table>
                </td>
              </tr>
          </table>
          <!-- END switch_fb_connect_no -->

          <!-- BEGIN switch_fb_connect -->
          <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
              <tr>
                <td valign="top" width="100%" class="row1" align="center">
                    <table width="100%">
                      <tr>
                          <td width="55%" valign="middle">
                            <table class="right">
                                <tr>
                                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                                  <td><input class="post" type="text" size="10" name="username"/> </td>
                                  <td>
                                      <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                                      <span class="gensmall">{L_AUTO_LOGIN}</span>
                                  </td>
                                </tr>

                                <tr>
                                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                                  <td><input class="post" type="password" size="10" name="password"/> </td>
                                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                                </tr>
                            </table>
                          </td>
                          <td width="10%" align="center" valign="middle">
                            <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
                          </td>
                          <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
                      </tr>
                    </table>
                </td>
              </tr>
          </table>
          <!-- END switch_fb_connect -->
        </form>
        <!-- END switch_user_login_form_footer -->

        <!-- BEGIN disable_viewonline -->
        <center><div class="QEEL"><div class="img_qeel"><div class="titre_qeel">Qui chasse dans la forêt ?</div>
          <div class="sous-titre_qeel">Un ami ou un ennemi ?</div></div>
          <br /><table width="100%" border="0" cellspacing="1" cellpadding="0">
          <tr>
            <td><div class="stats_qeel"><div class="stats_qeel_img"><img src="http://www.zupimages.net/up/14/46/o5ym.png" /></div><div class="stats_qeel_description"><div class="stats_titres">Statistiques</div>
              <br />{TOTAL_POSTS}<script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/Nos membres ont posté un total de/,"Nos membres ont miaulé");</script><script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/messages/,"fois");</script></span><br></span><script type="text/javascript">{TOTAL_USERS}document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/membre/,"félin");</script>{NEWEST_USER}<script type="text/javascript">document.getElementById('yosh').innerHTML=document.getElementById('yosh').innerHTML.replace(/L'utilisateur/,"Le félin");</script><br/></span> {TOTAL_USERS_ONLINE}. {RECORD_USERS}.
              <br /><br />{LOGGED_IN_USER_LIST}<br /><table>{L_WHOSBIRTHDAY_TODAY}</table><br /><br />
              <center><img src="https://secure.static.tumblr.com/dcc8fe890da61c1c585c7e046eac90a2/k8ee7td/0zOn4ccdm/tumblr_static_3051.gif" style="border: 2px solid #ffffff; width: 150px;" /></center></div></div>
        <div style="clear: both;"></div></td>
            <td><center><a href="http://suistondestin.forumactif.org/g6-ombre" style="color: #393939 !important;" class="groupes">Ombres</a> <a href="http://suistondestin.forumactif.org/g5-vent" style="color: #89DA70 !important;" class="groupes">Vent</a> <a href="http://suistondestin.forumactif.org/g3-tonnerre" style="color: #DFC826 !important;" class="groupes">Tonerrre</a> <a href="http://suistondestin.forumactif.org/g4-riviere" style="color: #188D9F !important;" class="groupes">Rivière</a>
              <br /><br /><img src="http://www.zupimages.net/up/14/46/9nis.png" class="baleine" /><br /><br />
              <table id="kaboum">{L_CONNECTED_MEMBERS}</table></center></td></tr>
          </table>
          <p align="right"><a href="http://www.never-utopia.com" class="crédits">Code de base de tout les codes présents© Halloween</a></p></div></center>
        <link href='http://fonts.googleapis.com/css?family=Archivo+Narrow|Permanent+Marker|Playball|Lobster|Courgette' rel='stylesheet' type='text/css'>
        <!-- END disable_viewonline -->
        {CHATBOX_BOTTOM}
        <br clear="all" />
        <!-- BEGIN switch_legend -->
        <table border="0" cellspacing="3" cellpadding="0" align="center">
          <tr>
              <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
              <td><span class="gensmall">{L_NEW_POSTS}</span></td>
              <td></td>
              <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
              <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
              <td> &nbsp;</td>
              <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
              <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
          </tr>
        </table>
        <!-- END switch_legend -->

        {AUTO_DST}

        <!-- BEGIN switch_fb_index_login -->
        <div id="fb-root"></div>
        <script type="text/javascript">
        //<![CDATA[
        FB.init({
          appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
            status: true,
            cookie: true,
            xfbml: true,
          oauth: true
        });
        //]]>
        </script>
        <!-- END switch_fb_index_login -->      
    Edit: Je suis arriver à installer, mais, voici le bug: http://forumtesthishibi.forumactif.com/
    • Revenir en haut
    Nihil Scar Winspeare
    Nihil Scar Winspeare
    Messages : 5244

    Lun 15 Déc 2014 - 19:27

    Hello :)

    Ancien message:

    -----

    EDIT :

    Pour éviter d'autres erreurs, j'ai modifié totalement le HTML et le CSS :

    Voici par quoi il faut remplacer mon ancien HTML (dans le template) :
    Code:
    <!-------------------------------
     * BLOC PARTENAIRES AVEC DECALAGE
     * Libre service - Never Utopia
     * http://www.never-utopia.com/
    --------------------------------->
    <div class="staggered-partners">
        <a class="partner-link" target="_blank" title="LGDC HG" href="http://lgdc-hunger-games.forumactif.com/">
            <img alt="La Guerre des Clans Hunger Game" src="http://i39.servimg.com/u/f39/18/13/71/71/8810.png" />
        </a>
        <a class="partner-link" target="_blank" title="LGDT" href="http://guerredestribus.rpgwars.net/">
            <img alt="La Guerre des Tribus" src="http://www.zupimages.net/up/14/45/g58j.png" />
        </a>
        <a class="partner-link" target="_blank" title="LGR" href="http://lgdc-nouvelle-ere.skyforum.net">
            <img alt="La Guerre Recommence" src="http://zupimages.net/up/14/50/wyfm.png" />
        </a>
        <a class="partner-link" target="_blank" title="LE" href="http://legendeseternelles.lebonforum.com/">
            <img alt="Légendes Éternelles" src="http://i39.servimg.com/u/f39/18/12/65/55/bannia10.jpg" />
        </a>
        <a class="partner-link" target="_blank" title="WCLR" href="http://warriors-renaissance.forumactif.org">
            <img alt="Warriors Cats and la Renaissance" src="http://image.noelshack.com/fichiers/2014/13/1395682145-bouton-renaissance.jpg">
        </a>
        <a class="partner-link" target="_blank" title="TLKE" href="http://the-lion-king-epic.forumactif.org/">
            <img alt="The Lion King Epic" src="http://img11.hostingpics.net/pics/559444BoutonbrouillonCopie.png" />
        </a>
        <a class="partner-link" target="_blank" title="EW" href="http://equestria-world.forumactif.org/">
            <img alt="Equestria World" src="http://www.pixenli.com/images/1405/1405453832010297900.png" />
        </a>
        <a class="partner-link" target="_blank" title="SRPG" href="http://spirit.forumcanada.org/forum">
            <img alt="Spirit RPG" src="http://img15.hostingpics.net/pics/796373Boutonspirit.png" />
        </a>
        <a class="partner-link" target="_blank" title="STD" href="http://suistondestin.forumactif.org/">
            <img alt="Suis ton Destin" src="http://placehold.it/88x31/34495e/ffffff" />
        </a>
        <a class="partner-link" target="_blank" title="STD" href="http://suistondestin.forumactif.org/">
            <img alt="Suis ton Destin" src="http://placehold.it/88x31/2c3e50/ffffff" />
        </a>
        <a class="partner-link" target="_blank" title="STD" href="http://suistondestin.forumactif.org/">
            <img alt="Suis ton Destin" src="http://placehold.it/88x31/95a5a6/ffffff" />
        </a>
        <a class="partner-link" target="_blank" title="STD" href="http://suistondestin.forumactif.org/">
            <img alt="Suis ton Destin" src="http://placehold.it/88x31/e74c3c/ffffff" />
        </a>
        <a class="partner-link" target="_blank" title="STD" href="http://suistondestin.forumactif.org/">
            <img alt="Suis ton Destin" src="http://placehold.it/88x31/e67e22/ffffff" />
        </a>
        <a class="partner-link" target="_blank" title="STD" href="http://suistondestin.forumactif.org/">
            <img alt="Suis ton Destin" src="http://placehold.it/88x31/f1c40f/ffffff" />
        </a>
        <a class="partner-link" target="_blank" title="STD" href="http://suistondestin.forumactif.org/">
            <img alt="Suis ton Destin" src="http://placehold.it/88x31/1abc9c/ffffff" />
        </a>
        <a class="partner-link" target="_blank" title="STD" href="http://suistondestin.forumactif.org/">
            <img alt="Suis ton Destin" src="http://placehold.it/88x31/16a085/ffffff" />
        </a>
        <a class="partner-link" target="_blank" title="STD" href="http://suistondestin.forumactif.org/">
            <img alt="Suis ton Destin" src="http://placehold.it/88x31/2ecc71/ffffff" />
        </a>
        <a class="partner-link" target="_blank" title="STD" href="http://suistondestin.forumactif.org/">
            <img alt="Suis ton Destin" src="http://placehold.it/88x31/27ae60/ffffff" />
        </a>
        <a class="partner-link" target="_blank" title="STD" href="http://suistondestin.forumactif.org/">
            <img alt="Suis ton Destin" src="http://placehold.it/88x31/3498db/ffffff" />
        </a>
        <a class="partner-link" target="_blank" title="STD" href="http://suistondestin.forumactif.org/">
            <img alt="Suis ton Destin" src="http://placehold.it/88x31/2980b9/ffffff" />
        </a>
        <a class="partner-link" target="_blank" title="STD" href="http://suistondestin.forumactif.org/">
            <img alt="Suis ton Destin" src="http://placehold.it/88x31/9b59b6/ffffff" />
        </a>
    </div>
    <!-- FIN BLOC PARTENAIRE -->

    Voici par quoi il faut remplacer le CSS que j'avais donné :
    Code:
    /*
     * ------------------------------
     * BLOC PARTENAIRES AVEC DECALAGE
     * Libre service - Never Utopia
     * http://www.never-utopia.com/
     * ------------------------------
     */

    /* Bloc contenant les partenaires */
    .staggered-partners {
      font-size: 0;
      width: 791px;
      margin: auto;
      margin-top: 25px;
      margin-bottom: 25px;
    }

    /* Affichage pour un lien partenaire */
    .staggered-partners .partner-link {
      display: inline-block;
      position: relative;
      width: 88px; /* largeur */
      height: 31px; /* hauteur */
      margin-right: 20px;
    }

    /* Style image du partenaire */
    .staggered-partners .partner-link img {
      position: absolute;
      max-width: 100%;
      max-height: 100%;
      -webkit-transition: transform 600ms;
      transition: transform 600ms;
    }

    /* Effet au survol sur image */
    .staggered-partners .partner-link:hover img {
      -webkit-transform: scale(1.3);
      transform: scale(1.3);
      z-index: 1;
    }

    /* Decalage a gauche une ligne sur 2 */
    .staggered-partners .partner-link:nth-child(14n+8) {
      margin-left: 55px;
    }

    /* Suppression de la marge à droite une ligne sur 2 */
    .staggered-partners .partner-link:nth-child(14n) {
      margin-right: 0;
    }

    /* Style quand le lien n'a pas d'image */
    .staggered-partners .partner-link:empty {
      display: none;
    }

    /*------------------------------
     * FIN BLOC PARTENAIRES AVEC DECALAGE
     * ------------------------------ */


    Dernière édition par Nihil Scar Winspeare le Mar 16 Déc 2014 - 14:04, édité 1 fois (Raison : Modification d'une mauvaise ligne)

    • Revenir en haut
    Esperanga
    Esperanga
    FémininAge : 35Messages : 106

    Mar 16 Déc 2014 - 10:15

    Merci beaucoup, cela m'a aussi été très utile :)
    même si je n'ai pas l'effet de survol, mais c'est pas grave pour moi ^^



    (Nihil) Barre de partenariats en fond de page Signa_10
    • Revenir en haut
    1charlotte
    1charlotte
    FémininAge : 23Messages : 196

    Mar 23 Déc 2014 - 0:36

    Tout est nickel, merci !
    • Revenir en haut
    Contenu sponsorisé

    • Revenir en haut
    « Voir le sujet précédent · Voir le sujet suivant »
      La date/heure actuelle est Sam 23 Nov 2024 - 9:08