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
    Fullmoon
    FémininAge : 20Messages : 162

    le Dim 12 Juil 2015 - 2:11

    Merci pour ce QEEL, il est magnifique ^^
    avatar
    Encrine
    FémininAge : 19Messages : 52

    le Jeu 16 Juil 2015 - 14:55

    Merciii ! *o*
    avatar
    charlie.
    FémininAge : 38Messages : 62

    le Sam 18 Juil 2015 - 19:16

    Merci
    avatar
    .loumpia
    FémininAge : 25Messages : 204

    le Mar 21 Juil 2015 - 12:37

    Very Happy
    avatar
    Saia
    FémininAge : 23Messages : 186

    le Jeu 23 Juil 2015 - 20:48

    merci



    avatar
    Liia
    FémininAge : 22Messages : 91

    le Lun 27 Juil 2015 - 14:15

    Cool x) Merci **
    avatar
    Whit
    FémininAge : 20Messages : 154

    le Mar 28 Juil 2015 - 13:47

    QEEL simple et très sympathique, vraiment super !
    Merci pour le partage ! >w<
    avatar
    rosebleudu10
    FémininAge : 28Messages : 188

    le Mar 28 Juil 2015 - 14:07

    merci
    avatar
    Yuna Azalé
    FémininAge : 21Messages : 80

    le Mer 29 Juil 2015 - 21:26

    Merci bien pour ce code ! :3
    avatar
    Alessea
    FémininAge : 21Messages : 74

    le Lun 10 Aoû 2015 - 20:54

    C'est super ♥
    Merci du partage :3
    avatar
    Kelalin
    FémininAge : 25Messages : 1870

    le Lun 10 Aoû 2015 - 23:08

    Merci. \(T∇T)/
    avatar
    Skylighty
    FémininAge : 88Messages : 97

    le Mer 12 Aoû 2015 - 17:09

    merciii
    avatar
    Yukie
    FémininAge : 19Messages : 30

    le Mer 12 Aoû 2015 - 20:11

    Adorable 'o' merci ^^
    avatar
    mon-etoile
    FémininAge : 29Messages : 140

    le Ven 21 Aoû 2015 - 10:46

    Merci
    avatar
    Seaphie
    FémininAge : 18Messages : 49

    le Mar 1 Sep 2015 - 16:35

    Merci
    avatar
    Pollux
    FémininAge : 27Messages : 97

    le Sam 5 Sep 2015 - 19:07

    merci
    avatar
    Missy 26
    FémininAge : 29Messages : 60

    le Jeu 10 Sep 2015 - 17:40

    Merci :)
    avatar
    Atomixy
    MasculinAge : 21Messages : 28

    le Jeu 10 Sep 2015 - 18:38

    Arigato !!
    avatar
    Isaac Berntsson
    MasculinAge : 24Messages : 29

    le Mer 16 Sep 2015 - 14:49

    Merchi !
    avatar
    Sophie H.
    FémininAge : 22Messages : 83

    le Mar 22 Sep 2015 - 23:01

    J'adore ce que tu fais. Merci. ^_^
    avatar
    Mystick
    FémininAge : 33Messages : 100

    le Mer 23 Sep 2015 - 16:54

    Merci Very Happy
    avatar
    Powkfu
    MasculinAge : 27Messages : 13

    le Mer 23 Sep 2015 - 18:08

    Merci !
    avatar
    Zekarant
    MasculinAge : 17Messages : 51

    le Mer 23 Sep 2015 - 22:05

    Merci
    avatar
    Toxic Babylone
    FémininAge : 27Messages : 16

    le Lun 28 Sep 2015 - 18:50

    Merci à toi pour ces merveilleux codes!
    Ce QEEL est vraiment superbe et sera parfait pour mon petit forum. Merci beaucoup encore une fois pour nous partager tes belles créations :hug:
    avatar
    RaisedByWolves
    FémininAge : 19Messages : 39

    le Sam 10 Oct 2015 - 14:12

    merci Wink
    Contenu sponsorisé


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