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

    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
    Prismatic
    FémininAge : 19Messages : 31

    le Jeu 1 Jan 2015 - 21:55

    Merci du partage ^^ !
    avatar
    Kimay
    FémininAge : 24Messages : 1994

    le Lun 5 Jan 2015 - 16:14

    Merci encore Wink




    avatar
    Chocolakato
    FémininAge : 28Messages : 795

    le Mar 6 Jan 2015 - 19:21

    Génial!



    avatar
    Raween
    FémininAge : 26Messages : 110

    le Mer 7 Jan 2015 - 19:28

    Merci <3
    avatar
    Ajartielle
    FémininAge : 30Messages : 87

    le Mer 7 Jan 2015 - 19:47

    Je trouve ce QEEl très beau ! En plein mon genre : Visuellement pas trop chargé, simple et joli en même temps. ^^

    Merci à la personne qui en a eu l'idée et au codeur qui l'a réalisé. Very Happy
    avatar
    Dastan
    MasculinAge : 34Messages : 111

    le Lun 12 Jan 2015 - 22:56

    Un Qeel magnifique! aéré, pas trop chargé, il est quasiment parfait !
    avatar
    Cruelly
    FémininAge : 25Messages : 2563

    le Mar 13 Jan 2015 - 0:58

    il est tout simplement magnifique merci beaucoup :hug2:



    MON PROJET :heart: j'ai besoin d'avis ^^


    avatar
    poussette59
    FémininAge : 33Messages : 158

    le Jeu 15 Jan 2015 - 9:52

    merci beaucoup pour ce partage
    avatar
    Stitch56
    FémininAge : 24Messages : 200

    le Jeu 15 Jan 2015 - 12:57

    Merci ^^
    avatar
    Moriarty
    FémininAge : 23Messages : 85

    le Dim 18 Jan 2015 - 16:38

    Merci !
    avatar
    Halloween
    FémininAge : 24Messages : 9752

    le Jeu 22 Jan 2015 - 20:06

    Merci Henry




    < / Libre service codage >
    avatar
    summerby
    FémininAge : 24Messages : 36

    le Jeu 22 Jan 2015 - 20:42

    très jolie :)
    avatar
    damon w salvatore
    FémininAge : 30Messages : 109

    le Sam 24 Jan 2015 - 5:41

    merci
    avatar
    Freya Lazare
    FémininAge : 31Messages : 112

    le Lun 26 Jan 2015 - 18:41

    Très sympa ^^
    avatar
    Saphire
    FémininAge : 20Messages : 146

    le Mar 27 Jan 2015 - 21:14

    Merci !!!
    avatar
    O'Daim
    FémininAge : 22Messages : 116

    le Mer 28 Jan 2015 - 15:15

    Simple mais tout à fait ce que je cherchais ** Merci beaucoup
    avatar
    Archeos
    FémininAge : 21Messages : 60

    le Mer 28 Jan 2015 - 19:46

    Classe. **



    avatar
    Invité

    le Ven 30 Jan 2015 - 16:49

    merci Very Happy
    avatar
    Crowley
    FémininAge : 21Messages : 68

    le Dim 1 Fév 2015 - 17:43

    Vraiment sympa, merci du partage :)
    avatar
    Kellen
    FémininAge : 26Messages : 13

    le Lun 2 Fév 2015 - 1:45

    Merci du partage
    avatar
    Esperanga
    FémininAge : 29Messages : 101

    le Lun 2 Fév 2015 - 19:22

    merci du partage :)



    avatar
    bubulle
    FémininAge : 31Messages : 76

    le Mar 3 Fév 2015 - 13:57

    merci
    avatar
    G U E R L A I N
    FémininAge : 27Messages : 154

    le Mer 4 Fév 2015 - 4:39

    merci du partage Very Happy



    avatar
    Lilynufare
    FémininAge : 27Messages : 341

    le Mer 4 Fév 2015 - 14:30

    magnifique, merci !
    Contenu sponsorisé


      La date/heure actuelle est Mar 19 Juin 2018 - 0:47