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.

-55%
Le deal à ne pas rater :
Friteuse sans huile – PHILIPS – Airfryer HD9200/90 Série 3000
49.99 € 109.99 €
Voir le deal

    Personnalisation de QEEL (onglets

    Pocky'Mosh
    Pocky'Mosh
    FémininAge : 34Messages : 69

    Sam 31 Déc 2011 - 13:33

    Je m'excuse par avance du titre peu évocateur (jamais très douée pour ça...)
    Voilà, il s'agit donc d'une commande partielle pour un QEEL déjà en partie codé. J'explique un peu : j'ai codé le QEEL afin d'obtenir la mise en forme désirée mais je me heurte à un problème, je voudrais y adjoindre un système d'infobulle mais peut-être qu'en fait il s'agit d'onglets... Et comme moi et ce genre de codes, on est pas copain, je vous demande un peu d'aide :3 /trêve de blabla, je passe au bon de commande/

    Commande
    Elément à coder : QEEL

    Adresse du forum : http://boryokudan.pro-forum.fr/ (où il sera installé) et http://pocky-test.keuf.net/ pour voir à quoi il ressemble actuellement

    Description du résultat voulu : Actuellement, il ressemble à ça : http://pocky-test.keuf.net/
    Dans l'idéal, le groupe PNJ (en blanc) serait remplacé par le mot Statistiques et serait l'onglet par défaut au rechargement de la page et afficherait donc les informations de connexions
    Ensuite, quand on passe la souris sur un groupe, un onglet apparaitrait avec des informations /inutiles ou non 8D/ sur le groupe en question.

    Aperçu : https://2img.net/h/oi41.tinypic.com/vhgcqr.jpg

    Couleurs ou tons : Quelque chose qui se fonde dans le décor, vous n'avez pas tellement besoin de vous embêter à faire un CSS super complet mais on va dire un fond noir avec une bordure solide, si la couleur pouvait être assortie à la couleur du groupe... et arrondie de 15 pixels o/

    Images : Ne vous embêtez pas avec ça, je mettrais peut-être une image en fond un de ces jours mais ce n'est pas sûr encore

    Autres précisions : Je sais que j'aurais sûrement pu trouver un tuto pour faire ce qeel mais j'ai déjà passé tellement de temps à arriver à ce résultat que je n'avais vraiment pas le courage de bidouiller des onglets, surtout que ce genre de code me prends... 5 heures pour arriver à un résultat quelconque --" Pour ce qui est du crédit, vous pouvez le mettre dans l'onglet statistiques mais NU sera crédité aussi dans le sujet adéquat qui doit se trouver dans le premier sous-forum si mes souvenirs sont bons. J'y ferais des modifications de background et de couleurs selon les changements de design mais sans jamais vraiment modifier la structure et sans enlever le crédit, of course ♥

    Voici le template modifié :
    Code:
    {JAVASCRIPT}
    <!-- BEGIN message_admin_index -->
    <div class="hautcateg"></div>
    <table class="forumline" width="100%" border="0" cellspacing="0" 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>
    <div class="bascateg"></div>
    <!-- END message_admin_index -->

    <!-- BEGIN switch_user_login_form_header -->
    <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
       <tr>
          <td width="100%" valign="top" align="center" class="row1">
             <label><span class="genmed">{L_USERNAME}:</span> <input class="post" type="text" size="10" name="username" /></label>
             <label><span class="genmed">{L_PASSWORD}:</span> <input class="post" type="password" size="10" name="password" /></label>
             {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /><br />
             <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>

          </td>
       </tr>
    </table>
    </form>
    <!-- END switch_user_login_form_header -->

    {CHATBOX_TOP}
    {BOARD_INDEX}
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
       <tr>
          <td width="50%" valign="top" align="center">
             <!-- BEGIN switch_user_logged_in -->
             <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>  ;  
             <!-- END switch_user_logged_in -->
             <!-- BEGIN switch_delete_cookies -->
             <a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>  ;  
             <!-- END switch_delete_cookies -->
                <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a>  ;  
                <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a>  ;  
                <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>  ; &nbsp;
                <!-- BEGIN switch_on_index -->
                   <!-- BEGIN switch_delete_cookies -->
                   <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
                   <!-- END switch_delete_cookies -->
                <!-- END switch_on_index -->
             </span>
          </td>
       </tr>
    </table>

    <!-- BEGIN switch_user_login_form_footer -->
    <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
       <tr>
          <td width="100%" valign="top" align="center" class="row1">
             <span class="genmed">{L_USERNAME}:</span>
             <input class="post" type="text" size="10" name="username"/>
             <span class="genmed">{L_PASSWORD}:</span>
             <input class="post" type="password" size="10" name="password"/>
             {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /><br />
             <span class="gensmall">{L_AUTO_LOGIN}</span>
             <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
          </td>
       </tr>
    </table>
    </form>
    <!-- END switch_user_login_form_footer -->

    <!-- BEGIN disable_viewonline -->
    <center><table cellspacing="2" cellpadding="2" width="800" border="0" class="statistiques"><tbody>
    <tr>
    <td >
    <table border="0" cellspacing="3" cellpadding="0" align="center" style="text-align: justify" width="400">
      <span class="groupes"><a href="http://boryokudan.pro-forum.fr/groupcp.forum?g=2"><font color="#ffffff"><b>PNJ</b></font></a></span><br>
      <span class="groupes"><a href="http://boryokudan.pro-forum.fr/groupcp.forum?g=3"><font color="#992b2b"><b>Boryokudans</b></font></a></span><br>
        <span class="groupes"><a href="http://boryokudan.pro-forum.fr/groupcp.forum?g=4"><font color="#842e99"><b>Yakuzas</b></font></a></span><br>
      <span class="groupes"><a href="http://boryokudan.pro-forum.fr/groupcp.forum?g=5"><font color="#2F8A4F"><b>Civils</b></font></a></span><br><br></table>
    </td>
    <td width="450">
      <span class="gensmall">
          {TOTAL_POSTS}.<br> {TOTAL_USERS}<br>
          {NEWEST_USER}<br>
          {TOTAL_USERS_ONLINE}<br>
          {LOGGED_IN_USER_LIST}
      </span>
    <table border="0" cellspacing="3" cellpadding="0" align="center" style="text-align: justify" width="380"><br><br>
      <span style="background-color: none;">{L_CONNECTED_MEMBERS}</span></table>
    </td></tr>
        <tbody></table></center>
    <!-- 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>  </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}

    Et la largeur du forum est de 800 pixels


    Sur ce, je remercie la personne qui se penchera sur ma commande et je vous souhaite de passer un très bon réveillon de la St Sylvestre ^^
    Pocky'Mosh
    Pocky'Mosh
    FémininAge : 34Messages : 69

    Lun 2 Jan 2012 - 15:44

    Up =]
    Pocky'Mosh
    Pocky'Mosh
    FémininAge : 34Messages : 69

    Mer 4 Jan 2012 - 16:55

    Up =)
    Pocky'Mosh
    Pocky'Mosh
    FémininAge : 34Messages : 69

    Ven 6 Jan 2012 - 17:07

    Up du jour bonjour x)
    Pocky'Mosh
    Pocky'Mosh
    FémininAge : 34Messages : 69

    Dim 8 Jan 2012 - 18:08

    Up o/
    Pocky'Mosh
    Pocky'Mosh
    FémininAge : 34Messages : 69

    Mar 10 Jan 2012 - 22:44

    Up è.é /out/
    Pocky'Mosh
    Pocky'Mosh
    FémininAge : 34Messages : 69

    Ven 13 Jan 2012 - 0:34

    Up power 8D
    Pocky'Mosh
    Pocky'Mosh
    FémininAge : 34Messages : 69

    Dim 15 Jan 2012 - 12:45

    Bon bah... Up =]
    Pocky'Mosh
    Pocky'Mosh
    FémininAge : 34Messages : 69

    Mer 18 Jan 2012 - 22:00

    Up up up o/ -sait-on jamais...-
    Taktiik
    Taktiik
    MasculinAge : 30Messages : 2292

    Mer 18 Jan 2012 - 22:53

    Olaaaaaaaaaaaaaa

    Tu attends depuis longtemps °°
    Désolé vraiment pour l'attente.
    J'me sens donc contraint de te dire que ... Je prends ta commande en charge Very Happy !

    Tout d'abord, quelle est la largeur de ton forum ?

    Désolé pour toute cette attente~~
    Taktiik.

    Pocky'Mosh
    Pocky'Mosh
    FémininAge : 34Messages : 69

    Jeu 19 Jan 2012 - 10:52

    Bonjour Taktiik o/ Ne t'excuses pas du retard, la partie est engorgée et vous n'avez pas l'air nombreux, je me serais de toute manière montrée patiente ^^ Mais merci à toi de t'en charger =]

    Pour la largeur du forum, c'est 800pixels ^^
    Si tu as d'autres questions, n'hésite pas o/

    Bon courage =]
    Taktiik
    Taktiik
    MasculinAge : 30Messages : 2292

    Sam 21 Jan 2012 - 14:58

    Coucou ~~

    Merci pour l'info.
    J'essaie de te le finir pour aujourd'hui Very Happy !

    Taktiik.

    Pocky'Mosh
    Pocky'Mosh
    FémininAge : 34Messages : 69

    Sam 21 Jan 2012 - 16:48

    Merci beaucoup Taktiik \o/
    Taktiik
    Taktiik
    MasculinAge : 30Messages : 2292

    Sam 21 Jan 2012 - 16:53

    Yopidou o/

    J'aimerais avec Le CSS qui appartient au QEEL que tu as déjà commencé si possible =D

    Merci d'avance~~
    Taktiik.

    Pocky'Mosh
    Pocky'Mosh
    FémininAge : 34Messages : 69

    Sam 21 Jan 2012 - 17:10

    Code:
    .statistiques
    {
    border:0px;
    background-image: url("http://i43.tinypic.com/jim2s0.jpg");
    background-repeat: no-repeat;
    background-position: left;
    height:300px; /* HAUTEUR DE VOTRE IMAGE DE FOND, C'EST UNE VARIABLE */
    }

    .groupes
    {
    font-size:24px; /*TAILLE ECRITURE */
    padding-left: 240px;
    text-align:center;
    text-decoration: none !important;
    font-family: times new roman;
    font-weight: bold;
    font-style: italic;
    letter-spacing: -1px;
    }

    Et voilà chef o/
    Taktiik
    Taktiik
    MasculinAge : 30Messages : 2292

    Sam 21 Jan 2012 - 17:16

    Yo !

    Merci Very Happy
    J'my met immédiatement Wink

    Taktiik.

    Taktiik
    Taktiik
    MasculinAge : 30Messages : 2292

    Sam 21 Jan 2012 - 18:43

    Double post, désolé

    Voilà, je crois avoir fait ce que tu voulais ._.


    Si ce n'est pas le cas, tu pourrais préciser *-* ?

    Taktiik.

    Pocky'Mosh
    Pocky'Mosh
    FémininAge : 34Messages : 69

    Sam 21 Jan 2012 - 18:49

    MON HÉROS *.*
    C'est parfait o/

    Je voudrais juste une petite modification parce que je pense que ça fera merdouiller l'onglet "statistiques" si on laisse comme ça, serait-il possible de mettre les "Membres connectés au cours des 24 dernières heures" tout en dessous? Même en dessous de l'image? Ca prendrait toute la largeur du QEEL du coup mais ça éviterait de déformer le premier onglet!

    Mais sinon, c'est le résultat que je voulais *0* J'suis trop contente \o/ Merciiii!
    Taktiik
    Taktiik
    MasculinAge : 30Messages : 2292

    Sam 21 Jan 2012 - 19:04

    Coucou !

    Je te fais ça immédiatement, ensuite tu me dis si c'est ça et j'te file les codes ;D
    EDIT : Voilà, c'est fait ^-^

    Taktiik.

    Pocky'Mosh
    Pocky'Mosh
    FémininAge : 34Messages : 69

    Sam 21 Jan 2012 - 19:07

    C'est impeccable =]

    Avec les codes est-ce que tu pourrais me préciser ce que je dois rajouter si veux rajouter un groupe? (parce qu'on doit en rajouter un dans quelques semaines ^^)

    Encore merci =]
    Taktiik
    Taktiik
    MasculinAge : 30Messages : 2292

    Sam 21 Jan 2012 - 19:17

    Coucou ~~

    Aucun problème, je te mettrais ça en commentaire HTML/CSS du coup ^-^ !

    Template Index_body :



    CSS :



    Taktiik.

    Pocky'Mosh
    Pocky'Mosh
    FémininAge : 34Messages : 69

    Sam 21 Jan 2012 - 19:31

    Z'ai un souci .____.
    J'ai pas les onglets xD
    (manque un script? °°)

    http://pocky-test.keuf.net/#bottom
    Taktiik
    Taktiik
    MasculinAge : 30Messages : 2292

    Sam 21 Jan 2012 - 20:32

    Ow Crotte,

    A chaque fois je l'oublie celui ci XD

    Tiens :

    Code:
    //<!--
                    function change_onglet(name)
                    {
                            document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet';
                            document.getElementById('onglet_'+name).className = 'onglet_1 onglet';
                            document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none';
                            document.getElementById('contenu_onglet_'+name).style.display = 'block';
                            anc_onglet = name;
                    }
            //-->

    Taktiik.

    Pocky'Mosh
    Pocky'Mosh
    FémininAge : 34Messages : 69

    Sam 21 Jan 2012 - 20:39

    Attention, question con xD Je le mets où? Dans "Gestion des codes Javascript"? Ou directement dans le template? °°

    Et dernière question, promis, après, j'arrête xD Tu aurais une idée pour enlever la couleur derrière les "derniers connectés des 24h"?
    (après, promis, j'arrête de faire mon boulet de base >.<)
    Taktiik
    Taktiik
    MasculinAge : 30Messages : 2292

    Sam 21 Jan 2012 - 20:41

    Coucou ~~

    Pas de problème t'inquiète pas XDD
    Donc oui tu le mets dans gestion des codes ^^

    Pour les derniers connectés, essaie de remplacer ça :

    Code:
    <table border="0" cellspacing="3" cellpadding="0" align="center" style="text-align: justify" width="100%">
      <span style="background-color: none;">{L_CONNECTED_MEMBERS}</span>
    </table>

    Par :

    Code:
    <table border="0" cellspacing="3" cellpadding="0" align="center" style="background: #000000; text-align: justify" width="100%">
      <span style="background-color: none;">{L_CONNECTED_MEMBERS}</span>
    </table>

    Taktiik.

    Contenu sponsorisé


      La date/heure actuelle est Sam 23 Nov 2024 - 2:44