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 du moment :
Smartphone Xiaomi 14 – 512 Go- 6,36″ 5G ...
Voir le deal
599 €

    (HALLOW) Un Qeel en tableau + modification des phrases

    Risa
    Risa
    FémininAge : 36Messages : 264

    Mar 17 Juin 2014 - 2:30

    Ma demande



    Bonjour !  Alors c'est un peu compliqué, du coup j'ai fait un petit schéma, en espérant qu'il soit le plus clair possible. Je voudrai aussi modifier les phrases du Qeel. J'ai tenté de suivre plusieurs tuto, mais j'avoue n'avoir quasiment rien compris sur comment modifier, combien de fois etc... Du coup, même en essayant j'ai fait des ratés pas possible, au point que les phrases ont fini par disparaître sur mon forum de test ou s'encastrer les unes sur les autres  Rolling Eyes  (y fallait voir le désastre  :ptdr:  ). Bref, je préfère demander, histoire de ne pas refaire les mêmes erreurs. Et merci à toute personne qui répondra à ma demande.

    Schéma(s) et Eléments
    Schémas : https://i.servimg.com/u/f39/18/88/87/76/schama10.jpg
    Tailles des éléments : J'ai inclus dans le schéma quelques tailles, pour le reste, c'est plutôt libre, du moment que l'on garde les deux dimensions que j'ai écris.
    Effets voulus : Je pense que je laisserai comme ça, au pire je modifierai moi-même pour les bordures en arrondi.


    Ressources
    En fait, je n'ai pas encore les images pour les groupes, ni pour la colonne de droite, je préférerai juste avoir le code pour mettre les images, plutôt que de poster directement un truc laid xD. Pour les groupes, je ne sais pas de quelle taille seront les images, d'ailleurs je me tâtes encore entre juste du texte ou des images XD. En fait non, je ferai seulement des noms de groupes "normaux".  

    Autres précisions ?
    Comme je l'ai dit plus haut, je voudrai remplacer les phrases du qeel.
    - A la place de "Nos membres ont posté un total de X messages" je voudrais mettre:  "Nos habitants travaillent dur! Ils ont posté un total de X messages, on peut les féliciter !"
    - A la place de "Nous avons X membres enregistrés"  ceci: "Ils sont X à avoir tenté l'expérience".
    - A la place de "L'utilisateur enregistré le plus récent est X" ceci: "Accueillons tous ensembles notre dernière victime X"
    - A la place de: "Le record du nombre d'utilisateurs en ligne est de [....]" ceci: "Le record de rencontres simultanées est de [....]"
    - A la place de: "Il y a en tout X utilisateur en ligne :: X Enregistré, X Invisible et X Invité " ceci; "X personnes parcourent actuellement les lieux dont: X fidèles, X discrets et X visiteurs"
    - A la place de: "Utilisateurs enregistrés:"  ceci: "Sur les lieux:"
    - Et enfin, à la place de "Membres connectés au cours des 24 dernières heures" ceci: "Ils sont passés au cours des 24 dernières heures".

    Voilà, désolée que ce soit si long, si c'est trop contraignant de faire les phrases, je peux garder les normales., quoique, je voudrai vraiment savoir comment ça fonctionne.

    Merci encore d'avoir pris le temps de me lire.



    Dernière édition par Risa le Jeu 19 Juin 2014 - 19:31, édité 1 fois
    Anonymous
    Invité

    Mar 17 Juin 2014 - 8:01

    Hey !

    Il n'y a pas d'effet particulier sur ta demande donc je pense que ça ira vite, je prends ! Par contre tu as une préférence pour la police des groupes ? Comme finalement tu préfères du texte au lien. Et pour les couleurs, plutôt dans quels tons ?

    Bonne journée ^^
    Risa
    Risa
    FémininAge : 36Messages : 264

    Mar 17 Juin 2014 - 17:56

    Bonjour,

    Merci de m'avoir répondu \:/

    Pour la police des groupes, si possible celle que j'ai pour mes titres de catégories s'appelle "Handlee" =).

    Pour les couleurs, le texte est en noir et le fond: en #FAEDD1 juste pour la liste des connectés, je préférerai que ce soit en #EBE3CA s'il te plais ^^

    Voilà, si tu as besoin d'autre chose n'hésite pas.
    Anonymous
    Invité

    Mer 18 Juin 2014 - 19:37

    Ca donnerait : ceci ^^
    Risa
    Risa
    FémininAge : 36Messages : 264

    Mer 18 Juin 2014 - 22:02

    Oh c'est exactement ce que je voulais ! Merci beaucoup ♥
    Y a juste un p'tit truc à propos des dernières connexions, je vois la case qui n'est pas alignée comme celle d'en haut, et j'aurai vu le texte en haut plutôt qu'au centre de la case, mais si ça n'est pas possible tant pis xD.
    Anonymous
    Invité

    Mer 18 Juin 2014 - 22:07

    J'ai modifié l'alignement par contre ... je peux avoir une capture pour le décalage ? Oo
    Risa
    Risa
    FémininAge : 36Messages : 264

    Mer 18 Juin 2014 - 22:15

    Non, en fait je parlais de la case des dernières connexions, ce que tu avais fait à la base pour la colonne des statistiques était parfait ! (l'alignement du texte à gauche).

    Voilà pour la capture:

    https://i.servimg.com/u/f39/12/24/75/88/screen10.jpg
    Anonymous
    Invité

    Jeu 19 Juin 2014 - 13:03

    Arf, mal lu désolée =$ C'est modifié ^^
    Tu vois encore le décalage ?
    Risa
    Risa
    FémininAge : 36Messages : 264

    Jeu 19 Juin 2014 - 16:04

    Non plus de décalage c'est parfait comme ça ! =D
    Anonymous
    Invité

    Jeu 19 Juin 2014 - 18:18

    Ah ! A la bonne heure =D
    Voici donc les codes :

    CSS
    Code:
     /* ------------------------------- QEEL ------------------------------- */

    .fond_QEEL {
      font-size: 11px;
      font-family: arial;
      background-color: #FAEDD1;
      color: #000000;
      padding: 15px;
      text-align: justify;
    }

    #kaboum .row1 {
      background-color: #EBE3CA;
      width: 770px;
      height: 150px;
      padding: 15px;
      overflow: auto;
      text-align: center;
    }

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

    Template Index_Body, repères ceci :
    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 -->
    <table style="width: 800px;" class="fond_QEEL"><tr>
      <center><div style="font-family: 'Handlee', cursive; font-size: 35px; color: #FAEDD1;">Qui est ligne ?</div></center>
      <br />
    <center><a href="#" style="font-family: 'Handlee', cursive; font-size: 25px; color: #494166 !important; padding: 10px;">Groupe 1</a> <a href="#" style="font-family: 'Handlee', cursive; font-size: 25px; color: #3C6C5C !important; padding: 10px;">Groupe 2</a> <a href="#" style="font-family: 'Handlee', cursive; font-size: 25px; color: #961812 !important; padding: 10px;">Groupe 3</a> <a href="#" style="font-family: 'Handlee', cursive; font-size: 25px; color: #30A4CF !important; padding: 10px;">Groupe 4</a></center>
      <br />
              <td><center><img src="http://i39.servimg.com/u/f39/18/40/69/79/5110.png" /></center></td>
              <td style="width: 500px;"><span id="bert">{TOTAL_POSTS}</span>
                    <script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/Nos membres ont posté un total de/,"Nos habitants travaillent dur ! Ils ont posté un total de").replace(/messages/,"messages, on peut les féliciter !");
                </script><br />
              <span id="matt">{TOTAL_USERS}</span>
                    <script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/Nous avons/,"Ils sont").replace(/membres enregistrés/,"à avoir tenté l'expérience.");
                </script><br />
              <span id="yosh">{NEWEST_USER}.</span>
                    <script type="text/javascript">document.getElementById('yosh').innerHTML=document.getElementById('yosh').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"Accueillons tous ensembles notre dernière victime");
                </script><br />
              <span id="connectes">{RECORD_USERS}.</span>
                <script type="text/javascript">document.getElementById('connectes').innerHTML=document.getElementById('connectes').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne est de/,"Le record de rencontres simultanées est de");
                </script><br />
              <span id="celine">{TOTAL_USERS_ONLINE}.</span>
                      <script type="text/javascript">document.getElementById('celine').innerHTML=document.getElementById('celine').innerHTML.replace(/Il y a en tout/,"").replace(/utilisateur(s?) en ligne/,"personnes parcourent actuellement les lieux dont :").replace(/::/,":").replace(/Enregistré(s?)/,"fidèles,").replace(/Invisible(s?) et/,"discrets et").replace(/Invité(s?)/,"visiteurs");
                      </script>
                <br /><br />
                <div style="border-top: 1px #000000 solid; width: 500px;"></div>
                <br /><br />
      <span id="alpha" style="width: 500px; height: 100px; overflow: auto;">{LOGGED_IN_USER_LIST}</span>
                    <script type="text/javascript">document.getElementById('alpha').innerHTML=document.getElementById('alpha').innerHTML.replace(/Utilisateurs enregistrés/,"Sur les lieux");</script></td>
       </tr>

    <table id="kaboum" style="position: relative; left: -0.1em;">{L_CONNECTED_MEMBERS}</table>
        <script type="text/javascript">
        jQuery('#kaboum span.gensmall').html(jQuery('#kaboum span.gensmall').html().replace('Membres connectés au cours des * dernières heures : ','texte1 :'));
        </script></table>
    <link href='http://fonts.googleapis.com/css?family=Handlee' rel='stylesheet' type='text/css'>
    <!-- END disable_viewonline -->
    Risa
    Risa
    FémininAge : 36Messages : 264

    Jeu 19 Juin 2014 - 19:31

    Merci infiniment Halloween, j'ai enfin compris comment marche le changement de phrases du qeel en plus ^^

    Contenu sponsorisé


      La date/heure actuelle est Lun 25 Nov 2024 - 1:03