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.

-29%
Le deal à ne pas rater :
DYSON V8 Origin – Aspirateur balai sans fil
269.99 € 379.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 !
    avatar
    GEnterZ
    MasculinAge : 26Messages : 63

    Sam 8 Aoû 2015 - 11:58

    Merci !
    Laega
    Laega
    FémininAge : 35Messages : 106

    Sam 8 Aoû 2015 - 14:48

    Merci pour ce qeel
    Romann
    Romann
    FémininAge : 30Messages : 183

    Dim 16 Aoû 2015 - 16:07

    Merci ^^



    QEEL Gris/Rose - Page 9 Unicor11
    Zorume
    Zorume
    FémininAge : 28Messages : 84

    Ven 21 Aoû 2015 - 13:21

    Je cherchais un QEEl simple avec les anniversaires... Et je l'ai enfin trouvé =D
    Merci du partage, je pense que je vais l'utiliser pour le prochain design de http://guerredesclans.activebb.net/ ;3 Je vais refaire tout le codage *^*)
    Cheshire Cat
    Cheshire Cat
    FémininAge : 27Messages : 975

    Lun 24 Aoû 2015 - 9:16

    Merci pour ce code ^^
    avatar
    Alysanne
    FémininAge : 38Messages : 49

    Mar 25 Aoû 2015 - 4:37

    mercii!
    Trisse
    Trisse
    FémininAge : 24Messages : 36

    Mar 25 Aoû 2015 - 19:57

    merci :p
    avatar
    Etoile*
    FémininAge : 33Messages : 82

    Mer 26 Aoû 2015 - 21:23

    Merci :) c'est super
    P'tit loup
    P'tit loup
    MasculinAge : 42Messages : 451

    Jeu 27 Aoû 2015 - 11:08

    Merci beaucoup o/



    QEEL Gris/Rose - Page 9 30xivrd
    Dearborn
    Dearborn
    FémininAge : 30Messages : 112

    Sam 29 Aoû 2015 - 11:36

    Merci!
    Zibeline
    Zibeline
    FémininAge : 39Messages : 84

    Dim 30 Aoû 2015 - 7:22

    merci :kdo:
    Fizzz
    Fizzz
    FémininAge : 30Messages : 17

    Sam 5 Sep 2015 - 11:17

    Merci !
    Crayon32
    Crayon32
    FémininAge : 26Messages : 15

    Sam 5 Sep 2015 - 22:09

    Merci beaucoup ! =)
    Capouccino
    Capouccino
    FémininAge : 26Messages : 204

    Dim 6 Sep 2015 - 12:03

    Merci pour le codage ^^ Mais pourrais-tu mettre le code pour l'installation de la police d'écriture, s'il te plait ? :)



    "Espérer l'inespérable c'est croire en l'impossible."
    Ouat
    Ouat
    FémininAge : 40Messages : 74

    Lun 7 Sep 2015 - 10:09

    Merci !
    Lessien
    Lessien
    FémininAge : 42Messages : 163

    Lun 7 Sep 2015 - 11:47

    Merci pour ce beau QEEL !
    RozenBreizh
    RozenBreizh
    FémininAge : 33Messages : 1411

    Sam 12 Sep 2015 - 15:24

    Simple et élégant, j'aime beaucoup. Merci Henry. :)
    Whateveranyway
    Whateveranyway
    FémininAge : 28Messages : 29

    Sam 12 Sep 2015 - 19:30

      Merci beaucoup, il est très joli ! ^^
    Cherry'
    Cherry'
    FémininAge : 31Messages : 70

    Dim 13 Sep 2015 - 17:36

    Magnifique, merci beaucoup ! ♥
    Célyo
    Célyo
    FémininAge : 33Messages : 41

    Ven 18 Sep 2015 - 10:59

    merci
    Sokaro
    Sokaro
    FémininAge : 28Messages : 195

    Ven 18 Sep 2015 - 14:18

    Merci beaucoup du partage!



    QEEL Gris/Rose - Page 9 540068Sokacadre2
    (Signature provisoire.)
    Sleyah
    Sleyah
    FémininAge : 34Messages : 19

    Ven 18 Sep 2015 - 19:35

    Merci !!
    Miss Houpette
    Miss Houpette
    FémininAge : 27Messages : 76

    Sam 19 Sep 2015 - 13:52

    J'aime cette simplicité. ~
    Merci ! ♥
    Sun.
    Sun.
    FémininAge : 25Messages : 15

    Sam 19 Sep 2015 - 16:08

    Merci pour le partage !
    Black Diamond
    Black Diamond
    FémininAge : 35Messages : 90

    Sam 19 Sep 2015 - 17:09

    Merci !



    QEEL Gris/Rose - Page 9 134089sihgzr

    Contenu sponsorisé


      La date/heure actuelle est Sam 23 Nov 2024 - 11:04