AccueilFAQRechercherMembresGroupesS'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.


    QEEL en plusieurs bulles

    Partagez
    avatar
    Halloween
    FémininAge : 24Messages : 9751

    le Ven 13 Sep 2013 - 18:16

    Rappel du premier message :


      Hey,

      Comme toujours petit aperçu du résultat du code : Ma maman fait des cookies.
      Bien évidemment il faut toucher aux templates, ce qui signifie qu'il faut se connecter avec le compte fondateur, sinon on est dans la mouise :siffle: Les couleurs sont personnalisables, la police aussi ... bref rien ne change.

      Les codes:
      A placer dans le CSS :
      Code:
      /* QEEL */

      .trans .row1 {
      background-color: #CDCCC8;
      }

      .titreqeel {
        color: #2E3454;
        font-family: 'Finger Paint', cursive;
        font-size: 45px;
        text-align: center;
      }

      .cadreqeel {
        background-color: #CDCCC8;
        color: #5C5C5C;
        padding: 15px;
        width: 210px;
        height: 190px;
        text-align: justify;
        font-family: arial;
        font-size: 10px;
        -moz-border-radius: 310px;
        -webkit-border-radius: 310px;
        border-radius: 310px;
      }

      .cadreqeel1 {
        background-color: #CDCCC8;
        color: #5C5C5C;
        padding: 15px;
        width: 210px;
        height: 190px;
        text-align: justify;
        font-family: arial;
        font-size: 10px;
        -moz-border-radius: 310px;
        -webkit-border-radius: 310px;
        border-radius: 310px;
      }

      .cadreqeel2 {
        background-color: #CDCCC8;
        color: #5C5C5C;
        padding: 15px;
        width: 500px;
        height: 100px;
        overflow: auto;
        text-align: justify;
        font-family: arial;
        font-size: 10px;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        border-radius: 50px;
      }

      .boite10 {
        margin-left: 20px;
        margin-top: 25px;
        width: 180px;
        height: 180px;
        overflow: auto;
      }

      .groupes {
        font-family: 'Gabriela', serif;
        text-align: center !important;
        font-size: 20px;
      }
      Repérez ceci dans le template "index_body" :
      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 -->
      Que vous remplacez par :
      Code:
      <!-- BEGIN disable_viewonline -->
       
      <center><table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0"><div style="width: 700px;">

              <div class="titreqeel">Qui est en ligne ?</div>
        <br />
        <tr><nobr><div class="groupes"><center>
          <font color="#988DA1">Groupe 1</font> <font color="#71B368">Groupe 2</font> <font color="#268FB5">Groupe 3</font> <font color="#C26969">Groupe 4</font></center></div>
          </nobr></tr>
            
               <tr>
                  <td><div class="cadreqeel" style="margin-left: 20px;"><div class="boite10" style="margin-left: 20px;">{TOTAL_POSTS}<br />
            {TOTAL_USERS}<br />
            {NEWEST_USER}<br />
                      {TOTAL_USERS_ONLINE}<br />
            {RECORD_USERS}<br />
                    </div></div></td>
                  <td><img src="http://i35.servimg.com/u/f35/16/61/97/52/2210.png" class="imgqeel"/></td>
                  <td><div class="cadreqeel1"><div class="boite10">{LOGGED_IN_USER_LIST}</div></div></td>
                  </tr>
        <br />
       <table class="trans" style="margin-top: 20px; background-color: #CDCCC8; color: #CDDAF5; padding: 15px; width: 500px; height: 70px; overflow: auto;
      text-align: justify; font-family: arial; font-size: 10px; -moz-border-radius: 50px;  -webkit-border-radius: 50px; border-radius: 50px; margin-top: -1px;"><div class="cadreqeel12">{L_CONNECTED_MEMBERS}</div></table>
        <br /><a href="http://www.never-utopia.com" style="color: #918E86 !important; font-size: 9px; font-family: arial;">© By Halloween sur Never Utopia</a>
       
       </div></table></center>
      <!-- END disable_viewonline -->
      Pour ceux qui souhaitent obtenir les mêmes polices que sur le schéma, il faut ajouter ce qui va suivre tout à la fin du template :
      Code:
      <link href='http://fonts.googleapis.com/css?family=Finger+Paint' rel='stylesheet' type='text/css'>
      <link href='http://fonts.googleapis.com/css?family=Gabriela' rel='stylesheet' type='text/css'>
      Ou d'autres liens selon la police google font choisie (si vous choisissez une police "classique" (arial, verdana etc ...) ce n'est pas nécessaire.

      Pensez à vous présenter et à dire merci pour vous servir. En cas de problème vous aurez une réponse plus rapide ici qu'en postant à la suite.
      Le crédit est indélébile please \o/


    Dernière édition par Halloween le Dim 15 Sep 2013 - 16:29, édité 1 fois




    < / Libre service codage >
    avatar
    Max Rénix
    MasculinAge : 23Messages : 56

    le Jeu 4 Fév 2016 - 15:58

    merkiiiiiiiii :3
    avatar
    Neya
    FémininAge : 19Messages : 164

    le Lun 15 Fév 2016 - 22:10

    Merci
    avatar
    Mawie62
    FémininAge : 23Messages : 125

    le Mar 16 Fév 2016 - 12:56

    Merci !!!



    avatar
    Shide
    FémininAge : 29Messages : 60

    le Ven 19 Fév 2016 - 16:08

    merci ^^
    avatar
    Shide
    FémininAge : 29Messages : 60

    le Ven 19 Fév 2016 - 16:12

    je n'arrive pas à voir le code ?? ses normal?? merci a vous
    avatar
    Shide
    FémininAge : 29Messages : 60

    le Ven 19 Fév 2016 - 16:14

    je n'ai rien dit super merci
    avatar
    Shide
    FémininAge : 29Messages : 60

    le Ven 19 Fév 2016 - 22:23

    Bonsoir, alors voila je l'ai installé mais je n'arrive pas a changé le kaki qui se trouve a l'intérieur 
    Quelqu'un pourrais me dire si cela es possible ? 
    Merci
    avatar
    Zuz'
    FémininAge : 23Messages : 55

    le Sam 12 Mar 2016 - 13:16

    Merci du partage :)
    avatar
    Lyana Taylor
    FémininAge : 22Messages : 71

    le Dim 13 Mar 2016 - 19:43

    Merci pour le code !



    avatar
    EthanHol
    FémininAge : 24Messages : 212

    le Lun 14 Mar 2016 - 16:38

    Merci pour ce QEEL !



    avatar
    Coco-Lapin02
    MasculinAge : 49Messages : 167

    le Ven 25 Mar 2016 - 18:16

    Merci
    avatar
    marie-noelle
    FémininAge : 60Messages : 109

    le Jeu 21 Avr 2016 - 3:39

    merci pour ce queel sympa
    avatar
    Milkie
    MasculinAge : 29Messages : 8

    le Jeu 28 Avr 2016 - 13:30

    Merci bien ^^
    avatar
    Nausicäa Kaer
    FémininAge : 24Messages : 161

    le Sam 30 Avr 2016 - 15:57

    c'est super sympa Very Happy
    avatar
    -Larme-
    FémininAge : 17Messages : 62

    le Sam 30 Avr 2016 - 17:52

    Merciii



    avatar
    Scandalucia
    FémininAge : 27Messages : 151

    le Lun 2 Mai 2016 - 13:32

    merci beaucoup Halloween ♥



    avatar
    Heine06
    FémininAge : 38Messages : 56

    le Mer 4 Mai 2016 - 10:19

    Merci beaucoup du partage, il est vraiment classe ton qeel :heart:
    avatar
    Xyyny
    FémininAge : 26Messages : 59

    le Mar 10 Mai 2016 - 14:36

    Marchi ♥
    avatar
    Cortisalia
    FémininAge : 25Messages : 88

    le Sam 14 Mai 2016 - 19:59

    Ta maman fait d'excellents cookies ! :v



    avatar
    Kyandi
    FémininAge : 19Messages : 157

    le Dim 22 Mai 2016 - 13:58

    Simple mais efficace ! Je prend ! ♥






    avatar
    Jane Bingum
    FémininAge : 20Messages : 80

    le Dim 22 Mai 2016 - 14:06

    Merci!!!
    avatar
    Djeina
    FémininAge : 21Messages : 233

    le Lun 23 Mai 2016 - 8:16

    Merci du partage ^^
    avatar
    La Tour Fantôme
    MasculinAge : 25Messages : 74

    le Lun 30 Mai 2016 - 18:59

    Merci Merci Merci !
    avatar
    Anya-Gackt
    FémininAge : 26Messages : 49

    le Mar 31 Mai 2016 - 14:12

    Merci beaucoup
    avatar
    Laetizya
    FémininAge : 20Messages : 53

    le Sam 25 Juin 2016 - 14:18

    Merci beaucoup. **
    Contenu sponsorisé


      La date/heure actuelle est Jeu 24 Mai 2018 - 11:54