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 :
Code promo Nike : -25% dès 50€ ...
Voir le deal

    QEEL Gris/Rose

    Henrykiki
    Henrykiki
    MasculinAge : 32Messages : 576

    Mar 30 Déc 2014 - 2:34

    Rappel du premier message :

    Bonjour tout le monde,

    Voici un LS de QEEL aux couleurs Gris/Rose.
    Elle vous est proposée suite à la demande de Madii-x. Vous avez également la PA ainsi que les catégories qui vont avec ce qeel.


    Aperçus : www - phpbb2 Exclamation


    L'installation

    Un simple merci envers le demandeur et le codeur dans une réponse est un petit cadeau que nous apprécions beaucoup ^^


    Dans Affichage > Templates > Index_body ...


    Tu trouves ce code-là, que tu supprimes.

    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} :  {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 -->

    Ensuite, au même endroit (pour remplacer donc) tu mets celui-ci :

    Code:
    <div id="qeel">
          <h1>Qui se promène ?</h1>
          <table width="800px" cellspacing="15px" cellpadding="10px" id="contenu-general">
            <tr>
              <td rowspan="2" class="withbg">
                <h2>Statistiques</h2>
                <p><span class="gensmall">{TOTAL_POSTS}<br /><br />
                  {TOTAL_USERS}<br /><br />
                  {NEWEST_USER}</span></p>
                </td>
              <td class="withbg">
                <h2>Les membres en ligne</h2>
                          <p><table>{L_CONNECTED_MEMBERS}</table>
                              <span class="gensmall">{TOTAL_USERS_ONLINE}<br />
                  {RECORD_USERS}<br />
                  {LOGGED_IN_USER_LIST}</span></p>
              </td>
            </tr>
            <tr>
              <td class="withbg">
                <h2>Anniversaires</h2>
                <table class="annifs">
                   
                  {L_WHOSBIRTHDAY_TODAY}
                  {L_WHOSBIRTHDAY_WEEK}
                </table>
              </td>
            </tr>
            <tr>
              <td colspan="2" class="withbg groups">
                <!-- <h2>Groupes</h2> -->
                <p><span class="gensmall"><!-- {LEGEND} :&nbsp; -->{GROUP_LEGEND}</span></p>
              </td>
            </tr>
          </table>

      <div id="credits">QEEL by <a href="http://www.never-utopia.com">Never-Utopia</a></div>
      </div>

    Affichage > Couleurs > Feuille de Style ...


    Tu colles ces codes-ci (qui se réfèreront donc à ton QEEL !

    Code:
    /* CODES POUR LE QEEL */

    #qeel h1, #qeel h2, #qeel h3, #qeel p {
            margin: 0; padding: 0; font-weight: normal;
          }

          #qeel {
            width: 800px;
            min-height: 200px;
            border-radius: 10px;
            background: #fff;
            margin: 75px auto 20px;
            position: relative;
            padding-top: 50px;
            font-family: "abeatbykai", sans-serif;
            font-size: 12px;
            letter-spacing: 1px;
            color: gray;
          }

          #qeel a {
            color: darkgray;
            text-decoration: none;
          }

          #qeel a, #qeel h2 {
            -webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -ms-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;
          }

          #qeel a:hover {
            color: #d74e77;
          }
         
          #qeel h1 {
            width: 328px;
            height: 83px;
            background: url("http://i39.servimg.com/u/f39/19/07/10/81/qeel-m10.jpg") no-repeat;
            position: absolute;
            top: -58px;
            left: 50%;
            margin-left: -164px;
            text-indent: -9999px;
          }

          #qeel td {
            vertical-align: top;
          }

          #qeel td p .gensmall, #qeel td.row1 .gensmall, #qeel .gensmall {
            font-family: "century gothic", sans-serif;
            color: #F54DA0;
            font-size: 10px;
          }

          #qeel table td {
            border-radius: 10px;
            position: relative;
            padding-top: 25px;
            min-height: 50px;
          }

          #qeel table td.withbg {
            background: #e4e1e2;
          }

          #qeel h2 {
            /*height: 34px;*/
            position: absolute;
            top: -12px;
            z-index: 3;
            font-size: 24px;
            font-family: 'Covered By Your Grace', cursive;
            color: #808080;
          }

          #qeel h2:hover {
            color: rgba(209,42,97,1);
          }

          #qeel td.row1, td.row3.over:hover {
            background-color: transparent !important;
          }

          #qeel table.annifs {
            margin-top: -30px !important;
          }

          table.annifs tbody tr:nth-child(2) td {
            padding-top: 0px !important;
          }

          .groups {padding: 10px !important; text-align: center; }

    /* CREDITS */

          #credits {
            position: absolute;
            padding: 0px 10px;
            bottom: -20px;
            right: 0px;
            height: 20px;
            line-height: 20px;
            font-size: 8px;
            color: gray;
            text-transform: uppercase;
            text-shadow: 1px 1px 0px #ffffff;
          }

    Merci de conserver les crédits envers Never-Utopia


    Une question ? Un souci avec le code ?


    Rendez-vous dans la zone appropriée : c'est par ici !


    Dernière édition par Henrykiki le Jeu 15 Jan 2015 - 13:21, édité 2 fois



    Des bisous !
    inouk
    inouk
    MasculinAge : 23Messages : 25

    Lun 13 Mar 2017 - 21:03

    merci
    myka63
    myka63
    MasculinAge : 36Messages : 5

    Sam 18 Mar 2017 - 21:13

    Merci.
    Linoa
    Linoa
    FémininAge : 34Messages : 42

    Dim 2 Avr 2017 - 17:17

    Merci !



    QEEL Gris/Rose - Page 18 Pdsm
    ~ If you come here... You'll find me. I promise ~
    Fleazy
    Fleazy
    FémininAge : 20Messages : 31

    Lun 3 Avr 2017 - 21:49

    Vraiment superbe ! Bravo !
    Athéna
    Athéna
    FémininAge : 63Messages : 29

    Mar 11 Avr 2017 - 12:16

    Coucou et merci ^^



    "L'esprit est un instrument de musique avec une certaine gamme de tons,
    au-deLà desquels s'étend un silence infini."
    QueenDancing13
    QueenDancing13
    FémininAge : 28Messages : 106

    Jeu 13 Avr 2017 - 22:07

    Bow *_*



    QEEL Gris/Rose - Page 18 Christina_Aguilera_Signature_by_Sitic
    gémo
    gémo
    FémininAge : 32Messages : 8

    Sam 29 Avr 2017 - 20:36

    Merci pour ces codes :)
    Shylanova
    Shylanova
    FémininAge : 35Messages : 32

    Mer 3 Mai 2017 - 1:23

    Allez hop merci, je vais pouvoir avoir le kit complet ^^
    Namco
    Namco
    FémininAge : 32Messages : 118

    Mer 3 Mai 2017 - 13:51

    super sympa :) merci
    Neko Mimi
    Neko Mimi
    FémininAge : 34Messages : 165

    Ven 5 Mai 2017 - 12:48

    Thank you ♥



    QEEL Gris/Rose - Page 18 Tumblr_me5uxaCZuJ1qj73e2o1_500
    Lilou O'Neill
    Lilou O'Neill
    FémininAge : 25Messages : 62

    Ven 5 Mai 2017 - 23:50

    Merci du partage ! *o*
    Pistachette
    Pistachette
    FémininAge : 31Messages : 32

    Sam 6 Mai 2017 - 12:58

    Merci pour le code
    Sly King
    Sly King
    FémininAge : 28Messages : 75

    Ven 12 Mai 2017 - 16:10

    Superbe QEEL ♥ merci !
    MOON LEE
    MOON LEE
    FémininAge : 30Messages : 149

    Sam 13 Mai 2017 - 16:07

    Mercii
    Sakura Sinister
    Sakura Sinister
    FémininAge : 38Messages : 35

    Lun 22 Mai 2017 - 11:12

    tout mimi :)
    Océ
    Océ
    FémininAge : 50Messages : 367

    Mer 31 Mai 2017 - 13:01

    Jolie et merci <3

    Audeol
    Audeol
    FémininAge : 31Messages : 11

    Ven 2 Juin 2017 - 20:31

    Merci merci Very Happy
    MadSushi
    MadSushi
    FémininAge : 28Messages : 25

    Mer 14 Juin 2017 - 20:11

    Merci :)
    soshi
    soshi
    FémininAge : 28Messages : 14

    Mar 27 Juin 2017 - 17:24

    Merci !
    Jixdu
    Jixdu
    FémininAge : 23Messages : 40

    Jeu 29 Juin 2017 - 21:20

    Merci !
    Corée
    Corée
    FémininAge : 28Messages : 13

    Ven 30 Juin 2017 - 20:44

    Merciii o/
    Firamary
    Firamary
    FémininAge : 26Messages : 15

    Mer 19 Juil 2017 - 2:50

    Merci beaucoup!! Very Happy
    Wanted
    Wanted
    FémininAge : 29Messages : 113

    Ven 21 Juil 2017 - 8:58

    Merci bien. C'est super fonctionnel. :face:
    JemAedan
    JemAedan
    FémininAge : 37Messages : 28

    Sam 5 Aoû 2017 - 13:58

    Merci du partage *-*
    Nélie Reinart
    Nélie Reinart
    FémininAge : 25Messages : 46

    Sam 5 Aoû 2017 - 18:22

    o/ niceee
    Contenu sponsorisé


      La date/heure actuelle est Jeu 21 Nov 2024 - 12:57