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.

-30%
Le deal à ne pas rater :
LEGO Icons 10318 – Le Concorde à 139,99€
139.99 € 198.99 €
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 !
    Mattyew
    Mattyew
    MasculinAge : 30Messages : 90

    Sam 16 Déc 2017 - 15:38

    Merci pour tout ça !
    DesTop™
    DesTop™
    FémininAge : 32Messages : 6

    Jeu 25 Jan 2018 - 17:53

    Merci beaucoup, c'est très joli :love:




    Anyone
    Anyone
    FémininAge : 26Messages : 13

    Ven 9 Fév 2018 - 23:41

    Merci!
    Utahime
    Utahime
    FémininAge : 31Messages : 80

    Sam 10 Fév 2018 - 22:39

    Merci!
    Ombinou
    Ombinou
    FémininAge : 29Messages : 157

    Mer 14 Fév 2018 - 23:59

    Merci beaucoup du partage
    Karthus
    Karthus
    FémininAge : 23Messages : 41

    Sam 24 Fév 2018 - 12:14

    Merci à vous :heart:
    Dark Fairy
    Dark Fairy
    FémininAge : 26Messages : 244

    Mer 28 Fév 2018 - 13:11

    Merci!
    Scratpub
    Scratpub
    FémininAge : 39Messages : 145

    Ven 2 Mar 2018 - 13:43

    Magnifique QEEL !
    Merci pour le partage!
    Fiery Aura
    Fiery Aura
    FémininAge : 25Messages : 57

    Lun 12 Mar 2018 - 14:00

    Bonjour, merci bien pour ces codes !
    Sashimisushi
    Sashimisushi
    FémininAge : 29Messages : 11

    Mar 27 Mar 2018 - 12:39

    Merci ! o/
    LadyDreamCatcher
    LadyDreamCatcher
    FémininAge : 33Messages : 10

    Jeu 12 Avr 2018 - 20:51

    merci beaucoup du partage, l'ensemble est superbe :hug2:
    Ena
    Ena
    FémininAge : 26Messages : 149

    Sam 14 Avr 2018 - 20:27

    Merci beaucoup !



    QEEL Gris/Rose - Page 20 Aero10
    QEEL Gris/Rose - Page 20 390289enautopia
    Noir Black
    Noir Black
    FémininAge : 39Messages : 62

    Sam 14 Avr 2018 - 21:43

    merci
    Hakuna Patata
    Hakuna Patata
    FémininAge : 31Messages : 73

    Ven 20 Avr 2018 - 21:17

    Merci
    Lyana
    Lyana
    MasculinAge : 24Messages : 22

    Sam 28 Avr 2018 - 3:36

    Merci ^^
    Aetherya
    Aetherya
    FémininAge : 39Messages : 24

    Ven 4 Mai 2018 - 19:09

    Merci !
    Nokomis
    Nokomis
    FémininAge : 30Messages : 18

    Mar 22 Mai 2018 - 14:11

    Merci !
    Nyash
    Nyash
    FémininAge : 39Messages : 36

    Lun 25 Juin 2018 - 13:10

    Merci elle est sublime comme les deux autres !
    Delnuyn
    Delnuyn
    FémininAge : 24Messages : 22

    Mar 10 Juil 2018 - 17:14

    merci beaucoup ! **
    Auby
    Auby
    FémininAge : 25Messages : 4

    Ven 31 Aoû 2018 - 15:27

    Merci beaucoup pour le partage ! ^w^
    Ahina
    Ahina
    FémininAge : 43Messages : 73

    Mer 19 Sep 2018 - 16:12

    Il est vraiment très sympa et enfantin à installer. Merci beaucoup :)
    DevDev
    DevDev
    FémininAge : 32Messages : 16

    Dim 28 Oct 2018 - 10:24

    Merci Very Happy
    Dariel
    Dariel
    FémininAge : 54Messages : 69

    Sam 10 Nov 2018 - 15:28

    Tout simple, tout beau !

    Merci

    :cow:



    C'est la vie Invité ! Pas le paradis.
    Dahlia
    Dahlia
    FémininAge : 27Messages : 33

    Ven 17 Juil 2020 - 22:20

    merci beaucoup tongue
    Contenu sponsorisé


      La date/heure actuelle est Jeu 21 Nov 2024 - 9:50