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 Gris/Rose

    Partagez
    avatar
    Henrykiki
    MasculinAge : 25Messages : 576

    le 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 !
    avatar
    Ichibari
    FémininAge : 32Messages : 90

    le Ven 4 Mar 2016 - 20:17

    Merci beaucoup



    avatar
    Amariem
    FémininAge : 19Messages : 98

    le Ven 4 Mar 2016 - 23:39

    Merci !



    avatar
    Guift
    FémininAge : 19Messages : 50

    le Sam 5 Mar 2016 - 22:29

    Merci beaucoup ! Simple mais il fait son effet !



    avatar
    Kababs
    FémininAge : 37Messages : 27

    le Jeu 10 Mar 2016 - 16:21

    Vraiment magnifique, merci beaucoup !
    avatar
    aryanon
    MasculinAge : 20Messages : 50

    le Dim 13 Mar 2016 - 14:20

    merci pour ce code :3
    avatar
    CHi1565456
    MasculinAge : 18Messages : 56

    le Dim 13 Mar 2016 - 15:20

    Merchii !
    avatar
    Raela
    FémininAge : 22Messages : 45

    le Dim 13 Mar 2016 - 18:34

    Merci beaucoup pour le partage ! :hug:
    avatar
    Jull421
    FémininAge : 23Messages : 141

    le Mar 29 Mar 2016 - 4:41

    merci ♥



    avatar
    Maya Seiko
    FémininAge : 24Messages : 122

    le Mar 29 Mar 2016 - 11:29

    Merci énormément ♥
    Darouine Lius
    MasculinAge : 28Messages : 65

    le Mar 29 Mar 2016 - 22:25

    merci
    avatar
    Téoz
    FémininAge : 29Messages : 38

    le Lun 4 Avr 2016 - 23:53

    Merci Very Happy
    avatar
    l'intruse
    FémininAge : 23Messages : 39

    le Jeu 7 Avr 2016 - 3:20

    C'est tout joli, merci :lovebomb:
    avatar
    Hatsuharu
    FémininAge : 27Messages : 34

    le Ven 8 Avr 2016 - 16:33

    Merci beaucoup ! ♥
    avatar
    Tinkky
    FémininAge : 27Messages : 89

    le Sam 9 Avr 2016 - 14:06

    Merci du partage ^_^
    avatar
    Pastelryxx
    FémininAge : 22Messages : 8

    le Sam 9 Avr 2016 - 15:58

    merci
    avatar
    Shanyme Thibolt
    FémininAge : 24Messages : 149

    le Lun 11 Avr 2016 - 12:23

    Merci pour le partage
    avatar
    Arkaline
    FémininAge : 27Messages : 186

    le Lun 11 Avr 2016 - 14:58

    Merci !



    Arkaline
    avatar
    Pucky
    FémininAge : 21Messages : 44

    le Mer 20 Avr 2016 - 2:21

    J'adore ce QEEL mais est-il possible de le mettre en moins de 800px ?
    avatar
    Ju08
    FémininAge : 28Messages : 26

    le Mer 20 Avr 2016 - 17:58

    merci pour le partage
    avatar
    Too Friendly
    MasculinAge : 63Messages : 29

    le Mer 20 Avr 2016 - 18:17

    merci infiniment de ce partage *^*
    avatar
    Xyyny
    FémininAge : 26Messages : 59

    le Mer 20 Avr 2016 - 18:53

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

    le Jeu 21 Avr 2016 - 3:27

    merci du partage
    avatar
    Chouchou
    FémininAge : 27Messages : 3

    le Jeu 21 Avr 2016 - 22:30

    Il est vraiment magnifique !!! Merci beaucoup ^^
    avatar
    Saphira
    FémininAge : 21Messages : 72

    le Ven 22 Avr 2016 - 14:22

    Merci :)
    avatar
    Roromiya
    FémininAge : 100Messages : 111

    le Sam 23 Avr 2016 - 8:56

    j'adore



    Contenu sponsorisé


      La date/heure actuelle est Mer 20 Juin 2018 - 11:43