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 : 26Messages : 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
    didicmy
    FémininAge : 27Messages : 69

    le Dim 6 Aoû 2017 - 14:16

    C'est parfait ! :) Merci
    avatar
    Shiro Amakusa
    MasculinAge : 23Messages : 40

    le Mar 8 Aoû 2017 - 11:22

    Merchiiii Very Happy
    avatar
    Titou2302
    MasculinAge : 15Messages : 95

    le Sam 19 Aoû 2017 - 14:32

    Merci

    avatar
    Katia89
    FémininAge : 29Messages : 4

    le Sam 19 Aoû 2017 - 17:33

    Le QUEEL est trop beau. Merci :)
    avatar
    Cythère
    FémininAge : 29Messages : 36

    le Mer 23 Aoû 2017 - 2:16

    Merci :)
    avatar
    Jupanda
    FémininAge : 18Messages : 72

    le Ven 25 Aoû 2017 - 14:29

    C'est trop joli, merci **
    avatar
    Caroline Forbes
    FémininAge : 20Messages : 27

    le Ven 25 Aoû 2017 - 17:39

    Merci ♥
    avatar
    Louna Luna
    FémininAge : 23Messages : 147

    le Jeu 31 Aoû 2017 - 14:05

    Très joli merci !
    avatar
    Lamia
    FémininAge : 23Messages : 145

    le Mar 5 Sep 2017 - 21:55

    Merci !!!
    avatar
    Soon
    FémininAge : 31Messages : 83

    le Sam 16 Sep 2017 - 19:39

    Merci pour beaucoup pour le partage
    Magnifique :heart: :lovebomb:
    avatar
    Baylee Hamilton
    FémininAge : 23Messages : 53

    le Mar 19 Sep 2017 - 3:13

    merci:)
    avatar
    Ghost of Darkness
    FémininAge : 24Messages : 43

    le Ven 22 Sep 2017 - 16:29

    Merci pour celui qui l'a demandé...et merci pour l'artiste qui l'a fait ! *__*
    C'est vraiment beau et épuré ♥ j'adore !



    Ghost of Darkness
    All my friends are heathens, take it slow. Wait for them to ask you who you know. Please dont make any sudden moves. You don't know the half od the abuse.


    avatar
    Lixies
    FémininAge : 26Messages : 12

    le Dim 24 Sep 2017 - 22:16

    Merci beaucoup !
    avatar
    Plumy
    FémininAge : 27Messages : 33

    le Jeu 28 Sep 2017 - 0:20

    Merciii beaucoup Very Happy
    avatar
    Momiji-chan
    FémininAge : 20Messages : 38

    le Mar 10 Oct 2017 - 17:52

    Merci :)
    avatar
    Tiffany.
    FémininAge : 28Messages : 12

    le Dim 15 Oct 2017 - 14:48

    ùerci
    avatar
    Ayfoth
    MasculinAge : 28Messages : 1267

    le Lun 16 Oct 2017 - 9:08

    Merci pour le code



    avatar
    November
    MasculinAge : 18Messages : 50

    le Ven 27 Oct 2017 - 10:55

    Merci beaucoup!
    avatar
    Newteen
    FémininAge : 29Messages : 53

    le Mar 14 Nov 2017 - 16:29

    Hello ! très jolie !



    "-Voudriez-vous me dire, s'il vous plaît, par où je dois m'en aller d'ici ?
    -Cela dépend beaucoup de l'endroit où tu veux aller.
    -Peu importe l'endroit...
    -En ce cas, peu importe la route que tu prendras.
    -... pourvu que j'arrive quelque part »
    avatar
    Globule
    FémininAge : 19Messages : 50

    le Mer 22 Nov 2017 - 16:54

    MERCHIII
    avatar
    LittleMuffin
    FémininAge : 22Messages : 20

    le Ven 1 Déc 2017 - 20:39

    C'est magnifique, merci du partage :lovebomb:
    avatar
    Zackeyn
    MasculinAge : 27Messages : 7

    le Mer 6 Déc 2017 - 14:25

    Merci. :)
    avatar
    Alsan
    MasculinAge : 21Messages : 53

    le Lun 11 Déc 2017 - 23:09

    Merci
    avatar
    nini
    FémininAge : 33Messages : 19

    le Mar 12 Déc 2017 - 19:14

    Merci
    avatar
    Kyuujin
    MasculinAge : 21Messages : 12

    le Mer 13 Déc 2017 - 0:19

    Gracie Mille !
    Contenu sponsorisé


      La date/heure actuelle est Mar 13 Nov 2018 - 21:44