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 en dégradé de vert

    Partagez
    avatar
    Sauney
    FémininAge : 22Messages : 428

    le 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 :


    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 ^^



    avatar
    Halloween
    FémininAge : 24Messages : 9751

    le Dim 12 Oct 2014 - 12:51

    Hey !

    Tout me semble bon :3

    Je déplace, merci du partage Wink




    < / Libre service codage >
    avatar
    Maya Seiko
    FémininAge : 24Messages : 122

    le Jeu 16 Oct 2014 - 11:46

    merci ^^
    avatar
    Féhéla
    FémininAge : 44Messages : 238

    le Mar 21 Oct 2014 - 19:12

    merci
    avatar
    picka234
    Age : 53Messages : 440

    le Mer 29 Oct 2014 - 9:20

    merci!!!



    Lovelybush
    FémininAge : 26Messages : 45

    le Mer 29 Oct 2014 - 17:20

    super sympa !
    avatar
    .lovely
    FémininAge : 21Messages : 54

    le Mer 29 Oct 2014 - 18:41

    parfait!
    avatar
    Just4Adventure
    MasculinAge : 23Messages : 48

    le Mer 29 Oct 2014 - 20:49

    Arigato. Very Happy
    avatar
    plushmasters
    FémininAge : 25Messages : 70

    le Sam 1 Nov 2014 - 22:12

    Je love :)
    avatar
    Ryoma
    MasculinAge : 30Messages : 420

    le Lun 3 Nov 2014 - 7:46

    Merci bien. ^^
    avatar
    Lessien
    FémininAge : 35Messages : 163

    le Mar 4 Nov 2014 - 23:10

    Merci :)
    avatar
    Emelyne
    FémininAge : 36Messages : 77

    le Sam 8 Nov 2014 - 23:54

    merci ♥
    avatar
    Cruelly
    FémininAge : 25Messages : 2563

    le Lun 10 Nov 2014 - 1:46

    Merci



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


    avatar
    Soha
    FémininAge : 21Messages : 5

    le Lun 10 Nov 2014 - 16:55

    Merci beaucoup :heart:



    avatar
    Selfura
    MasculinAge : 26Messages : 54

    le Mar 11 Nov 2014 - 15:34

    Merki =)



    Daryel
    FémininAge : 31Messages : 357

    le Jeu 20 Nov 2014 - 15:07

    Merci beaucoup :)
    avatar
    Invité

    le Jeu 20 Nov 2014 - 16:58

    Very Happy
    avatar
    surrender
    FémininAge : 21Messages : 17

    le Jeu 11 Déc 2014 - 21:14

    merci beaucoup !
    avatar
    Invité

    le Lun 22 Déc 2014 - 21:55

    Merci ! :toto:
    avatar
    Ajartielle
    FémininAge : 29Messages : 87

    le 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. ^^
    avatar
    Téoz
    FémininAge : 29Messages : 38

    le Dim 4 Jan 2015 - 2:31

    merci :)
    avatar
    EUPHORIE*
    FémininAge : 26Messages : 6

    le Ven 16 Jan 2015 - 19:28

    Merci !
    avatar
    Fame
    MasculinAge : 28Messages : 229

    le Sam 7 Fév 2015 - 16:32

    Merci :)
    avatar
    Kraken
    FémininAge : 25Messages : 137

    le Dim 8 Fév 2015 - 20:39

    merci !
    avatar
    Invité

    le Jeu 12 Fév 2015 - 19:12

    Merci
    Contenu sponsorisé


      La date/heure actuelle est Dim 27 Mai 2018 - 15:33