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 :
Pokémon Évolutions Prismatiques : ...
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 !
    Yukiji
    Yukiji
    MasculinAge : 24Messages : 115

    Mer 4 Fév 2015 - 21:48

    Merci !



    (c) sygea
    Sasha57
    Sasha57
    FémininAge : 30Messages : 35

    Jeu 5 Fév 2015 - 14:53

    Merci du partage, c'est trop joli *-*
    andril
    andril
    FémininAge : 35Messages : 42

    Jeu 5 Fév 2015 - 18:43

    super !!! Merci !!!
    Sachem
    Sachem
    FémininAge : 28Messages : 51

    Mar 10 Fév 2015 - 19:54

    merci! C:
    avatar
    Quinnie
    MasculinAge : 28Messages : 54

    Sam 14 Fév 2015 - 21:32

    Magnifique ! Merci du partage Very Happy
    Baby Pikachu
    Baby Pikachu
    FémininAge : 28Messages : 72

    Dim 15 Fév 2015 - 18:47

    Merci beaucoup !
    Anonymous
    Invité

    Mar 17 Fév 2015 - 15:37

    :love:
    Kitty Kat.
    Kitty Kat.
    FémininAge : 30Messages : 86

    Mar 17 Fév 2015 - 18:16

    Je te l'empreinte, j'adore ! Merci du partage ! :)
    Ellye
    Ellye
    FémininAge : 28Messages : 6

    Mar 17 Fév 2015 - 19:21

    Merci du partage il est magnifique !



    QEEL Gris/Rose - Page 2 689178Signaturebis
    Win
    Win
    Age : 32Messages : 114

    Mer 18 Fév 2015 - 13:27

    Thank you!



    QEEL Gris/Rose - Page 2 Spiritxz4
    Adèle
    Adèle
    FémininAge : 33Messages : 96

    Mer 18 Fév 2015 - 13:43

    Merci beaucoup ♥
    Neymar
    Neymar
    MasculinAge : 26Messages : 139

    Jeu 19 Fév 2015 - 12:31

    Que le Hawn t'aide dans ta vie de codeur et de générosité u_u
    Meranii
    Meranii
    FémininAge : 28Messages : 53

    Jeu 19 Fév 2015 - 14:18

      Merci beaucoup pour ce tutoriel.



    QEEL Gris/Rose - Page 2 Namiet10
    Pokahontas
    Pokahontas
    FémininAge : 27Messages : 28

    Jeu 19 Fév 2015 - 22:51

    merci !
    Amacky
    Amacky
    FémininAge : 32Messages : 135

    Ven 20 Fév 2015 - 14:27

    Merci à vous :)
    Azzuen
    Azzuen
    FémininAge : 26Messages : 61

    Ven 20 Fév 2015 - 16:24

    Merci beaucoup o/
    xodramm
    xodramm
    FémininAge : 46Messages : 286

    Sam 21 Fév 2015 - 3:00

    merci
    Sachikou
    Sachikou
    FémininAge : 24Messages : 48

    Lun 23 Fév 2015 - 11:49

    Merci Very Happy



    QEEL Gris/Rose - Page 2 Signa111
    Thalia Grace
    Thalia Grace
    FémininAge : 28Messages : 66

    Lun 23 Fév 2015 - 14:08

    C'est sublime ♥
    zbou
    zbou
    FémininAge : 30Messages : 83

    Mar 24 Fév 2015 - 11:58

    Merci beaucoup c'est magnifique
    avatar
    Catblack
    FémininAge : 28Messages : 85

    Mer 25 Fév 2015 - 12:44

    magnifique merci beaucoup !
    angy
    angy
    FémininAge : 42Messages : 72

    Jeu 26 Fév 2015 - 18:35

    Merci :)
    Dark6nika
    Dark6nika
    FémininAge : 31Messages : 118

    Jeu 26 Fév 2015 - 20:49

    Une super idée réalisé superbement ♥ Merci beaucoup de partager cela avec nous =)



    Leelo
    Leelo
    FémininAge : 33Messages : 157

    Ven 27 Fév 2015 - 21:12

    oh merci
    Heine06
    Heine06
    FémininAge : 44Messages : 57

    Sam 28 Fév 2015 - 15:09

    Merci beaucoup pour le partage !!
    Contenu sponsorisé


      La date/heure actuelle est Jeu 21 Nov 2024 - 10:00