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.


    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 !
    Pensées
    Pensées
    FémininAge : 79Messages : 41

    Lun 29 Juin 2015 - 21:07

    J'adore.
    Feyranjia
    Feyranjia
    MasculinAge : 38Messages : 31

    Mar 30 Juin 2015 - 0:21

    Merci du partage ~
    Espoir
    Espoir
    FémininAge : 29Messages : 54

    Mar 30 Juin 2015 - 11:47

    Merci !
    AsadaSama
    AsadaSama
    FémininAge : 31Messages : 34

    Mar 30 Juin 2015 - 18:42

    Merci beaucoup pour le code ! :)
    Bellabimbo444
    Bellabimbo444
    FémininAge : 26Messages : 61

    Mer 1 Juil 2015 - 19:09

    merci!



    P'tit loup
    P'tit loup
    MasculinAge : 42Messages : 451

    Lun 6 Juil 2015 - 18:11

    Très franchement, l'ensemble de la PA, du QEEL et des catégorie sont tout simplement léger et magnifique ! Ca donne envie de se rouler dans la barbe à papa ... Encore merci et félicitation pour un code pareil !



    QEEL Gris/Rose - Page 8 30xivrd
    Anonymous
    Invité

    Lun 6 Juil 2015 - 20:18

    Ce sera parfait pour compléter mon petit bébé. Merci du partage :3
    KimmyKinder
    KimmyKinder
    FémininAge : 23Messages : 181

    Jeu 9 Juil 2015 - 15:19

    Gracias
    Wanda Maximoff
    Wanda Maximoff
    FémininAge : 30Messages : 80

    Ven 10 Juil 2015 - 17:49

    Merci ! ♥
    layna
    layna
    FémininAge : 32Messages : 69

    Ven 10 Juil 2015 - 22:13

    merci
    Yuna Azalé
    Yuna Azalé
    FémininAge : 27Messages : 80

    Sam 11 Juil 2015 - 14:23

    Jolie QEEL, merci.
    Anonymous
    Invité

    Sam 11 Juil 2015 - 16:19

    Merci ♥
    avatar
    Little--Angel
    FémininAge : 28Messages : 46

    Dim 12 Juil 2015 - 17:04

    J'adore Very Happy
    Petit poisson
    Petit poisson
    FémininAge : 29Messages : 35

    Lun 13 Juil 2015 - 10:45

    Merci
    Myxookiie
    Myxookiie
    FémininAge : 31Messages : 47

    Mer 15 Juil 2015 - 0:09

    Très joli! J'aor merciiii!
    Amelys_Destroy
    Amelys_Destroy
    MasculinAge : 30Messages : 37

    Jeu 16 Juil 2015 - 4:32

    Chouette chouette chouette merci ! :friends:
    Anonymous
    Invité

    Ven 17 Juil 2015 - 14:54

    Merci beaucoup pour ce partage <3
    Odahviing
    Odahviing
    FémininAge : 27Messages : 24

    Dim 19 Juil 2015 - 23:39

    Super, merci !!
    rosebleudu10
    rosebleudu10
    FémininAge : 34Messages : 189

    Mar 28 Juil 2015 - 14:00

    merci
    Matantelie
    Matantelie
    FémininAge : 30Messages : 36

    Dim 2 Aoû 2015 - 1:27

    Merci!
    mon-etoile
    mon-etoile
    FémininAge : 36Messages : 140

    Lun 3 Aoû 2015 - 15:00

    Merci beaucoup pour le partage
    Anonymous
    Invité

    Lun 3 Aoû 2015 - 19:01

    Très joli ! Merci pour ce code (^_^)
    Istina
    Istina
    FémininAge : 30Messages : 111

    Lun 3 Aoû 2015 - 20:38

    Merci ♥
    Nao'
    Nao'
    FémininAge : 33Messages : 31

    Mer 5 Aoû 2015 - 19:44

    Merci~



    QEEL Gris/Rose - Page 8 Tumblrloo23qdg321qhh19q QEEL Gris/Rose - Page 8 Tumblrloo25b5e5v1qhh19q QEEL Gris/Rose - Page 8 Tumblrloo24vnqzm1qhh19q QEEL Gris/Rose - Page 8 Tumblrloo23kzrit1qhh19q QEEL Gris/Rose - Page 8 Tumblrloo2471rxv1qhh19q QEEL Gris/Rose - Page 8 Cupcake
    Viou
    Viou
    FémininAge : 35Messages : 181

    Ven 7 Aoû 2015 - 11:05

    Maaaaaarciiiii
    Contenu sponsorisé


      La date/heure actuelle est Jeu 21 Nov 2024 - 23:25