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.

Le deal à ne pas rater :
Code promo Nike : -25% dès 50€ d’achats sur tout le site Nike
Voir le deal

    Petit codage du qeel svp ^^

    Minaso
    Minaso
    MasculinAge : 28Messages : 145

    Lun 13 Aoû 2012 - 13:08

    Commande
    Elément à coder : Qui est en ligne (qeel)
    Adresse du forum : http://narustory.xooit.fr/index.php
    Description du résultat voulu : je souhaite juste modifier la partie droite de mon qeel, je ne souhaite pas changer ou enlever l'image, elle est très bien comme elle est, je voudrais donc mettre les 8 groupes sous formes d'icônes, en sharingan, voir l'image fournie.
    Couleurs ou tons : peu importe, tant que ça s'accorde au reste du forum.
    Images : Petit codage du qeel svp ^^ Project-371468c (je voudrais faire un peu comme ça pour la partie à droite de l'image qui je rappelle n'est pas à changer ^^) Petit codage du qeel svp ^^ Sharingandesktopicons-371469d (et voici les icônes voulues, ce sont les sharingans, à découper pour qu'ils s'incrustent sur le fond du forum ^^
    Autres précisions : Donc je rappelle qu'il ne faut pas enlever l'image du qeel, mais transformer la partie à droite de cette image, pour faire comme sur la première image montrée, mais en remplaçant les têtes de morts par les sharingans, et si possible qu'il y ai un survole d'image quand on passe avec la sourie dessus, et qu'une carte apparaisse pour montrer le nom du groupe. Merci d'avance si ma commande est prise en charge, si vous voulez ajouter des choses, ou encadrer des parties vous pouvez ^^


    Dernière édition par Minaso le Lun 3 Sep 2012 - 22:15, édité 1 fois



    Petit codage du qeel svp ^^ Signess

    Spoiler:
    • Revenir en haut
    Klash
    Klash
    MasculinAge : 44Messages : 20653

    Lun 13 Aoû 2012 - 13:28

    Un peu à sec ?Bonjour, ton compte de PeaNUt's est en négatif. Tes commandes ou autres demandes d'aides seront acceptées mais pense à participer un peu plus sur le forum pour gagner d'autres PeaNUt's. Si tu ne sais pas où te rendre utile sur le forum n'hésite pas à consulter la FAQ de Never-Utopia, tu y trouveras très probablement des réponses.


    La commande est validée !▬ il est autorisé de la relancer toutes les 48h minimum
    ▬ une commande laissée sans nouvelles sera relancée au bout de 10 jours
    ▬ après la relance du modérateur, si nous n'avons toujours pas d'actualisation de la commande elle sera archivée après une semaine



    Petit codage du qeel svp ^^ 376864signichigo
    • Revenir en haut
    Minaso
    Minaso
    MasculinAge : 28Messages : 145

    Lun 13 Aoû 2012 - 14:07

    Ok merci, je vais voir ça, je comprenais pas trop à quoi ça servait avant ^^



    Petit codage du qeel svp ^^ Signess

    Spoiler:
    • Revenir en haut
    Minaso
    Minaso
    MasculinAge : 28Messages : 145

    Jeu 16 Aoû 2012 - 14:49

    :up:



    Petit codage du qeel svp ^^ Signess

    Spoiler:
    • Revenir en haut
    Minaso
    Minaso
    MasculinAge : 28Messages : 145

    Sam 18 Aoû 2012 - 20:15

    :up: :up:



    Petit codage du qeel svp ^^ Signess

    Spoiler:
    • Revenir en haut
    Klash
    Klash
    MasculinAge : 44Messages : 20653

    Sam 25 Aoû 2012 - 19:51

    Bonjour, nous sommes sans nouvelles...Ce topic est-il toujours d'actualité ? Merci de nous tenir informés du déroulement de cette demande.
    Attention, l'absence de réponse à ce message entrainera l'archivage du topic d'ici trois semaine.



    Petit codage du qeel svp ^^ 376864signichigo
    • Revenir en haut
    Minaso
    Minaso
    MasculinAge : 28Messages : 145

    Lun 27 Aoû 2012 - 12:37

    Bonjour, oui ce topic est toujours d'actualité, mais j'aimerai bien que quelqu'un s'occupe de moi^^



    Petit codage du qeel svp ^^ Signess

    Spoiler:
    • Revenir en haut
    Minaso
    Minaso
    MasculinAge : 28Messages : 145

    Mer 29 Aoû 2012 - 20:39

    :up: j'ai essayé mais pas réussi ^^



    Petit codage du qeel svp ^^ Signess

    Spoiler:
    • Revenir en haut
    Minaso
    Minaso
    MasculinAge : 28Messages : 145

    Sam 1 Sep 2012 - 13:44

    J'arrive même pas à centrer ma page d'accueil codé, j'arriverai pas à faire ça Sad



    Petit codage du qeel svp ^^ Signess

    Spoiler:
    • Revenir en haut
    cerizz
    cerizz
    FémininAge : 31Messages : 45

    Dim 2 Sep 2012 - 22:13

    Peux tu me donner le codage de ton index_body (dans les templates)?
    • Revenir en haut
    Minaso
    Minaso
    MasculinAge : 28Messages : 145

    Lun 3 Sep 2012 - 12:59

    Le voici :

    Code:


    <table width="100%" cellspacing="0" cellpadding="2" border="0" align="center">
      <tr>
       <td align="left" valign="bottom"><span class="gensmall">
       <!-- BEGIN switch_user_logged_in -->
       {LAST_VISIT_DATE}<br />
       <!-- END switch_user_logged_in -->
       {CURRENT_TIME}<br /></span><span class="nav"><a href="{U_INDEX}" class="nav">{L_INDEX}</a></span></td>
       <td align="right" valign="bottom" class="gensmall">
          <!-- BEGIN switch_user_logged_in -->
          <a href="{U_SEARCH_NEW}" class="gensmall">{L_SEARCH_NEW}</a><br /><a href="{U_SEARCH_SELF}" class="gensmall">{L_SEARCH_SELF}</a><br />
          <!-- END switch_user_logged_in -->
          <a href="{U_SEARCH_UNANSWERED}" class="gensmall">{L_SEARCH_UNANSWERED}</a></td>
      </tr>
    </table>

    <table width="100%" cellpadding="2" cellspacing="1" border="0" class="forumline">
      <tr>
       <th colspan="2" class="thCornerL" height="25" nowrap="nowrap"> {L_FORUM} </th>
       <th width="50" class="thTop" nowrap="nowrap"> {L_TOPICS} </th>
       <th width="50" class="thTop" nowrap="nowrap"> {L_POSTS} </th>
       <th class="thCornerR" nowrap="nowrap"> {L_LASTPOST} </th>
      </tr>
      <!-- BEGIN catrow -->
      <tr>
       <td class="catLeft" colspan="2" height="28"><span class="cattitle"><a href="{catrow.U_VIEWCAT}" class="cattitle">{catrow.CAT_DESC}</a></span></td>
       <td class="rowpic" colspan="3" align="right"> </td>
      </tr>
      <!-- BEGIN forumrow -->
      <tr>
       <td class="row1" align="center" valign="middle" height="60"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></td>
       <td class="row1" width="100%" height="50"><span class="forumlink"> <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumlink">{catrow.forumrow.FORUM_NAME}</a><br />
         </span> <span class="genmed">{catrow.forumrow.FORUM_DESC}<br />
         </span><span class="gensmall">{catrow.forumrow.L_MODERATOR} {catrow.forumrow.MODERATORS}</span></td>
       <td class="row2" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.TOPICS}</span></td>
       <td class="row2" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.POSTS}</span></td>
       <td class="row2" align="center" valign="middle" height="50" nowrap="nowrap"> <span class="gensmall">{catrow.forumrow.LAST_POST}</span></td>
      </tr>
      <!-- END forumrow -->
      <!-- END catrow -->
    </table>

    <table width="100%" cellspacing="0" border="0" align="center" cellpadding="2">
      <tr>
        <td align="left">
        <!-- BEGIN switch_user_logged_in -->
           <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></span>
        <!-- END switch_user_logged_in -->
        </td>
       <td align="right"><span class="gensmall">{S_TIMEZONE}</span></td>
      </tr>
    </table>

    <table width="100%" cellpadding="3" cellspacing="1" border="0" class="forumline">
      <tr>
       <td class="catHead" colspan="2" height="28"><span class="cattitle"><a href="{U_VIEWONLINE}" class="cattitle">{L_WHO_IS_ONLINE}</a></span></td>
      </tr>
      <tr>
       <td class="row1" align="center" valign="middle" rowspan="2"><img src="http://img7.xooimage.com/files/5/7/5/quiestenligne-288b7bc.png" alt="{L_WHO_IS_ONLINE}" /></td>
       <td class="row1" align="left" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />{TOTAL_USERS}<br />{NEWEST_USER}</span>
       </td>
      </tr>
      <tr>
       <td class="row1" align="left"><span class="gensmall">{TOTAL_USERS_ONLINE}   [ {L_WHOSONLINE_ADMIN} ]   [ {L_WHOSONLINE_MOD} ]<br />{RECORD_USERS}<br />{LOGGED_IN_USER_LIST}</span></td>
      </tr>
    </table>

    <table width="100%" cellpadding="1" cellspacing="1" border="0">
    <tr>
       <td align="left" valign="top"><span class="gensmall">{L_ONLINE_EXPLAIN}</span></td>
    </tr>
    </table>

    <!-- BEGIN switch_user_logged_out -->
    <form method="post" action="{S_LOGIN_ACTION}">
      <table width="100%" cellpadding="3" cellspacing="1" border="0" class="forumline">
       <tr>
         <td class="catHead" height="28"><a name="login"></a><span class="cattitle">{L_LOGIN_LOGOUT}</span></td>
       </tr>
       <tr>
         <td class="row1" align="center" valign="middle" height="28"><span class="gensmall">{L_USERNAME}:
          <input class="post" type="text" name="username" size="10" />
             {L_PASSWORD}:
          <input class="post" type="password" name="password" size="10" maxlength="32" />
          <!-- BEGIN switch_allow_autologin -->
               {L_AUTO_LOGIN}
          <input class="text" type="checkbox" name="autologin" />
          <!-- END switch_allow_autologin -->
             
          <input type="submit" class="mainoption" name="login" value="{L_LOGIN}" />
          </span> </td>
       </tr>
      </table>
    </form>
    <!-- END switch_user_logged_out -->

    <br clear="all" />

    <table cellspacing="3" border="0" align="center" cellpadding="0">
      <tr>
       <td width="20" align="center"><img src="http://img9.xooimage.com/files/1/a/d/logonew-288b787.png" alt="{L_NEW_POSTS}"/></td>
       <td><span class="gensmall">{L_NEW_POSTS}</span></td>
       <td>  </td>
       <td width="20" align="center"><img src="http://img9.xooimage.com/files/a/e/4/logoold-288b797.png" alt="{L_NO_NEW_POSTS}" /></td>
       <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
       <td> &nbsp;</td>
       <td width="20" align="center"><img src="http://img9.xooimage.com/files/e/1/e/logolock-288b79b.png" alt="{L_FORUM_LOCKED}" /></td>
       <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
      </tr>
    </table>




    Petit codage du qeel svp ^^ Signess

    Spoiler:
    • Revenir en haut
    Minaso
    Minaso
    MasculinAge : 28Messages : 145

    Lun 3 Sep 2012 - 13:00

    Et le code de la page d'accueil personnalisée, avec staff et autre :

    Code:


    <style>

    /*--PA onglets--*/
    .paonglet
            {
    font-variant: small-caps;
    display:inline-block;
            margin-left:15px;
            margin-right:15px;
            cursor:pointer;
    text-align: center;
            }

    .paonglet:hover{
    font-weight: bold;
    }
            .paonglet_0
            {
            letter-spacing: 1px;
            }
            .paonglet_1
            {
              letter-spacing: 1px;
            }

    .contenu_paonglet
    {
    margin-top:-5px;
    padding: 7px;
    display:none;
    height: auto;
    text-align: justify;
    font-family: Tahoma, serif;
    color: #A34A3B;
    width: 910px;
    background-color: #abc5e2;
    border-left: 2px solid #295b98;
    border-top: 6px solid #295b98;
    border-right: 2px solid #295b98;
    border-bottom: 6px solid #295b98;
    -moz-border-radius: 25px 25px 25px 25px;
    border-radius: 25px 25px 25px 25px;
    -webkit-border-radius: 25px 25px 25px 25px;
            }

    .case {
    padding-left: 10px;
    padding-right: 30px;
    font-family: Arial;
    font-size: 12px;
    color: #000000;
    text-align: justify;
    }

    .navi {
    text-align: center;
    }

    #navig {
    padding-top: 20px;
    }

    #case {
    padding-top: 5px;
    }

    .scroll {
    text-align: justify;
    margin-left: 30px;
    border-left: 2px solid #295b98;
    border-right: 2px solid #295b98;
    border-top: 1px solid #295b98;
    border-bottom: 1px solid #295b98;
    height: 100px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    padding-left: 5px;
    padding-right: 5px;
    }

    a.imginfo span {
      display: none; /* on masque l'infobulle */
    }
    a.imginfo:hover {
      background: none; /* correction d'un bug IE */
      z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
      cursor: help; /* on change le curseur par défaut en curseur d'aide */
    }
    a.imginfo:hover span {
      display: inline; /* on affiche l'infobulle */
      position: absolute;
      white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      border-radius: 7px;
      background: #abc5e2;
      color: ffffff;
      padding: 3px;
      border: 0px solid grey;
      border-left: 2px solid #295b98;
      border-right: 2px solid #295b98;
      border-top: 2px solid #295b98;
      border-bottom: 2px solid #295b98;
    font-variant: small-caps;
    }
    </style>
    <br /><br />
    <script type="text/javascript">
            //<!--
                    function change_paonglet(name)
                    {
                            document.getElementById('paonglet_'+anc_paonglet).className = 'paonglet_0 paonglet';
                            document.getElementById('paonglet_'+name).className = 'paonglet_1 paonglet';
                            document.getElementById('contenu_paonglet_'+anc_paonglet).style.display = 'none';
                            document.getElementById('contenu_paonglet_'+name).style.display = 'block';
                            anc_paonglet = name;
                    }
            //-->
            </script><div class="paonglets" style="text-align: center;">
                <span class="paonglet_0 paonglet" id="paonglet_naruto" onclick="javascript:change_paonglet('naruto');"><img src="http://nsa27.casimages.com/img/2011/08/02/11080210082487566.png" border="0" alt="" /></span>
                <span class="paonglet_0 paonglet" id="paonglet_news" onclick="javascript:change_paonglet('news');"><img src="http://nsa28.casimages.com/img/2011/08/04/110804060900519299.png" border="0" alt="" /></span>
                <span class="paonglet_0 paonglet" id="paonglet_partenaires" onclick="javascript:change_paonglet('partenaires');"><img src="http://nsa28.casimages.com/img/2011/08/02/110802105650340804.png" border="0" alt="" /></span>


            </div>

            <div class="contenu_paonglets" style="text-align: center;">
                <div class="contenu_paonglet" id="contenu_paonglet_naruto">

    <table class="table"><tbody><tr><td width="350" id="navig"><center><img src="http://nsa27.casimages.com/img/2011/08/02/110802094358440657.png" border="0" alt="" /></center><br />
    <div class="navi"><form><font size="2"><select style="width: 153px;" onchange="location = this.options [this.selectedIndex].value"><option selected="selected">Naviguer sur le forum</option><option value="http://narustory.xooit.fr/f2-Le-reglement.htm">Règlement</option><option value="http://narustory.xooit.fr/f3-Presentation.htm">Présentations</option><option value="http://narustory.xooit.fr/f12-Actualites.htm">Actualités</option><option value="http://narustory.xooit.fr/f6-Gallerie.htm">Galeries</option><option value="http://narustory.xooit.fr/f13-partenariat.htm">Partenariat</option></select></font></form><br />
    <img src="http://nsa28.casimages.com/img/2011/08/02/11080209523960668.png" border="0" alt="image partie RP" /><br /><br />
    <form><font size="2"><select style="width: 153px;" onchange="location = this.options [this.selectedIndex].value"><option selected="selected">Role Playing Game</option><option value="http://narustory.xooit.fr/f15-Les-debuts.htm">Les débuts</option><option value="http://narustory.xooit.fr/f16-Villages-et-lieux.htm">Village et Lieux</option><option value="http://narustory.xooit.fr/f17-Organisations.htm">Organisations</option><option value="http://narustory.xooit.fr/f18-Arene.htm">Arène</option><option value="http://narustory.xooit.fr/f19-Fiches-techniques.htm">Fiches techniques</option></select></font></form></div></td>
    <td rowspan="3" width="530px" class="case" id="case"><center><img src="http://nsa28.casimages.com/img/2011/08/02/110802091842422345.png" border="0" alt="image bienvenue" /></center><br />
    <center><img src="http://nsa28.casimages.com/img/2011/08/02/110802085450959632.png" border="0" alt="message de bienvenue" /></center><br />
    <center><img src="http://img338.imageshack.us/img338/1741/tobo.png" border="0" alt="" /></center></td></tr>
    <tr><td style="padding-top: 30px;"><center><img src="http://nsa28.casimages.com/img/2011/08/02/110802100052582931.png" border="0" alt="image staff" /></center>
    <center><table cellpadding="1" cellspacing="1"><tr><td><a class="imginfo"><img src="http://img7.xooimage.com/files/3/6/c/mad-3484d51.png" alt="Miniature Ryokunai"></font><span><table border="0" cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><font size="2"><b>Ryokunai</b></font><br><font color="#000000"><font size="1">Dieu</font></font><br></font></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://img9.xooimage.com/files/e/a/7/av-2bede49.png" alt="image grande Ryokunai"></a></td></tr><tr><td style="text-align: center;"><font size="1"><a href="http://narustory.xooit.fr/privmsg.php?mode=post&u=2"><font color="#000000">MP</font></a> - <a href="http://narustory.xooit.fr/profile.php?mode=viewprofile&u=2"><font color="#000000">Profil</font></a><br></td></tr><tr align="center"></tr></tbody></table></td>
    <td><a class="imginfo"><img src="http://img67.xooimage.com/files/5/3/a/2b-2b73883.png" alt="Miniature Utakata"></font><span><table border="0" cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><font size="2"><b>Utakata</b></font><br><font color="#000000"><font size="1">Dieu</font></font><br></font></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://img61.xooimage.com/files/5/e/7/gigi-27fdb76.jpg" alt="image grande Utakata"></a></td></tr><tr><td style="text-align: center;"><font size="1"><a href="http://narustory.xooit.fr/privmsg.php?mode=post&u=7"><font color="#000000">MP</font></a> - <a href="http://narustory.xooit.fr/profile.php?mode=viewprofile&u=7"><font color="#000000">Profil</font></a></td></tr></tbody></table>

    </td><td><a class="imginfo"><img src="http://img68.xooimage.com/files/f/1/2/3b-2b73889.png" alt="Miniature ElCo"></font><span><table cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><font size="2"><b>ElCo</b><br><font color="#000000"><font size="1">Chuck Norris</font></font><br></font></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://img9.xooimage.com/files/6/b/2/avatar_elco-17ef4ce59-292efdb.png" alt="image grande ElCo"></a></td></tr><tr><td style="text-align: center;"><font size="1"><a href="http://narustory.xooit.fr/privmsg.php?mode=post&u=64"><font color="#000000">MP</font></a> - <a href="http://narustory.xooit.fr/profile.php?mode=viewprofile&u=64"><font color="#000000">Profil</font></a><br></td></tr><tr align="center"></tr></tbody></table></td></tr>

    <tr><td><a class="imginfo"><img src="http://img75.xooimage.com/files/2/3/a/4b-2b73897.png" alt="Miniature L'éclair jaune"></font><span><table border="0" cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><font size="2"><b>L'éclair jaune</b></font><br><font color="#000000"><font size="1">Modérateur</font></font><br></font></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://img9.xooimage.com/files/f/3/c/avatar-sonic-29b74ce.png" alt="image grande L'éclair jaune"></a></td></tr><tr><td style="text-align: center;"><font size="1"><a href="http://narustory.xooit.fr/privmsg.php?mode=post&u=49"><font color="#000000">MP</font></a> - <a href="http://narustory.xooit.fr/profile.php?mode=viewprofile&u=49"><font color="#000000">Profil</font></a><br></td></tr><tr align="center"></tr></tbody></table></td>

    <td><a class="imginfo"><img src="http://img71.xooimage.com/files/c/9/a/5b-2b738ac.png" alt="Miniature Akasushi"></font><span><table border="0" cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><font size="2"><b>Akasushi</b></font><br><font color="#000000"><font size="1">Modérateur</font></font><br></font></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://img9.xooimage.com/files/3/6/3/avatarakasushii-2846c50.png" alt="image grande Akasushi"></a></td></tr><tr><td style="text-align: center;"><font size="1"><a href="http://narustory.xooit.fr/privmsg.php?mode=post&u=85"><font color="#000000">MP</font></a> - <a href="http://narustory.xooit.fr/profile.php?mode=viewprofile&u=85"><font color="#000000">Profil</font></a></td></tr></tbody></table>

    </td><td><a class="imginfo"><img src="http://img75.xooimage.com/files/a/a/c/6b-2b738b2.png" alt="Miniature Filou"></font><span><table cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><font size="2"><b>Filou</b><br><font color="#000000"><font size="1">Modérateur</font></font><br></font></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://img60.xooimage.com/files/6/7/c/filou-280700f.png" alt="image grande Filou"></a></td></tr><tr><td style="text-align: center;"><font size="1"><a href="http://narustory.xooit.fr/privmsg.php?mode=post&u=98"><font color="#000000">MP</font></a> - <a href="http://narustory.xooit.fr/profile.php?mode=viewprofile&u=98"><font color="#000000">Profil</font></a><br></td></tr><tr align="center"></tr></tbody></table></td></tr></table></center></td></td></tr>
    <tr><td><center><img src="http://nsa27.casimages.com/img/2011/08/02/110802105945325872.png" border="0" alt="" /><br />
    <a href="http://narustory.xooit.fr/index.php"><img src="http://img53.xooimage.com/files/c/d/f/bn1-278a34c.png" border="0" alt="bouton Naruto's Story"></a><br />
    <font size="1">Design by Kurokami<br />
    Codage de la PA by Nico'<br />
    <a href="http://narustory.xooit.fr/t334-Credits-de-la-PA.htm">#Plus</a><br /></font></center></td></tr>
    </tbody></table>

    </div>

                <div class="contenu_paonglet" id="contenu_paonglet_news">

    <table><tbody><tr><td width="55%" class="case" rowspan="2"><center><img src="http://nsa27.casimages.com/img/2011/08/04/110804061635666750.png" /><br />
    <img src="http://nsa27.casimages.com/img/2011/08/04/110804062558561107.png" border="0" alt="image texte note importante" /></center>
    </td><td class="case"><center><img src="http://img4.hostingpics.net/pics/958142imagederniresannonces2naruto.png" border="0" alt="" /><br /></center>
    <marquee class="scroll" behavior="scroll" align="center" direction="up" height="50" scrollamount="1" scrolldelay="1" onmouseover='this.stop()' onmouseout='this.start()'>
    1) Programmation de la nouvelle page d'accueil terminée, nous espérons que le résultat vous satisfera.
    2) Recherche d'un modo et d'un codeur pour rejoindre le staff, si vous en connaissez, merci de contacter Ryokunai. <br />
     <br /> </marquee></td></tr>

    <tr><td class="case"><center><img src="http://img4.hostingpics.net/pics/272339imageeventdumomentnaruto.png" border="0" alt="" /><br />
    <u> Faites un geste, un petit clique toutes les deux heures :) </u> :<br />
    <a href="http://www.root-top.com/topsite/everutopia/in.php?ID=280">
    <img src="http://img.root-top.com/topsite/everutopia/banner.gif" border="0" alt="039 ever utopia" title="039 ever utopia">
    <br />'ever-uTOPia</a> </center></td></tr></tbody></table>

    </div>

                <div class="contenu_paonglet" id="contenu_paonglet_partenaires"><table><tbody><tr><td colspan="2"><center><img src="http://nsa28.casimages.com/img/2011/08/02/110802114214991735.png" border="0" alt="" /></center></td></tr><tr><td width="50%"><center><img src="http://nsa27.casimages.com/img/2011/08/02/110802112022984809.png" border="0" alt="image partenaires" /><br />

    <a href="http://blablatracks.ze-forum.com/index.php" target="_blank"><img src="http://img827.imageshack.us/img827/4144/blablans.jpg" border="0" alt=""></a> <a href="http://shinobi-banzai.forumotion.com/" target="_blank"><img src="http://nsa27.casimages.com/img/2011/07/17/110717025144230283.jpg" border="0" width="88" height="31"></a> <a href="http://pixelia.graphforum.com/"><img src="http://i20.servimg.com/u/f20/13/80/16/40/bouton10.png" border="0" alt="bouton pix"></a><br />
    <a <a href="http://puissance-manga.actifforum.com/" target="_blank"><img src="http://www.archive-host.com/link/f9715b613e365532d9b98b01ee601c094b2b2f67.gif" alt="puissance manga logo" title="Puissance Manga" /></a> <a href="lien forum" target="_blank"><img src="http://nsa28.casimages.com/img/2011/08/02/110802111607927083.png" border="0"></a> <a href="lien forum" target="_blank"><img src="http://nsa28.casimages.com/img/2011/08/02/110802111607927083.png" border="0"></a>
    </center></td><td class="case">
    <center><img src="http://nsa28.casimages.com/img/2011/08/02/110802114306800594.png" border="0" alt="" /></center><br />
    <center><a href="http://narustory.xooit.fr/f13-partenariat.htm">Devenir notre partenaire ?</a></center></td></tr><tr><td colspan="2"><center><img src="http://nsa28.casimages.com/img/2011/08/02/1108021147557293.png" border="0" alt="image nous lier" /><br />
    <a href="http://narustory.xooit.fr/index.php"><img src="http://img53.xooimage.com/files/c/d/f/bn1-278a34c.png" border="0" alt="bouton Naruto's Story"></a>
    </span><table width="70%" cellspacing="1" cellpadding="0" border="0" align="center"><tr><td><span class="genmed"><b>Code :</b></span></td></tr><tr><td class="code"><div class="cont_code" curpos="0" maxpos="0" pageincrement="480" increment="10" collapsed="true"><a href="http://narustory.xooit.fr/index.php"><img src="http://img53.xooimage.com/files/c/d/f/bn1-278a34c.png" border="0" alt="bouton Naruto's Story"></a></div></td></tr></table><span class="postbody"></table></center><span class="postbody">
    </div></div>
        <script type="text/javascript">
            //<!--
                    var anc_paonglet = 'naruto';
                    change_paonglet(anc_paonglet);
            //-->
     </script>




    Petit codage du qeel svp ^^ Signess

    Spoiler:
    • Revenir en haut
    cerizz
    cerizz
    FémininAge : 31Messages : 45

    Lun 3 Sep 2012 - 13:57

    C'est ta feuille de style CSS? Comment ça se fait qu'il y ai du html dedans?
    • Revenir en haut
    cerizz
    cerizz
    FémininAge : 31Messages : 45

    Lun 3 Sep 2012 - 15:33

    A mettre dans le Index_Body

    Code:
    <table width="100%" cellspacing="0" cellpadding="2" border="0" align="center">
      <tr>
      <td align="left" valign="bottom"><span class="gensmall">
      <!-- BEGIN switch_user_logged_in -->
      {LAST_VISIT_DATE}<br />
      <!-- END switch_user_logged_in -->
      {CURRENT_TIME}<br /></span><span class="nav"><a href="{U_INDEX}" class="nav">{L_INDEX}</a></span></td>
      <td align="right" valign="bottom" class="gensmall">
          <!-- BEGIN switch_user_logged_in -->
          <a href="{U_SEARCH_NEW}" class="gensmall">{L_SEARCH_NEW}</a><br /><a href="{U_SEARCH_SELF}" class="gensmall">{L_SEARCH_SELF}</a><br />
          <!-- END switch_user_logged_in -->
          <a href="{U_SEARCH_UNANSWERED}" class="gensmall">{L_SEARCH_UNANSWERED}</a></td>
      </tr>
    </table>

    <table width="100%" cellpadding="2" cellspacing="1" border="0" class="forumline">
      <tr>
      <th colspan="2" class="thCornerL" height="25" nowrap="nowrap"> {L_FORUM} </th>
      <th width="50" class="thTop" nowrap="nowrap"> {L_TOPICS} </th>
      <th width="50" class="thTop" nowrap="nowrap"> {L_POSTS} </th>
      <th class="thCornerR" nowrap="nowrap"> {L_LASTPOST} </th>
      </tr>
      <!-- BEGIN catrow -->
      <tr>
      <td class="catLeft" colspan="2" height="28"><span class="cattitle"><a href="{catrow.U_VIEWCAT}" class="cattitle">{catrow.CAT_DESC}</a></span></td>
      <td class="rowpic" colspan="3" align="right"> </td>
      </tr>
      <!-- BEGIN forumrow -->
      <tr>
      <td class="row1" align="center" valign="middle" height="60"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></td>
      <td class="row1" width="100%" height="50"><span class="forumlink"> <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumlink">{catrow.forumrow.FORUM_NAME}</a><br />
        </span> <span class="genmed">{catrow.forumrow.FORUM_DESC}<br />
        </span><span class="gensmall">{catrow.forumrow.L_MODERATOR} {catrow.forumrow.MODERATORS}</span></td>
      <td class="row2" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.TOPICS}</span></td>
      <td class="row2" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.POSTS}</span></td>
      <td class="row2" align="center" valign="middle" height="50" nowrap="nowrap"> <span class="gensmall">{catrow.forumrow.LAST_POST}</span></td>
      </tr>
      <!-- END forumrow -->
      <!-- END catrow -->
    </table>

    <table width="100%" cellspacing="0" border="0" align="center" cellpadding="2">
      <tr>
        <td align="left">
        <!-- BEGIN switch_user_logged_in -->
          <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></span>
        <!-- END switch_user_logged_in -->
        </td>
      <td align="right"><span class="gensmall">{S_TIMEZONE}</span></td>
      </tr>
    </table>



    <table cellspacing="1" cellpadding="0" width="" border="0" class="forumline">
       <tr><td class="catHead" colspan="2" height="28"><span class="cattitle"><a href="{U_VIEWONLINE}" class="cattitle">{L_WHO_IS_ONLINE}</a></span></td></tr>
    <tr>
          <td class="row1" align="center" valign="middle" rowspan="2"><img src="http://img7.xooimage.com/files/5/7/5/quiestenligne-288b7bc.png" alt="{L_WHO_IS_ONLINE}" /></td>
          <td><span class="gensmall">{TOTAL_POSTS}<br />{TOTAL_USERS}<br />{NEWEST_USER} <br />{RECORD_USERS}<br /></span>


    <div class="totalusersonline">{TOTAL_USERS_ONLINE} <br>{LOGGED_IN_USER_LIST}</div>
    <br><br>

    <div class="imagesgroupe"><span class="transition-NU">
      <img width="50" height="50" src="http://img17.imageshack.us/img17/9250/sanstitre9lt.png" alt="" />
      <span class="NU_transition">   
              Nom du groupe<br />
              <span>
                informations du groupe<br />
                Voir <a href="Adresse URL du groupe">groupe untel</a>
              </span>
      </span>
     </span>


    <span class="transition-NU">
      <img width="50" height="50" src="http://img41.imageshack.us/img41/5830/sanstitre3fs.png" alt="" />
      <span class="NU_transition">   
              Nom du groupe<br />
              <span>
                informations du groupe<br />
                Voir <a href="Adresse URL du groupe">groupe untel</a>
              </span>
      </span>
     </span>

    <span class="transition-NU">
      <img width="50" height="50" src="http://img138.imageshack.us/img138/7444/sanstitre4ry.png" alt="" />
      <span class="NU_transition">   
              Nom du groupe<br />
              <span>
                informations du groupe<br />
                Voir <a href="Adresse URL du groupe">groupe untel</a>
              </span>
      </span>
     </span>

    <span class="transition-NU">
      <img width="50" height="50" src="http://img171.imageshack.us/img171/5375/sanstitre7ag.png" alt="" />
      <span class="NU_transition">   
              Nom du groupe<br />
              <span>
                informations du groupe<br />
                Voir <a href="Adresse URL du groupe">groupe untel</a>
              </span>
      </span>
     </span>

    <br />

    <span class="transition-NU">
      <img width="50" height="50" src="
    http://img210.imageshack.us/img210/8273/sanstitre8yz.png" alt="" />
      <span class="NU_transition">   
              Nom du groupe<br />
              <span>
                informations du groupe<br />
                Voir <a href="Adresse URL du groupe">groupe untel</a>
              </span>
      </span>
     </span>
    <span class="transition-NU">
      <img width="50" height="50" src="http://img819.imageshack.us/img819/4141/sanstitre5if.png" alt="" />
      <span class="NU_transition">   
              Nom du groupe<br />
              <span>
                informations du groupe<br />
                Voir <a href="Adresse URL du groupe">groupe untel</a>
              </span>
      </span>
     </span>
    <span class="transition-NU">
      <img width="50" height="50" src="http://img832.imageshack.us/img832/4457/sanstitre6cy.png" alt="" />
      <span class="NU_transition">   
              Nom du groupe<br />
              <span>
                informations du groupe<br />
                Voir <a href="Adresse URL du groupe">groupe untel</a>
              </span>
      </span>
     </span>
    <span class="transition-NU">
      <img width="50" height="50" src="http://img855.imageshack.us/img855/2318/sanstitre10vd.png" alt="" />
      <span class="NU_transition">   
              Nom du groupe<br />
              <span>
                informations du groupe<br />
                Voir <a href="Adresse URL du groupe">groupe untel</a>
              </span>
      </span>
     </span></div>

    </td>
       </tr> </table>

    <table width="100%" cellpadding="1" cellspacing="1" border="0">
    <tr>
      <td align="left" valign="top"><span class="gensmall">{L_ONLINE_EXPLAIN}</span></td>
    </tr>
    </table>



    <!-- BEGIN switch_user_logged_out -->
    <form method="post" action="{S_LOGIN_ACTION}">
      <table width="100%" cellpadding="3" cellspacing="1" border="0" class="forumline">
      <tr>
        <td class="catHead" height="28"><a name="login"></a><span class="cattitle">{L_LOGIN_LOGOUT}</span></td>
      </tr>
      <tr>
        <td class="row1" align="center" valign="middle" height="28"><span class="gensmall">{L_USERNAME}:
          <input class="post" type="text" name="username" size="10" />
            {L_PASSWORD}:
          <input class="post" type="password" name="password" size="10" maxlength="32" />
          <!-- BEGIN switch_allow_autologin -->
              {L_AUTO_LOGIN}
          <input class="text" type="checkbox" name="autologin" />
          <!-- END switch_allow_autologin -->
             
          <input type="submit" class="mainoption" name="login" value="{L_LOGIN}" />
          </span> </td>
      </tr>
      </table>
    </form>
    <!-- END switch_user_logged_out -->

    <br clear="all" />

    <table cellspacing="3" border="0" align="center" cellpadding="0">
      <tr>
      <td width="20" align="center"><img src="http://img9.xooimage.com/files/1/a/d/logonew-288b787.png" alt="{L_NEW_POSTS}"/></td>
      <td><span class="gensmall">{L_NEW_POSTS}</span></td>
      <td>  </td>
      <td width="20" align="center"><img src="http://img9.xooimage.com/files/a/e/4/logoold-288b797.png" alt="{L_NO_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
      <td>  </td>
      <td width="20" align="center"><img src="http://img9.xooimage.com/files/e/1/e/logolock-288b79b.png" alt="{L_FORUM_LOCKED}" /></td>
      <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
      </tr>
    </table>

    A mettre dans le CSS

    Code:
    .imagesgroupe{
      font-size: 10;
      font-family: Tahoma, serif;
    color: black;
      text-shadow: 1px 1px 5px #000000;
    width: 285px;
    height: 150px;
    margin-left: 50px; /* A CHANGER POUR LE DECALAGE PAR RAPPORT A L IMAGE */
    margin-top: 7px;
    padding: 7px;
    background-color: #abc5e2;
    border-left: 2px solid #295b98;
    border-top: 6px solid #295b98;
    border-right: 2px solid #295b98;
    border-bottom: 6px solid #295b98;
    -moz-border-radius: 25px 25px 25px 25px;
    border-radius: 25px 25px 25px 25px;
    -webkit-border-radius: 25px 25px 25px 25px;
    }

    .totalusersonline{width: 300px;
    overflow: auto;
    margin-left: 50px;/* A CHANGER POUR LE DECALAGE PAR RAPPORT A L IMAGE */
      margin-top: 7px;
      padding: 7px;
    height: 100px;
    font-size: 10;
      font-family: Tahoma, serif;
    color: black;
      text-shadow: 1px 1px 5px #000000;
    background-color: #abc5e2;
    border-left: 2px solid #295b98;
    border-top: 6px solid #295b98;
    border-right: 2px solid #295b98;
    border-bottom: 6px solid #295b98;
    -moz-border-radius: 25px 25px 25px 25px;
    border-radius: 25px 25px 25px 25px;
    -webkit-border-radius: 25px 25px 25px 25px;
    }

    /* BLOC CONTENANT L'INFOBULLE - L’ICÔNE */
    .transition-NU{
    position: relative;
    width: 50px;
    float: left;
    margin: 10px;
    padding: 0;
    }
    /* INFOBULLE */
    .NU_transition{
    background-color: #abc5e2;
    width: 0;
    height: 0;
    overflow: hidden;
    position: absolute;
    left:80px;
    top: 0;
    z-index: 999;
    padding: 0;
    text-align: center;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: width 0.8s ease-in 0.2s, height 0.8s ease-in 0.2s, padding 0.8s ease-in 0.2s; /* pour navigateur webkit */
    -moz-transition: width 0.8s ease-in 0.2s, height 0.8s ease-in 0.2s, padding 0.8s ease-in 0.2s; /* pour navigateur mozilla */
    -o-transition: width 0.8s ease-in 0.2s, height 0.8s ease-in 0.2s, padding 0.8s ease-in 0.2s; /* pour navigateur opera */
    transition: width 0.8s ease-in 0.2s, height 0.8s ease-in 0.2s, padding 0.8s ease-in 0.2s; /* pour les navigateurs récents */
    }
    /* INFOBULLE AU SURVOL */
    .transition-NU:hover .NU_transition{
    height: 70px;
    width: 200px;
    padding: 5px;
    border-width: 1px;
      background-color: #abc5e2;
    border-left: 2px solid #295b98;
    border-top: 6px solid #295b98;
    border-right: 2px solid #295b98;
    border-bottom: 6px solid #295b98;
    -moz-border-radius: 25px 25px 25px 25px;
    border-radius: 25px 25px 25px 25px;
    -webkit-border-radius: 25px 25px 25px 25px;
    }
    /* IMAGE (icône) */
    .transition-NU img {
    position: relative;
    z-index: 990;
    margin: 3px;
    -webkit-transition: all 1s linear 0s;/* pour navigateur webkit */
    -moz-transition: all 1s linear 0s; /* pour navigateur mozilla */
    -o-transition: all 1s linear 0s;/* pour navigateur opera */
    transition: all 1s linear 0s; /* pour les navigateurs récents */

    }
    /* IMAGE (icône) AU SURVOL */
    .transition-NU:hover img {
    -webkit-transition: rotate(-360deg);/* pour navigateur webkit */
    -moz-transform: rotate(-360deg); /* pour navigateur mozilla */
    -o-transform: rotate(-360deg);/* pour navigateur opera */
    transform: rotate(-360deg); /* pour les navigateurs récents */
    }

    Voilà, dis moi si ça te convient, et si pas, ce que je dois changer Wink
    • Revenir en haut
    Minaso
    Minaso
    MasculinAge : 28Messages : 145

    Lun 3 Sep 2012 - 19:36

    C'est quelle template css ? Car y'en a plusieurs ^^
    softblue.css ?
    formIE.css ?
    SoftBlue.css ?



    Petit codage du qeel svp ^^ Signess

    Spoiler:
    • Revenir en haut
    Minaso
    Minaso
    MasculinAge : 28Messages : 145

    Lun 3 Sep 2012 - 19:37

    Non c'est pas ma feuille de css le deuxième code que j'ai mis, c'est le code pour la page d'accueil, avec le staff les news, les partenaires... ^^



    Petit codage du qeel svp ^^ Signess

    Spoiler:
    • Revenir en haut
    cerizz
    cerizz
    FémininAge : 31Messages : 45

    Lun 3 Sep 2012 - 20:22

    Ah! C'est pas comme forumactif T_T

    J'en sais rien, met le dans le même que le css de ta PA, tu me dis quoi x)
    • Revenir en haut
    Minaso
    Minaso
    MasculinAge : 28Messages : 145

    Lun 3 Sep 2012 - 20:40

    Je n'y arrive pas, si tu veux regarder par toi même je peux te mettre administrateur, soit jt'envois des coordonnées par email si jpeux ici, soit si tu veux te faire un compte vite-fait jte donne les droits Wink



    Petit codage du qeel svp ^^ Signess

    Spoiler:
    • Revenir en haut
    cerizz
    cerizz
    FémininAge : 31Messages : 45

    Lun 3 Sep 2012 - 20:52

    Je viens de me rajouter "Shinheehyo"
    Par contre, si je dois être fondatrice pour toucher aux templates, je crois que j'aurais besoin de tes identifiants x) mais faudra me les donner directement via ton forum :)
    • Revenir en haut
    Minaso
    Minaso
    MasculinAge : 28Messages : 145

    Lun 3 Sep 2012 - 21:19

    Non c'est bon tkt t'as juste besoin des droits d'administration Wink je te les donne tout de suite, et c'est dans les templates du thème normale car le thème de test n'est pas complet Wink



    Petit codage du qeel svp ^^ Signess

    Spoiler:
    • Revenir en haut
    Minaso
    Minaso
    MasculinAge : 28Messages : 145

    Lun 3 Sep 2012 - 21:23

    Je t'ai mis les droits Wink



    Petit codage du qeel svp ^^ Signess

    Spoiler:
    • Revenir en haut
    cerizz
    cerizz
    FémininAge : 31Messages : 45

    Lun 3 Sep 2012 - 21:34

    Voilà ça marche Wink dis moi ce que tu en penses ^^
    • Revenir en haut
    Minaso
    Minaso
    MasculinAge : 28Messages : 145

    Lun 3 Sep 2012 - 22:00

    C'est parfait un grand merci à toi !



    Petit codage du qeel svp ^^ Signess

    Spoiler:
    • Revenir en haut
    cerizz
    cerizz
    FémininAge : 31Messages : 45

    Lun 3 Sep 2012 - 22:28

    Oublie pas de dire que c'est résolu :p
    • Revenir en haut
    Minaso
    Minaso
    MasculinAge : 28Messages : 145

    Lun 3 Sep 2012 - 22:44

    Oui jl'ai fait déjà nan ?



    Petit codage du qeel svp ^^ Signess

    Spoiler:
    • 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 - 3:28