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.

-50%
Le deal à ne pas rater :
-50% sur les sacs à dos pour ordinateur portable Urban Factory ...
19.99 € 39.99 €
Voir le deal

    QEEL en dégradé de vert

    Sauney
    Sauney
    FémininAge : 28Messages : 435

    Ven 10 Oct 2014 - 2:14

    Rappel du premier message :

    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 - Page 2 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 - Page 2 Signne10
    Filou
    Filou
    FémininAge : 32Messages : 162

    Lun 2 Mar 2015 - 21:30

    J'ai remarqué quelque chose sur l'image, mais Ajartielle a était plus rapide que moi :3
    Sinon, résultat sympa et léger < j'aime la simplicité (dans certain cas xD)

    Merci pour le code et le partage ^^
    Tchii
    Tchii
    FémininAge : 38Messages : 285

    Dim 12 Avr 2015 - 16:28

    Coucou.
    Merci beaucoup pour le partage.
    A trés vite:
    Tchii!

    Kokoro Korou
    Kokoro Korou
    MasculinAge : 28Messages : 74

    Lun 13 Avr 2015 - 0:57

    Simple mais jolie, merci ! Very Happy
    patriciadpt30
    patriciadpt30
    FémininAge : 61Messages : 240

    Sam 18 Avr 2015 - 11:00

    curieuse comme toujours merci pour voir :)



    Patricia :)
    Matec39
    Matec39
    MasculinAge : 38Messages : 5

    Sam 18 Avr 2015 - 13:00

    Jolie format
    avatar
    Hop80
    MasculinAge : 34Messages : 138

    Ven 8 Mai 2015 - 0:23

    merci
    anaelscott
    anaelscott
    FémininAge : 34Messages : 22

    Sam 23 Mai 2015 - 19:47

    C'est tout vert ! Very Happy merci
    Eshon
    Eshon
    FémininAge : 43Messages : 197

    Mer 3 Juin 2015 - 19:22

    Merci !
    Snape.
    Snape.
    FémininAge : 27Messages : 55

    Mer 10 Juin 2015 - 21:30

    Merci !



    QEEL en dégradé de vert - Page 2 Tumblr_mqz0udGEEI1sx2peuo4_250QEEL en dégradé de vert - Page 2 Tumblr_mqz0udGEEI1sx2peuo6_250
    ARIZONA DREAM
    ARIZONA DREAM
    FémininAge : 24Messages : 33

    Jeu 11 Juin 2015 - 11:23

    merci !
    Le Renard
    Le Renard
    MasculinAge : 33Messages : 11

    Jeu 30 Juil 2015 - 18:37

    Merci !



    QEEL en dégradé de vert - Page 2 34rzsav
    DarkMasamune
    DarkMasamune
    FémininAge : 31Messages : 63

    Sam 1 Aoû 2015 - 15:01

    Yop ! Merci !
    EOS
    EOS
    MasculinAge : 31Messages : 34

    Jeu 10 Sep 2015 - 22:05

    merci
    Anonymous
    Invité

    Ven 11 Sep 2015 - 14:33

    Merci ! (^(I)^)
    Seiryu
    Seiryu
    FémininAge : 24Messages : 68

    Sam 12 Sep 2015 - 21:32

    Merci o/
    Zekarant
    Zekarant
    MasculinAge : 22Messages : 51

    Mer 23 Sep 2015 - 21:38

    Merci
    Raymanou
    Raymanou
    MasculinAge : 31Messages : 49

    Jeu 15 Oct 2015 - 18:37

    merci
    Pikabouh
    Pikabouh
    FémininAge : 22Messages : 123

    Jeu 22 Oct 2015 - 15:12

    Merci ^^
    ~Nodoka~
    ~Nodoka~
    FémininAge : 27Messages : 185

    Ven 23 Oct 2015 - 14:52

    merci
    Whit
    Whit
    FémininAge : 26Messages : 154

    Sam 31 Oct 2015 - 11:20

    Merci !
    Shakespeare
    Shakespeare
    FémininAge : 34Messages : 110

    Mer 11 Nov 2015 - 19:23

    Merci !
    Arkaline
    Arkaline
    FémininAge : 33Messages : 195

    Mer 11 Nov 2015 - 20:55

    Merci ! :)



    Arkaline
    v-r0
    v-r0
    FémininAge : 32Messages : 40

    Sam 19 Déc 2015 - 22:28

    :gene: Wow!
    lacoste
    lacoste
    MasculinAge : 30Messages : 30

    Mer 20 Jan 2016 - 19:11

    merci
    blastrall
    blastrall
    MasculinAge : 29Messages : 41

    Sam 6 Fév 2016 - 15:14

    merci bien
    Contenu sponsorisé


      La date/heure actuelle est Jeu 28 Mar 2024 - 13:13