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 : -16%
Friteuse sans huile NINJA Foodi Dual Zone 7,6 L 2400W ...
Voir le deal
135.01 €

    QEEL en dégradé de vert

    Sauney
    Sauney
    FémininAge : 29Messages : 435

    Ven 10 Oct 2014 - 2:14

    Et le deuxième LS qui va avec la PA en dégradé de vert et les Catégories en dégradé de vert .

    Alors, un exemple pour se mettre dans le bain :
    QEEL en dégradé de vert 886614qeeldgradvert


    Allez dans "Panneau d'administration" > "Affichage" > "Templates" > "Général" > "index_body"
    Chercher la partie entre
    Code:
    <!-- BEGIN disable_viewonline -->
    CODE
    <!-- END disable_viewonline -->

    Remplacez tout ça par :
    Code:
    <!-- BEGIN disable_viewonline -->
    <table class="cadre_qeel" width="100%" border="0" cellspacing="1" cellpadding="0">
       <tr>
          <td colspan="2" height="28" align="center">
          <!-- BEGIN switch_viewonline_link -->
          <span class="qeel_titre"><a class="qeel_titre" href="{U_VIEWONLINE}" rel="nofollow"><img class="qeel_titre" src="http://img11.hostingpics.net/pics/629131qeel.png" alt="Qui est dans l'Apoclypse ?" /></a></span>
          <!-- END switch_viewonline_link -->

          <!-- BEGIN switch_viewonline_nolink -->
                      <span class="qeel_titre"><img class="qeel_titre" src="http://img11.hostingpics.net/pics/629131qeel.png" alt="Qui est dans l'Apoclypse ?" /></span>
          <!-- END switch_viewonline_nolink -->
          </td>
       </tr>
         <tr>
          <td colspan="2" align="center"><div class="groupes_qeel">
          <p class="groupe1">Groupe1</p>
          <p class="groupe2">Groupe2</p>
          <p class="groupe3">Groupe3</p>
          <p class="groupe4">Groupe4</p>
          <p class="groupe5">Groupe5</p>
          <p class="groupe6">Groupe6</p>
          <p class="groupe7">Groupe7</p></div></td>
       </tr>
       <tr><td><div class="infos_qeel"><span class="gensmall">{TOTAL_POSTS}<br />
          {TOTAL_USERS}<br />
                    {NEWEST_USER}<br />
                    {TOTAL_USERS_ONLINE}<br />
              {RECORD_USERS}</span></div></td>
              <td><div class="membres_liste"><span class="gensmall">
                {TOTAL_USERS_ONLINE}<br />
                {LOGGED_IN_USER_LIST}</span></div>
              </td>
      </tr>
      <tr><td align="right" colspan="2"><span class="gensmall" style="font-size: 10px;padding-right: 5px;">Codage : Sauney de <a href="http://www.never-utopia.com/">Never Utopia</a></span>
    </td>
       </tr>
    </table>
    <!-- END disable_viewonline -->
    Enregistrez et n'oubliez pas de publier !

    P.S.: J'ai supprimé les anniversaires, les membres connectés au cours des dernières Xh et les données de la CB(utilisateurs en ligne).

    Et pour le CSS rendez-vous dans "Panneau d'administration" > "Affichage" > "Images et couleurs" > "Couleurs" > "Feuille de style CSS" et ajoutez :
    Code:
    /* DEBUT DU QEEL */
    .cadre_qeel{
    width: 950px;
    margin: 50px auto 10px auto;
    background: linear-gradient( #c9de96, #398235); /* gère le dégradé, 1ère couleur= couleur du haut, 2ième couleur= couleur du bas */
    border-width: 4px 2px 4px 2px;
    border-style: solid;
    border-color: #fff;
    border-radius: 10px 0px 10px 0px;
    color: #121212;
    padding: -20px 5px 5px 5px;
    font-size: 12px;
    }
    .qeel_titre, a.qeel_titre, a.qeel_titre:active, a.qeel_titre:visited{
    position: relative;
    top: -15px;
    font-family: 'Georgia';
    font-size: 25px;
    text-align: center;
    text-decoration: none !important;
    color: #398235;
    text-shadow: 1px 1px 1px #000;
    }
    a.qeel_titre:hover{
    text-decoration: none !important;
    color: #c9de96;
    text-shadow: 1px 1px 1px #000;
    transition: 350ms color linear, 350ms text-shadow linear;
    }
    .infos_qeel{
    position: relative;
    float: left;
    width: 450px;
    height: auto;
    padding: 10px 5px 10px 10px;
    text-align: left;
    }
    .membres_liste{
    position: relative;
    float: right;
    width: 450px;
    height: 50px;
    overflow-y: auto;
    padding: 10px 5px 10px 10px;
    border-left: 2px solid #fff;
    text-align: left;
    }
    /* Code les groupes */
    .groupes_qeel{
    width: 650px;
    height: 30px;
    margin: -30px auto -15px auto;
    padding: 10px;
    }
    .groupe1, .groupe2, .groupe3, .groupe4, .groupe5, .groupe6, .groupe7 {
    display: inline;
    font-weight: bold;
    font-family: 'Patrick Hand SC';
    text-align: center;
    font-size: 20px;
    text-shadow: 0px 0px 2px #000;
    }
    .groupe1 {
    color: #dd5549 !important;
    margin-right: 20px; 
    }
    .groupe2 {
    color: #5176b4 !important;
    margin-right: 20px; 
    }
    .groupe3 {
    color: #d19656 !important;
    margin-right: 20px; 
    }
    .groupe4 {
    color: #579c5a !important;
    margin-right: 20px; 
    }
    .groupe5 {
    color: #8A2388 !important;
    margin-right: 20px; 
    }
    .groupe6 {
    color: #3AA19F !important;
    margin-right: 20px; 
    }
    .groupe7 {
    color: #666262 !important; 
    }
    /* FIN DU QEEL */
    Enregistrez et voilà Very Happy

    P.S. : La couleur de la police, des liens autres que ceux des forums se modifiera pour adopter celle que vous avez mise en place, de même pour les soulignement des liens. Wink

    Mettre un crédit vers Never-Utopia est obligatoire. Retirer un crédit est interdit.
    Si vous avez des problèmes avec ce LS, venez poster ici.
    Merci de laisser un message pour donner vos impressions, commentaires et/ou remerciements ^^



    QEEL en dégradé de vert Signne10
    Anonymous
    Invité

    Dim 12 Oct 2014 - 12:51

    Hey !

    Tout me semble bon :3

    Je déplace, merci du partage Wink
    Maya Seiko
    Maya Seiko
    FémininAge : 31Messages : 129

    Jeu 16 Oct 2014 - 11:46

    merci ^^
    Féhéla
    Féhéla
    FémininAge : 51Messages : 238

    Mar 21 Oct 2014 - 19:12

    merci
    picka234
    picka234
    FémininAge : 59Messages : 636

    Mer 29 Oct 2014 - 9:20

    merci!!!
    avatar
    Lovelybush
    FémininAge : 33Messages : 61

    Mer 29 Oct 2014 - 17:20

    super sympa !
    .lovely
    .lovely
    FémininAge : 27Messages : 54

    Mer 29 Oct 2014 - 18:41

    parfait!
    Just4Adventure
    Just4Adventure
    MasculinAge : 29Messages : 48

    Mer 29 Oct 2014 - 20:49

    Arigato. Very Happy
    plushmasters
    plushmasters
    FémininAge : 32Messages : 71

    Sam 1 Nov 2014 - 22:12

    Je love :)
    Ryoma
    Ryoma
    MasculinAge : 37Messages : 420

    Lun 3 Nov 2014 - 7:46

    Merci bien. ^^
    Lessien
    Lessien
    FémininAge : 42Messages : 163

    Mar 4 Nov 2014 - 23:10

    Merci :)
    Emelyne
    Emelyne
    FémininAge : 43Messages : 77

    Sam 8 Nov 2014 - 23:54

    merci ♥
    Cruelly
    Cruelly
    FémininAge : 31Messages : 2605

    Lun 10 Nov 2014 - 1:46

    Merci



    :heart: :heart:
    avatar
    Soha
    FémininAge : 28Messages : 5

    Lun 10 Nov 2014 - 16:55

    Merci beaucoup :heart:



    Selfura
    Selfura
    MasculinAge : 32Messages : 54

    Mar 11 Nov 2014 - 15:34

    Merki =)



    QEEL en dégradé de vert 1420386819-sign-deathrock
    avatar
    Daryel
    FémininAge : 37Messages : 358

    Jeu 20 Nov 2014 - 15:07

    Merci beaucoup :)
    Anonymous
    Invité

    Jeu 20 Nov 2014 - 16:58

    Very Happy
    surrender
    surrender
    FémininAge : 28Messages : 18

    Jeu 11 Déc 2014 - 21:14

    merci beaucoup !
    Anonymous
    Invité

    Lun 22 Déc 2014 - 21:55

    Merci ! :toto:
    Ajartielle
    Ajartielle
    FémininAge : 36Messages : 87

    Mar 23 Déc 2014 - 18:13

    Je ne sais pas si c'est un oubli, mais le "Il y a en tout 1 utilisateur en ligne :: 1 Enregistré, 0 Invisible et 0 Invité" est à la fois à gauche et à droite, donc en double. Et le "ses" du titre me fait mal aux yeux. Sad

    Par contre, j'adore le design. C'est exactement mon genre : Pas trop gros, pas trop de fioritures. Simple et efficace. Du coupe, merci pour le beau travail. ^^
    Téoz
    Téoz
    FémininAge : 35Messages : 38

    Dim 4 Jan 2015 - 2:31

    merci :)
    EUPHORIE*
    EUPHORIE*
    FémininAge : 33Messages : 6

    Ven 16 Jan 2015 - 19:28

    Merci !
    Fame
    Fame
    MasculinAge : 34Messages : 240

    Sam 7 Fév 2015 - 16:32

    Merci :)
    Kraken
    Kraken
    FémininAge : 31Messages : 137

    Dim 8 Fév 2015 - 20:39

    merci !
    Anonymous
    Invité

    Jeu 12 Fév 2015 - 19:12

    Merci
    Contenu sponsorisé


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