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.


    (HALLOWEEN) QEEL simple avec description des groupes en hover

    Kanae
    Kanae
    FémininAge : 32Messages : 354

    Sam 25 Oct 2014 - 16:54

    QEEL simple avec description des groupes en hover



    Bonjour !

    La rénovation de mon forum se poursuit de sorte qu'après le corps du forum, la navigation et la page d'accueil, le besoin d'un QEEL commence à se faire sentir ! Malheureusement, n'étant pas assez douée pour le coder moi-même, j'en appelle humblement à plus expérimenté que moi afin d'obtenir un résultat qui soit à la fois esthétique et efficace.

    Nous désirons quelque chose d'assez précis et en même temps d'assez classique avec une distinction entre les statistiques du forum, les derniers connectés au cours des 24 dernières heures et les groupes. C'est surtout pour ces derniers que la tâche se complique parce que nous voudrions qu'au survol de la souris, la description des groupes s'affiche par dessus une image avec un effet d'opacité afin de rendre la lecture plus agréable. Mais pas de panique, on a fait un zoli schéma pour bien montrer tout ça ^^.


    Toute la communauté de mon forum et moi même remercions chaleureusement quiconque prendra cette commande en considération. Bisous sur demande et plus si affinités (quoique... scratch )


    Schéma(s) et Eléments
    Schémas : Cliquez ici Tout devrait être écrit mais si des précisions étaient nécessaires, n'hésitez pas à me les demander.
    Tailles des éléments : le forum fait une largeur de 780px, ce qui serait donc le cas de l'image et des bordures qui l'accompagne. Le cadre des descriptions des groupes devra se trouver centré sur celle-ci mais moins large (approximativement 300px). Les proportions des autres cadres sont justement à revoir mais en tout cas de figure, ces cadres devraient respecter une marge de 20px de part et d'autre des bords du forum.
    Effets voulus : un affichage des descriptions en fonction du survol de la souris sur le groupe voulu, dans une fenêtre qui s'afficherait sur l'image avec une certaine opacité (on doit pouvoir continuer de voir l'image tout en pouvant lire sans difficulté).
    Version de votre forum : PHPBB2


    Ressources
    Cliquez ici (il va de soit que seule la partie haute nous semble intéressante)

    Autres précisions ? Aucune ne paraît nécessaire. Comme vous le voyez, on est assez précis dans ce que l'on veut, mais toutes les bonnes idées nous intéresse. Par exemple, si vous pensiez à une meilleure mise en page, quelque chose plus équilibré, on ne serait pas nécessairement contre, il faudrait en débattre.
    Si vous avez besoin de signaler autre chose ou d'indiquer un supplément d'information...Non, mon capitaine.


    Dernière édition par Ju le Mar 11 Nov 2014 - 16:09, édité 2 fois
    Kanae
    Kanae
    FémininAge : 32Messages : 354

    Lun 27 Oct 2014 - 19:28

    Up !

    Kanae
    Kanae
    FémininAge : 32Messages : 354

    Mer 29 Oct 2014 - 19:54

    Up !
    Kanae
    Kanae
    FémininAge : 32Messages : 354

    Sam 1 Nov 2014 - 6:43

    Up !
    Kanae
    Kanae
    FémininAge : 32Messages : 354

    Lun 3 Nov 2014 - 17:31

    Hourra !

    Kanae
    Kanae
    FémininAge : 32Messages : 354

    Jeu 6 Nov 2014 - 9:15

    ... s'il vous plaît ?

    Kanae
    Kanae
    FémininAge : 32Messages : 354

    Sam 8 Nov 2014 - 10:12

    Up !

    Anonymous
    Invité

    Sam 8 Nov 2014 - 18:14

    Hello !

    Je vais tenter de m'en charger :3
    Le fond de transparence m'inquiète un peu, je vais faire des recherches. Sinon je pense que ça devrait aller, patience Wink

    Bonne soirée !
    Kanae
    Kanae
    FémininAge : 32Messages : 354

    Sam 8 Nov 2014 - 20:02

    Oh merci beaucoup ! *.*

    J'espérais secrètement que ce serait toi qui accepterait ^^.
    Ne t'inquiète pas, je te laisse travailler à ton aise ^^. Si tes recherches ne portent pas leurs fruits on essaiera de s'arranger autrement. Et je viens de penser que je peux te donner les codes de bases pour les titres par exemple vu que je les ai déjà codés pour d'autres éléments du forum.

    Merci encore !


    Dernière édition par Ju le Dim 9 Nov 2014 - 11:51, édité 1 fois
    Anonymous
    Invité

    Sam 8 Nov 2014 - 23:39

    Oh c'est gentil ♥
    Je veux bien avoir les titres du coup, et si possible le lien du forum histoire d'avoir une idée pour la mise en forme à revoir indiquée dans ton schéma :)
    Kanae
    Kanae
    FémininAge : 32Messages : 354

    Dim 9 Nov 2014 - 11:50

    Voici le lien du forum-test : Clique ici.

    Comme tu pourras le constater, il est encore en construction, mais cela avance bien. Je me permets à nouveau de te remercier pour le codage des catégories d'ailleurs.

    Voici le code pour les titres :
    Code:
    .titre_1
    {
      margin: 0 0 -24px 80px;
      font-family: georgia;
      font-size: 24px;
      color: #B0C3AB;
    }

    Les fonds des champs "statistique", "groupes" et "périgrinations" :
    Code:
    background-color: #F0F0F0;
    border: 2px solid #BEBEBE;
    padding: 5px;

    Encore une fois, pour la mise en page et le placement des groupes, c'est assez libre. Je ne savais pas trop ce qu'il était possible et cohérent de faire. Je peux cependant te dire qu'il y aura 6 groupes au total.
    Anonymous
    Invité

    Mar 11 Nov 2014 - 12:15

    Pouet !

    Ca avance hein, je devrais terminer dans la journée si tout va bien :3

    EDIT : Finito ! www
    Kanae
    Kanae
    FémininAge : 32Messages : 354

    Mar 11 Nov 2014 - 14:17

    OMG Shocked

    Je ne sais pas quoi dire, c'est juste parfait.
    Tu as totalement respecté l'idée de départ tout en améliorant ce qui avait besoin de l'être. Je suis très excitée à l'idée de l'installer et de voir le rendu final avec le reste du design. Au début j'ai pensé que l'opacité du fond de description des groupes n'était pas suffisante pour la lecture, mais au final je me suis ravisée. Je trouve que c'est très bien comme ça.

    Franchement, merci.
    Anonymous
    Invité

    Mar 11 Nov 2014 - 14:24

    Ah ! Ca me fait plaisir ça ! Very Happy

    Peut-être agrandir un peu la police des groupes, non ? Sinon pour l'opacité, tu pourras la régler dans le CSS si ça ne te convient pas :3

    Pour le CSS donc :
    Code:
    /* -------------------------------- QEEL -------------------------------- */

    /*** MISE EN FORME LIENS AU SURVOL ***/
    a:hover {
      text-decoration: none !important;
    }

    /*** MISE EN FORME FONT DU QEEL ***/
    .fond_qeel {
      width: 780px;
      border-radius: 0px 0px 25px 25px;
      background-color: #E4E4E4;
      margin: auto;
      height: 600px;
      position: relative;
    }

    /*** MISE EN FORME TITRE PRINCIPAL ***/
    .titre_principal {
      color: #2D5A57;
      font-family: georgia;
      font-size: 28;
      letter-spacing: 5px;
      text-align: center;
    }

    /*** MISE EN FORME SOUS-TITRE "Et à qui se fier ?" ***/
    .titre_secondaire {
      color: #C7BBC1;
      font-family: georgia;
      font-size: 14px;
      text-align: center;
    }

    /*** MISE EN FORME BLOC STATISTIQUES ***/
    .bloc_stat {
      background-color: #F0F0F0;
      padding: 15px;
      width: 200px;
      height: 150px;
      overflow: auto;
      font-size: 11px;
      border: 2px solid #CACACA;
      text-align: justify;
      color: #515151;
      position: absolute;
      left: 3em;
      z-index: 1;
    }

    /*** MISE EN FORME BLOC DES GROUPES ***/
    .bloc_groupes {
      background-color: #F0F0F0;
      padding: 15px;
      width: 420px;
      height: 50px;
      overflow: auto;
      font-size: 20px;
      border: 2px solid #CACACA;
      text-align: center;
      font-family: 'Six Caps', sans-serif;
      position: absolute;
      left: 14.5em;
      z-index: 1;
    }

    /*** MISE EN FORME BLOC DES CONNECTES LES 24H ***/
    .bloc_connectes {
      background-color: #F0F0F0;
      padding: 15px;
      width: 420px;
      height: 50px;
      overflow: auto;
      font-size: 20px;
      border: 2px solid #CACACA;
      text-align: center;
      font-family: 'Six Caps', sans-serif;
      position: absolute;
      left: 14.5em;
      z-index: 1;
    }

    /*** COULEUR ET TRANSPARENCE DU FOND DES 24H ***/
    #kaboum .row1 {
      background-color : transparent;
    }

    #kaboum span.gensmall {
      color: #515151;
    }

    /*** MISE EN FORME DES TITRES (simple + survol) ***/
    .titre_bloc {
      font-family: 'Dancing Script', cursive;
      font-size: 24px;
      font-weight: bold;
      color: #B0C3AB;
      position: absolute;
      z-index: 2;
      margin-top: -18px;
    }

    .titre_bloc:hover {
      color: #2D5A57;
    }

    /*** GROUPES A ONGLETS ***/
    /* Mise en forme des noms de groupe */
    .groupe_onglet {
      display: inline-block;
      padding: 10px;
    }

    /* Mise en forme du bloc en transparence de description */
    .contenu_groupe_onglet {
      padding: 15px;
      display: none;
      width: 315px;
      height: 115px;
      overflow: auto;
      font-size: 11px;
      color: #414141;
      text-align: justify;
      background-color: #CBC4C2;
      position: absolute;
      top: 14em;
      left: 21em;
      filter: alpha(opacity = 50);
      opacity: 0.5;
    }

    /* Mise en forme des liens */
    .contenu_groupe_onglet a{
      text-decoration: none !important;
    }

    /*** MISE EN FORME DES CREDITS ***/
    .credits {
      text-align: right;
      margin-right: 10px;
      font-size: 9px;
    }

    .credits a{
      color: #B0C3AB;
    }

    /* -------------------------------- FIN QEEL -------------------------------- */


    Et dans le template Index_body, tu remplaces :
    Code:
    <!-- BEGIN disable_viewonline -->
    <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
       <tr>
          <td class="catHead" colspan="2" height="28">
          <!-- BEGIN switch_viewonline_link -->
          <span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
          <!-- END switch_viewonline_link -->

          <!-- BEGIN switch_viewonline_nolink -->
          <span class="cattitle">{L_WHO_IS_ONLINE}</span>
          <!-- END switch_viewonline_nolink -->
          </td>
       </tr>
       <tr>
          <td class="row1" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
          <td class="row1" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />
          {TOTAL_USERS}<br />
          {NEWEST_USER}</span></td>
       </tr>
       <tr>
          <td class="row1"><span class="gensmall">{TOTAL_USERS_ONLINE}<br />
          {RECORD_USERS}<br />
          <br />
          {LOGGED_IN_USER_LIST}</span></td>
       </tr>
       {L_CONNECTED_MEMBERS}
       {L_WHOSBIRTHDAY_TODAY}
       {L_WHOSBIRTHDAY_WEEK}
       <tr>
          <td class="row1"><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td>
       </tr>
       <!-- BEGIN switch_chatbox_activate -->
       <tr>
          <td class="row1">
             <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :&nbsp; {CHATTERS_LIST}<br />
                <!-- BEGIN switch_chatbox_popup -->
                <div id="chatbox_popup"></div>
                <script type="text/javascript">
                //<![CDATA[
                insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
                //]]>
                </script>
                <!-- END switch_chatbox_popup -->
             </span>
          </td>
       </tr>
       <!-- END switch_chatbox_activate -->
    </table>
    <!-- END disable_viewonline -->


    Par :
    Code:
    <!-- BEGIN disable_viewonline -->
    <link href='http://fonts.googleapis.com/css?family=Dancing+Script|Six+Caps' rel='stylesheet' type='text/css'>
    <div class="fond_qeel"><br /><br /><div class="titre_principal">Qui est en ligne ?</div>
      <div class="titre_secondaire">Et à qui se fier ?</div>
      <br />
      <div style="background-color: #DFDFDF; height: 470px;"><img src="http://i59.servimg.com/u/f59/16/61/97/52/sans_t11.jpg" style="width: 100%; border-top: 2px solid #C8BCBE; border-bottom: 2px solid #5A5F65;" />
      <br /><br />
        <br />
      <div class="titre_bloc" style="left: 2.5em;">Statistiques</div>
        <div class="bloc_stat">{TOTAL_POSTS}.<br />{TOTAL_USERS}.<br />
        {NEWEST_USER}.<br />
        {TOTAL_USERS_ONLINE}<br /><br />{LOGGED_IN_USER_LIST}</div>
      <div class="titre_bloc" style="left: 13em;">Groupes</div>
        <div class="bloc_groupes"><div class="groupe_onglets">
          <span class="groupe_onglet_0 groupe_onglet" id="groupe_onglet_protecteurs" onmouseover="javascript:change_groupe_onglet('protecteurs');"><font color=#123D18>Protecteurs</font></span>
          <span class="groupe_onglet_0 groupe_onglet" id="groupe_onglet_trucs" onmouseover="javascript:change_groupe_onglet('trucs');"><font color=#776B2B>Truc-Much</font></span>
          <span class="groupe_onglet_0 groupe_onglet" id="groupe_onglet_dissidents" onmouseover="javascript:change_groupe_onglet('dissidents');"><font color=#772F2B>Dissidents</font></span>
          <span class="groupe_onglet_0 groupe_onglet" id="groupe_onglet_civils" onmouseover="javascript:change_groupe_onglet('civils');"><font color=#3B133B>Civils</font></span>
          <span class="groupe_onglet_0 groupe_onglet" id="groupe_onglet_gardiens" onmouseover="javascript:change_groupe_onglet('gardiens');"><font color=#2B3077>Gardiens</font></span>
       </div></div><br /><br /><br /><br /><br />
      <div class="titre_bloc" style="left: 13em;">Périgrination</div>
        <div class="bloc_connectes"><table id="kaboum">{L_CONNECTED_MEMBERS}</table></div>
     
      <script type="text/javascript">
                //<!--
                        function change_groupe_onglet(name)
                        {
                                document.getElementById('groupe_onglet_'+anc_groupe_onglet).className = 'groupe_onglet_0 groupe_onglet';
                                document.getElementById('groupe_onglet_'+name).className = 'groupe_onglet_1 groupe_onglet';
                                document.getElementById('contenu_groupe_onglet_'+anc_groupe_onglet).style.display = 'none';
                                document.getElementById('contenu_groupe_onglet_'+name).style.display = 'block';
                                anc_groupe_onglet = name;
                        }
                //-->
                </script>
       <br />
       <div class="contenu_groupe_onglets">
          
    <div class="contenu_groupe_onglet" id="contenu_groupe_onglet_protecteurs"><span style="color: #123D18; font-weight: bold;">Protecteurs</span> • Manu Seres conditum terra et quae initium brevi aliaque municipium municipium aliaque mensis marique magna nundinas promiscuae plurima marique consueta magna manu promiscuae Euphrate priscorum Macedonum mercatoribus flumine flumine multitudo ubi opulentis mensis prope disparatur opulentis flumine mittunt magna Macedonum mittunt magna consueta mercatoribus ad nundinas plurima ab Septembris aliaque priscorum Anthemusia municipium Indi spatio ab aliaque magna ubi Macedonum disparatur quae prope et flumine quae ab sollemnitate nundinas quae ad opulentis mercatoribus mensis ad plurima conditum promiscuae conditum nundinas Septembris brevi promiscuae initium municipium aliaque convenit aliaque prope Anthemusia marique quae mittunt sollemnitate nundinas in Euphrate commercanda Septembris quae.Manu Seres conditum terra et quae initium brevi aliaque municipium municipium aliaque mensis marique magna nundinas promiscuae plurima marique consueta magna manu promiscuae Euphrate priscorum Macedonum mercatoribus flumine flumine multitudo ubi opulentis mensis prope disparatur opulentis flumine mittunt magna Macedonum mittunt magna consueta mercatoribus ad nundinas plurima ab Septembris aliaque priscorum Anthemusia municipium Indi spatio ab aliaque magna ubi Macedonum disparatur quae prope et flumine quae ab sollemnitate nundinas quae ad opulentis mercatoribus mensis ad plurima conditum promiscuae conditum nundinas Septembris brevi promiscuae initium municipium aliaque convenit aliaque prope Anthemusia marique quae mittunt sollemnitate nundinas in Euphrate commercanda Septembris quae.Manu Seres conditum terra et quae initium brevi aliaque municipium municipium aliaque mensis marique magna nundinas promiscuae plurima marique consueta magna manu promiscuae Euphrate priscorum Macedonum mercatoribus flumine flumine multitudo ubi opulentis mensis prope disparatur opulentis flumine mittunt magna Macedonum mittunt magna consueta mercatoribus ad nundinas plurima ab Septembris aliaque priscorum Anthemusia municipium Indi spatio ab aliaque magna ubi Macedonum disparatur quae prope et flumine quae ab sollemnitate nundinas quae ad opulentis mercatoribus mensis ad plurima conditum promiscuae conditum nundinas Septembris brevi promiscuae initium municipium aliaque convenit aliaque prope Anthemusia marique quae mittunt sollemnitate nundinas in Euphrate commercanda Septembris quae.</div>
          
    <div class="contenu_groupe_onglet" id="contenu_groupe_onglet_trucs"><span style="color: #776B2B; font-weight: bold;">Truc-Much</span> • Manu Seres conditum terra et quae initium brevi aliaque municipium municipium aliaque mensis marique magna nundinas promiscuae plurima marique consueta magna manu promiscuae Euphrate priscorum Macedonum mercatoribus flumine flumine multitudo ubi opulentis mensis prope disparatur opulentis flumine mittunt magna Macedonum mittunt magna consueta mercatoribus ad nundinas plurima ab Septembris aliaque priscorum Anthemusia municipium Indi spatio ab aliaque magna ubi Macedonum disparatur quae prope et flumine quae ab sollemnitate nundinas quae ad opulentis mercatoribus mensis ad plurima conditum promiscuae conditum nundinas Septembris brevi promiscuae initium municipium aliaque convenit aliaque prope Anthemusia marique quae mittunt sollemnitate nundinas in Euphrate commercanda Septembris quae.Manu Seres conditum terra et quae initium brevi aliaque municipium municipium aliaque mensis marique magna nundinas promiscuae plurima marique consueta magna manu promiscuae Euphrate priscorum Macedonum mercatoribus flumine flumine multitudo ubi opulentis mensis prope disparatur opulentis flumine mittunt magna Macedonum mittunt magna consueta mercatoribus ad nundinas plurima ab Septembris aliaque priscorum Anthemusia municipium Indi spatio ab aliaque magna ubi Macedonum disparatur quae prope et flumine quae ab sollemnitate nundinas quae ad opulentis mercatoribus mensis ad plurima conditum promiscuae conditum nundinas Septembris brevi promiscuae initium municipium aliaque convenit aliaque prope Anthemusia marique quae mittunt sollemnitate nundinas in Euphrate commercanda Septembris quae.Manu Seres conditum terra et quae initium brevi aliaque municipium municipium aliaque mensis marique magna nundinas promiscuae plurima marique consueta magna manu promiscuae Euphrate priscorum Macedonum mercatoribus flumine flumine multitudo ubi opulentis mensis prope disparatur opulentis flumine mittunt magna Macedonum mittunt magna consueta mercatoribus ad nundinas plurima ab Septembris aliaque priscorum Anthemusia municipium Indi spatio ab aliaque magna ubi Macedonum disparatur quae prope et flumine quae ab sollemnitate nundinas quae ad opulentis mercatoribus mensis ad plurima conditum promiscuae conditum nundinas Septembris brevi promiscuae initium municipium aliaque convenit aliaque prope Anthemusia marique quae mittunt sollemnitate nundinas in Euphrate commercanda Septembris quae.</div>
          
    <div class="contenu_groupe_onglet" id="contenu_groupe_onglet_dissidents"><span style="color: #772F2B; font-weight: bold;">Dissidents</span> • Manu Seres conditum terra et quae initium brevi aliaque municipium municipium aliaque mensis marique magna nundinas promiscuae plurima marique consueta magna manu promiscuae Euphrate priscorum Macedonum mercatoribus flumine flumine multitudo ubi opulentis mensis prope disparatur opulentis flumine mittunt magna Macedonum mittunt magna consueta mercatoribus ad nundinas plurima ab Septembris aliaque priscorum Anthemusia municipium Indi spatio ab aliaque magna ubi Macedonum disparatur quae prope et flumine quae ab sollemnitate nundinas quae ad opulentis mercatoribus mensis ad plurima conditum promiscuae conditum nundinas Septembris brevi promiscuae initium municipium aliaque convenit aliaque prope Anthemusia marique quae mittunt sollemnitate nundinas in Euphrate commercanda Septembris quae.Manu Seres conditum terra et quae initium brevi aliaque municipium municipium aliaque mensis marique magna nundinas promiscuae plurima marique consueta magna manu promiscuae Euphrate priscorum Macedonum mercatoribus flumine flumine multitudo ubi opulentis mensis prope disparatur opulentis flumine mittunt magna Macedonum mittunt magna consueta mercatoribus ad nundinas plurima ab Septembris aliaque priscorum Anthemusia municipium Indi spatio ab aliaque magna ubi Macedonum disparatur quae prope et flumine quae ab sollemnitate nundinas quae ad opulentis mercatoribus mensis ad plurima conditum promiscuae conditum nundinas Septembris brevi promiscuae initium municipium aliaque convenit aliaque prope Anthemusia marique quae mittunt sollemnitate nundinas in Euphrate commercanda Septembris quae.Manu Seres conditum terra et quae initium brevi aliaque municipium municipium aliaque mensis marique magna nundinas promiscuae plurima marique consueta magna manu promiscuae Euphrate priscorum Macedonum mercatoribus flumine flumine multitudo ubi opulentis mensis prope disparatur opulentis flumine mittunt magna Macedonum mittunt magna consueta mercatoribus ad nundinas plurima ab Septembris aliaque priscorum Anthemusia municipium Indi spatio ab aliaque magna ubi Macedonum disparatur quae prope et flumine quae ab sollemnitate nundinas quae ad opulentis mercatoribus mensis ad plurima conditum promiscuae conditum nundinas Septembris brevi promiscuae initium municipium aliaque convenit aliaque prope Anthemusia marique quae mittunt sollemnitate nundinas in Euphrate commercanda Septembris quae.</div>

    <div class="contenu_groupe_onglet" id="contenu_groupe_onglet_civils"><span style="color: #3B133B; font-weight: bold;">Civils</span> • Manu Seres conditum terra et quae initium brevi aliaque municipium municipium aliaque mensis marique magna nundinas promiscuae plurima marique consueta magna manu promiscuae Euphrate priscorum Macedonum mercatoribus flumine flumine multitudo ubi opulentis mensis prope disparatur opulentis flumine mittunt magna Macedonum mittunt magna consueta mercatoribus ad nundinas plurima ab Septembris aliaque priscorum Anthemusia municipium Indi spatio ab aliaque magna ubi Macedonum disparatur quae prope et flumine quae ab sollemnitate nundinas quae ad opulentis mercatoribus mensis ad plurima conditum promiscuae conditum nundinas Septembris brevi promiscuae initium municipium aliaque convenit aliaque prope Anthemusia marique quae mittunt sollemnitate nundinas in Euphrate commercanda Septembris quae.Manu Seres conditum terra et quae initium brevi aliaque municipium municipium aliaque mensis marique magna nundinas promiscuae plurima marique consueta magna manu promiscuae Euphrate priscorum Macedonum mercatoribus flumine flumine multitudo ubi opulentis mensis prope disparatur opulentis flumine mittunt magna Macedonum mittunt magna consueta mercatoribus ad nundinas plurima ab Septembris aliaque priscorum Anthemusia municipium Indi spatio ab aliaque magna ubi Macedonum disparatur quae prope et flumine quae ab sollemnitate nundinas quae ad opulentis mercatoribus mensis ad plurima conditum promiscuae conditum nundinas Septembris brevi promiscuae initium municipium aliaque convenit aliaque prope Anthemusia marique quae mittunt sollemnitate nundinas in Euphrate commercanda Septembris quae.Manu Seres conditum terra et quae initium brevi aliaque municipium municipium aliaque mensis marique magna nundinas promiscuae plurima marique consueta magna manu promiscuae Euphrate priscorum Macedonum mercatoribus flumine flumine multitudo ubi opulentis mensis prope disparatur opulentis flumine mittunt magna Macedonum mittunt magna consueta mercatoribus ad nundinas plurima ab Septembris aliaque priscorum Anthemusia municipium Indi spatio ab aliaque magna ubi Macedonum disparatur quae prope et flumine quae ab sollemnitate nundinas quae ad opulentis mercatoribus mensis ad plurima conditum promiscuae conditum nundinas Septembris brevi promiscuae initium municipium aliaque convenit aliaque prope Anthemusia marique quae mittunt sollemnitate nundinas in Euphrate commercanda Septembris quae.</div>
             
    <div class="contenu_groupe_onglet" id="contenu_groupe_onglet_gardiens"><span style="color: #2B3077; font-weight: bold;">Gardiens</span> • Manu Seres conditum terra et quae initium brevi aliaque municipium municipium aliaque mensis marique magna nundinas promiscuae plurima marique consueta magna manu promiscuae Euphrate priscorum Macedonum mercatoribus flumine flumine multitudo ubi opulentis mensis prope disparatur opulentis flumine mittunt magna Macedonum mittunt magna consueta mercatoribus ad nundinas plurima ab Septembris aliaque priscorum Anthemusia municipium Indi spatio ab aliaque magna ubi Macedonum disparatur quae prope et flumine quae ab sollemnitate nundinas quae ad opulentis mercatoribus mensis ad plurima conditum promiscuae conditum nundinas Septembris brevi promiscuae initium municipium aliaque convenit aliaque prope Anthemusia marique quae mittunt sollemnitate nundinas in Euphrate commercanda Septembris quae.Manu Seres conditum terra et quae initium brevi aliaque municipium municipium aliaque mensis marique magna nundinas promiscuae plurima marique consueta magna manu promiscuae Euphrate priscorum Macedonum mercatoribus flumine flumine multitudo ubi opulentis mensis prope disparatur opulentis flumine mittunt magna Macedonum mittunt magna consueta mercatoribus ad nundinas plurima ab Septembris aliaque priscorum Anthemusia municipium Indi spatio ab aliaque magna ubi Macedonum disparatur quae prope et flumine quae ab sollemnitate nundinas quae ad opulentis mercatoribus mensis ad plurima conditum promiscuae conditum nundinas Septembris brevi promiscuae initium municipium aliaque convenit aliaque prope Anthemusia marique quae mittunt sollemnitate nundinas in Euphrate commercanda Septembris quae.Manu Seres conditum terra et quae initium brevi aliaque municipium municipium aliaque mensis marique magna nundinas promiscuae plurima marique consueta magna manu promiscuae Euphrate priscorum Macedonum mercatoribus flumine flumine multitudo ubi opulentis mensis prope disparatur opulentis flumine mittunt magna Macedonum mittunt magna consueta mercatoribus ad nundinas plurima ab Septembris aliaque priscorum Anthemusia municipium Indi spatio ab aliaque magna ubi Macedonum disparatur quae prope et flumine quae ab sollemnitate nundinas quae ad opulentis mercatoribus mensis ad plurima conditum promiscuae conditum nundinas Septembris brevi promiscuae initium municipium aliaque convenit aliaque prope Anthemusia marique quae mittunt sollemnitate nundinas in Euphrate commercanda Septembris quae.</div>

        </div>
       
        <script type="text/javascript">
                //<!--
                        var anc_groupe_onglet = 'protecteurs';
                        change_groupe_onglet(anc_groupe_onglet);
                //-->
        </script></div><div class="credits"><a href="http://www.never-utopia.com/">♈ Halloween</a></div><br /><br /></div>

        <!-- END disable_viewonline -->


    Dis-moi si tout colle Wink
    Kanae
    Kanae
    FémininAge : 32Messages : 354

    Mar 11 Nov 2014 - 14:46

    Il semble ne pas y avoir de problèmes majeurs, juste un petit décalage du cadre "statistiques" avec le cadre "pérégrination". Par contre, je vois qu'il n'affiche pas les "membres connectés aux cours des dernières 24h", même si je devrais être le seul nom qui doive apparaître.

    Pour les polices, j'aviserais en modifiant le CSS au besoin. Mais en sachant qu'il y a 6 groupes au total, c'est peut-être tout aussi bien qu'il soit comme ça.

    Sans vouloir abuser, tu sais comment je peux modifier les champs du QEEL pour le personnaliser un peu ? (peut-être que cette question serait plus adaptée dans une autre section ceci dit :hum: )


    Mais sérieusement, merci beaucoup.
    Je n'aurais jamais espéré avoir un rendu pareil, surtout si je l'avais tenté toute seule.
    Anonymous
    Invité

    Mar 11 Nov 2014 - 14:50

    Pour le décalage, tu peux essayer d'agrandir le "height" de ".bloc_stat" dans le CSS, ça sera plus clair je pense. Pour les membres connectés, tu as pensé à l'afficher ? Dans le panneau d'administration, affichage, page d'accueil, généralités, "Afficher la liste des membres connectés au cours des 24* dernières heures :" ?

    Pour le personnaliser oui, je peux te proposer ce lien, dans le spoil du dernier message. Je l'aurai fais si tu l'avais précisé Wink
    Kanae
    Kanae
    FémininAge : 32Messages : 354

    Mar 11 Nov 2014 - 15:11

    Parfait, sauf la taille de la police mais je suppose que je devrais gérer ça dans le CSS.

    Je l'aurai fais si tu l'avais précisé

    Ah bah, je ne savais pas et je n'ai pas osé...
    Pour tout t'avouer je n'ai pas encore non plus une idée très précise de la façon dont je vais le rédiger.

    Anonymous
    Invité

    Mar 11 Nov 2014 - 15:44

    Pour la police, essaie ici :)
    Code:
    #kaboum span.gensmall {
      color: #515151;
    }

    Kanae
    Kanae
    FémininAge : 32Messages : 354

    Mar 11 Nov 2014 - 15:51

    Et voilà !

    Dès qu'Alzufen m'aura aidé à corriger les petits détails qui déconnent sur mes catégories et ma navigation, mon design sera enfin complet ! Voilà qui est motivant pour aller finir la rédaction du contexte ^^.

    Tu as géré, comme toujours Hallow' !
    Contenu sponsorisé


      La date/heure actuelle est Jeu 21 Nov 2024 - 18:06