L'annuaire des forums Forumactif
votre référence en terme de référencement et de développement de forums.
 




 [Ketsuka] QEEL pour Good Pub

VincentAttaliavatar
Messages : 104
Bonjour à tous,

Le lien du forum où le code sera installé : http://good-pub.forumactif.fr/
Lien de la publicité sur l'annuaire : http://www.forumsdeforumactif.com/t13503-forum-de-pub-good-pub
Support de mise en page : Qui est en ligne
Résultat en : A mettre dans le template
Type de mise en page : Colorée
----------------------------------------------------
Plan : http://img11.hostingpics.net/pics/972978schemaqeel.png (stats' à gauche et 24 dernières heures + annivs' à droite)
Description plus détaillée : //
Les couleurs : Fond : #F7C191  Cadre : #EBD6AB
Texte : Titre : "Qui fais sa pub ?"
Image(s) : //
D'autres commentaires : //


Merci bpc !
VincentAttaliavatar
Messages : 104
Petit UP ! Very Happy
VincentAttaliavatar
Messages : 104
VincentAttaliavatar
Messages : 104
InvitéInvitéavatar

Coucou Vincent,
J'adore ton avatar qui inspire la joie. ♥
Je te pris de nous excusez du retard! Heureusement que tu as UP.
Alors, je pense que je vais prendre ta commande de-suite.
Je suppose que tu es en PhpBB2!
Merci de profiter de notre service Wink
A tout à l'heure, j'éditerais dans la soirée !
VincentAttaliavatar
Messages : 104
Merci !
Par contre tu me diras où placer les codes stp car je sais pas Razz

Vincent

PS : Merci pour l'avatar Smile
InvitéInvitéavatar

Alors, voilà le premier rendu.
http://xpketsu.forumactif.com/
Dit moi ce que tu en penses Wink
Ce que tu veux modifier aussi! =)

T'inquiète, je t'expliquerais tous ^^
VincentAttaliavatar
Messages : 104
Je peux avoir le code ?
J'aimerais tester stp.

Merci bcp de ton aide.
Tu fais un super boulot toi et tout le Staff de ce forum.

Merci à tous ! Smile
InvitéInvitéavatar
D'accord, voyons ce que ça donne sur ton forum alors. ♥
Tout d'abords, tu vas mettre ce code délicatement dans la Template "index_body" entre
Code:
<!-- BEGIN disable_viewonline --> et <!-- END disable_viewonline -->
Les Templates se trouvent dans onglet "Affichage" du "Panneau d'Administration".
Code:
<!-- DEBUT DU QEEL DE KETSUKA COMMANDE SUR ANNUAIRE DES FORUMS FORUMACTIF -->

<table cellspacing="10" width="900px" id="QEEL">
   <tr>
      <td width="150px" rowspan="2" id="Groupes" valign="top">
         <h1>Groupes</h1>
<!-- DEBUT DE LA LISTE DES GROUPES -->
               <a href="LIEN">¦ <font color="#8AC1BE" size="2"><b>Administrateurs</b></font></a><br/>
               <a href="LIEN">¦ <font color="#AAAAE0" size="2"><b>Modérateurs</b></font></a><br/>
               <a href="LIEN">¦ <font color="#000" size="2"><b>NOM DU GROUPE</b></font></a><br/>
               <a href="LIEN">¦ <font color="#000" size="2"><b>NOM DU GROUPE</b></font></a><br/>
<!-- FIN DE LA LISTE DES GROUPES -->
      </td>
      <td colspan="2" valign="top">
         <h1>Qui est en ligne ?</h1>
         {LOGGED_IN_USER_LIST}
      </td>
   </tr><tr>
      <td width="40%" valign="top"><h1>Statistiques </h1>
         {TOTAL_USERS_ONLINE} <br /> {NEWEST_USER} <br /> {TOTAL_USERS} <br /> {TOTAL_POSTS}
      </td>
      <td width="40%" valign="top">         <h1>Qui était en ligne ?</h1>
         <table class="table_1"><tr><td>{L_CONNECTED_MEMBERS}</td></tr></table>     
                  <h1>Anniversaires  </h1>
         <table class="table_1"><tr><td>{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</td></tr></table>
      </td>
   </tr>
</table>
<div style="font-size: 10px; text-align: right;">   Réalisation de ce "Qui est en ligne?" par <strong>Ketsuka</strong> sur <a href="">L'annuaire des Forums de Forumactif</a></div>

<!-- FIN DU QEEL DE KETSUKA COMMANDE SUR ANNUAIRE DES FORUMS FORUMACTIF -->

Et tu places ceci dans ta Fiche de Style CSS (dans "Affichage" puis "Couleurs")
Code:
/*------------------------------------
Début du CSS du QEEL
----
CSS & HTML réalisés par Ketsuka

Ce code est une réalisation originale et tombe donc sous l'application du Code de la Propriété Intellectuelle.
Toute reproduction partielle ou totale de ce code est strictement interdite sans l'accord de son auteur.
----
http://www.forumsdeforumactif.com
--------------------------------------*/

   #QEEL {
      margin: 20px;
      background-color: #F7C191
   }
   #QEEL td {
      padding: 10px;
      margin: 20px;
      border-radius: 15px;
      font-size: 10px;
      border: 2px solid #EBD6AB
   }
   #QEEL h1 {
      font-family: Arial;
      text-align: center;
      color: #9AA0A0;
      text-transform: capitalize;
      letter-spacing: 5px;
      font-size: 12px;
      margin-top: 0px;
   }
   #QEEL .table_1 td {
      background-image: none !important;
      background-color: transparent !important;
      border: 0px !important;
      
   }
   
/*------------------------------------
Fin du CSS du QEEL
----
CSS & HTML réalisés par Ketsuka

Ce code est une réalisation originale et tombe donc sous l'application du Code de la Propriété Intellectuelle.
Toute reproduction partielle ou totale de ce code est strictement interdite sans l'accord de son auteur.
----
http://www.forumsdeforumactif.com
--------------------------------------*/
VincentAttaliavatar
Messages : 104
J'aimerais revoir mes textes remplacés.
Good Pubeurs, Visiteurs etc...
Et aussi tu peux mettre une police orange pour les titres ?
Et le même orange mais plus clair pour le texte ?


Et j'aimerais mettre des infobulles dès qu'on passe la souris sur un groupe.


Merci bcp.


Vincent
ScratV.I.P.avatar
Messages : 2075
Bonsoir,

Si le créateur a indiqué des crédits dans son code, tu te dois de les garder effectivement. Smile C'est un gage de reconnaissance de la part de l'utilisateur envers le créateur.
VincentAttaliavatar
Messages : 104
Dsl, le lien a été corrigé.
InvitéInvitéavatar
D'accord. Je pense que c'est une bonne idée. On pourrait placer le logo Parole de Chat sous les statistiques aussi. Indique moi exactement ce que tu veux remplacer, le contenu des infobulles (texte) et le code de la couleur orange. Essaye de me faciliter le travail. ^^ Plus les informations seront données rapidement, plus vite tu seras satisfait.
Merci Murtagh ♥
VincentAttaliavatar
Messages : 104
Pour le logo, c'est ok.
Infobulles :
Fondateur : Il a créé le forum et le gère n'hésitez pas à le contacter pour tout problème.
Assistants : Les membres de ce groupe cumulent deux postes, ce sont les assistants du Fondateur.
Modérateurs : Il font respecter le règlement et font régner une bonne ambiance sur Good Pub.
Graphistes : Ils préparent vos créations pour vos forums : logos, bannières, boutons, kits ...
Analystes : Le Analystes vous donnent un avis sur votre forum et aident à l'améliorer.
Correcteurs : Ils laissent passer aucune faute sur votre forum, ils le corrige.
Codeurs : Ils vous aident à développer l'aspect esthétique se votre forum grâce à différents codes.
Animateurs : C'est eux qui préparent les jeux et concours : il font la joie et la bonne humeur de Good Pub
V.I.P : Ce sont les membres très actifs ou les anciens membres du Staff.
Partenaires : Ils sont alliés avec nous grâce à un échange de logo ou de bannière.
Good Pubeurs : Les membres du forum sans quoi le forum n’existerait pas aujourd'hui.

Couleur texte : Finalement, laisse les couleurs comme ça. dsl.
Couleur titres : Finalement, laisse les couleurs comme ça. dsl.

Remplacement du texte : Qui est en ligne ?
Utilisateurs enregistrés >>> Good Pubeurs

Stats' : (dans l'ordre)

utilisateurs >>> personnes
Enregistré >>> Good Pubeur
Invité >>> Visiteur
L'utilisateur enregistré le plus récent est >>> Nous souhaitons la bienvenue à PSEUDO, le dernier membre !
membres >>> Good Pubeurs **et si possible** enregistrés >>> inscrits
membres >>> Good Pubeurs

Qui était en ligne :

Membres >>> Good Pubeurs


Anniversaires :
s
membre >>> Good Pubeur
Membres >>> Good Pubeurs







Et aussi mettre avant le logo de Paroles de chats la disponibilité des services Voilà le code entier (Disponibilités + logo) :

Code:
<b><u><font color="#8C00FF">Service Graphique</u> :</font><font color="green"> Ouvert</font><b><br>
<b><u><font color="#3F8A2C">Service Analytique</u> :</font><font color="green"> Ouvert</font><b><br>
<b><u><font color="#0B8F79">Service Orthographique</u> :</font><font color="green"> Ouvert</font><b><br>
<b><u><font color="#C25236">Service Codage</u> :</font><font color="green"> Ouvert</font><b><br><br>

<a href="http://paroles-de-chats.forumactif.fr/" class="postlink" target="_blank" rel="nofollow"><img src="http://img11.hostingpics.net/pics/857759602231Bouton.png" border="0" alt="" /></a>



MERCI !






InvitéInvitéavatar

Voilà! Alors dit moi ce que tu en penses maintenant Smile
http://xpketsu.forumactif.com/
VincentAttaliavatar
Messages : 104
Tu peux juste faire comme sur mon fow ?
Soulignage et sautage de ligne etc..
Le logo de Paroles de chat a expiré aujourd'hui !
Tu peux l'enlever Razz Dsl.

Merci sinon c'est top
Super boulot !
InvitéInvitéavatar

Alors, je pense qu'on y est presque! Smile
http://xpketsu.forumactif.com/
VincentAttaliavatar
Messages : 104
Parfait !
Tu peux me donner le code !
Merci de tout ton travail ! Razz


Vincent
InvitéInvitéavatar
Alors voilà le code que tu dois placer dans ta Template, comme je te l'ai déjà expliqué.
Code:
    <!-- DEBUT DU QEEL DE KETSUKA COMMANDE SUR ANNUAIRE DES FORUMS FORUMACTIF -->
   
    <table cellspacing="10" width="900px" id="QEELGP">
      <tr>
          <td width="150px" rowspan="2" id="Groupes" valign="top">
            <h1>Groupes</h1>
    <!-- DEBUT DE LA LISTE DES GROUPES -->

¦ <a href="#" class="Bulle"><font size="2" color="FF0000"><b>Fondateur</b></font>
<span>Il a créé le forum et le gère. N'hésitez pas à le contacter pour tout problème.</span></a><br><br>
¦ <a href="#" class="Bulle"><font size="2" color="#FA7B4D"><b>Assistants</b></font>
<span>Les membres de ce groupe cumulent deux postes, ce sont les assistants du Fondateur.</span></a><br><br>
¦ <a href="#" class="Bulle"><font size="2" color="#FF8C00"><b>Modérateurs</b></font>
<span>Il font respecter le règlement et font régner une bonne ambiance sur Good Pub.</span></a><br><br>
¦ <a href="#" class="Bulle"><font size="2" color="#8C00FF"><b>Graphistes</b></font>
<span>Ils préparent vos créations pour vos forums : logos, bannières, boutons, kits ...</span></a><br><br>
¦ <a href="#" class="Bulle"><font size="2" color="#3F8A2C"><b>Analystes</b></font>
<span>Les Analystes vous donnent un avis sur votre forum et aident à l'améliorer.</span></a><br><br>
¦ <a href="#" class="Bulle"><font size="2" color="#0B8F79"><b>Correcteurs</b></font>
<span>Ils laissent passer aucune faute sur votre forum. Ils le corrigent.</span></a><br><br>
¦ <a href="#" class="Bulle"><font size="2" color="#C25236"><b>Codeurs</b></font>
<span>Ils vous aident à développer l'aspect esthétique de votre forum grâce à différents codes.</span></a><br><br>
¦ <a href="#" class="Bulle"><font size="2" color="#BFA917"><b>Animateurs</b></font>
<span>C'est eux qui préparent les jeux et concours : il font la joie et la bonne humeur de Good Pub.</span></a><br><br>
¦ <a href="#" class="Bulle"><font size="2" color="#33ADFF"><b>V.I.P</b></font>
<span>Ce sont les membres très actifs ou les anciens membres du Staff.</span></a><br><br>
¦ <a href="#" class="Bulle"><font size="2" color="#7657F2"><b>Partenaires</b></font>
<span>Ils sont alliés avec nous grâce à un échange de logo ou de bannière.</span></a><br><br>
¦ <a href="#" class="Bulle"><font size="2" color="#0000FF"><b>Good Pubeurs</b></font>
<span>Les membres du forum sans quoi le forum n’existerait pas aujourd'hui.</span></a><br><br>

    <!-- FIN DE LA LISTE DES GROUPES -->
          </td>
          <td colspan="2" valign="top">
            <h1>Qui est en ligne ?</h1>
            <span id="Change_Utilisateur">{LOGGED_IN_USER_LIST}
          <script type="text/javascript">document.getElementById('Change_Utilisateur').innerHTML=document.getElementById('Change_Utilisateur').innerHTML.replace(/Utilisateurs enregistrés/,"Good Pubeurs");</script></span>
          </td>
      </tr><tr>
          <td width="40%" valign="top"><h1>Statistiques </h1>
            <span id="Change_Utilisateur1">{TOTAL_USERS_ONLINE}
          <script type="text/javascript">document.getElementById('Change_Utilisateur1').innerHTML=document.getElementById('Change_Utilisateur1').innerHTML.replace(/utilisateurs/,"personne");
          document.getElementById('Change_Utilisateur1').innerHTML=document.getElementById('Change_Utilisateur1').innerHTML.replace(/Enregistrés/,"Good Pubeurs");
          document.getElementById('Change_Utilisateur1').innerHTML=document.getElementById('Change_Utilisateur1').innerHTML.replace(/Invités/,"Visiteurs");
          document.getElementById('Change_Utilisateur1').innerHTML=document.getElementById('Change_Utilisateur1').innerHTML.replace(/utilisateur/,"personne");
          document.getElementById('Change_Utilisateur1').innerHTML=document.getElementById('Change_Utilisateur1').innerHTML.replace(/Enregistré/,"Good Pubeur");
                          document.getElementById('Change_Utilisateur1').innerHTML=document.getElementById('Change_Utilisateur1').innerHTML.replace(/Invité/,"Visiteur");</script></span> <br/><br/>
            <span id="Change_Utilisateur2">{NEWEST_USER}
          <script type="text/javascript">document.getElementById('Change_Utilisateur2').innerHTML=document.getElementById('Change_Utilisateur2').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"Nous souhaitons la bienvenue à");</script>
              , le dernier membre!</span><br/><br/>
            <span id="Change_Utilisateur3">{TOTAL_USERS}
          <script type="text/javascript">document.getElementById('Change_Utilisateur3').innerHTML=document.getElementById('Change_Utilisateur3').innerHTML.replace(/membres enregistrés/,"Good Pubeurs inscrits.");</script></span><br/>
          <br />
            <span id="Change_Utilisateur4">{TOTAL_POSTS}<br/>
                          <script type="text/javascript">document.getElementById('Change_Utilisateur4').innerHTML=document.getElementById('Change_Utilisateur4').innerHTML.replace(/membres/,"Good Pubeurs");</script></span><br/><br/>
          <h1>Services de Good Pub</h1>
    <b><u><font color="#8C00FF">Service Graphique</u> :</font><font color="green"> Ouvert</font><b><br>
    <b><u><font color="#3F8A2C">Service Analytique</u> :</font><font color="green"> Ouvert</font><b><br>
    <b><u><font color="#0B8F79">Service Orthographique</u> :</font><font color="green"> Ouvert</font><b><br>
    <b><u><font color="#C25236">Service Codage</u> :</font><font color="green"> Ouvert</font><b><br><br>
   
          </td>
          <td width="40%" valign="top">        <h1>Qui était en ligne ?</h1>
            <span id="Change_Utilisateur5"><table class="table_1"><tr><td>{L_CONNECTED_MEMBERS}</td></tr></table>
          <script type="text/javascript">document.getElementById('Change_Utilisateur5').innerHTML=document.getElementById('Change_Utilisateur5').innerHTML.replace(/Membres/,"Good Pubeurs");</script></span>   
                      <h1>Anniversaires  </h1>
            <span id="Change_Utilisateur6"><table class="table_1"><tr><td>{L_WHOSBIRTHDAY_TODAY}<br/>{L_WHOSBIRTHDAY_WEEK}</td></tr></table>
          <script type="text/javascript">document.getElementById('Change_Utilisateur6').innerHTML=document.getElementById('Change_Utilisateur6').innerHTML.replace(/membre/,"Good Pubeur");
          document.getElementById('Change_Utilisateur6').innerHTML=document.getElementById('Change_Utilisateur6').innerHTML.replace(/membre/,"Good Pubeur");
          document.getElementById('Change_Utilisateur6').innerHTML=document.getElementById('Change_Utilisateur6').innerHTML.replace(/membres/,"Good Pubeurs");
          document.getElementById('Change_Utilisateur6').innerHTML=document.getElementById('Change_Utilisateur6').innerHTML.replace(/membres/,"Good Pubeurs");</script></span>   
</td></tr></table>
          </td>
      </tr>
    </table>
    <div style="padding: 5px 30px; font-size: 10px; text-align: right;">  Réalisation de ce "Qui est en ligne?" par <strong>Ketsuka</strong> sur <a href="">L'annuaire des Forums de Forumactif</a></div>
   
    <!-- FIN DU QEEL DE KETSUKA COMMANDE SUR ANNUAIRE DES FORUMS FORUMACTIF -->
Et tu places ceci dans ta Fiche de Style CSS
Code:
/*------------------------------------
Début du CSS du QEEL
----
CSS & HTML réalisés par Ketsuka

Ce code est une réalisation originale et tombe donc sous l'application du Code de la Propriété Intellectuelle.
Toute reproduction partielle ou totale de ce code est strictement interdite sans l'accord de son auteur.
----
http://www.forumsdeforumactif.com
--------------------------------------*/

   #QEELGP {
      margin: auto;
      background-color: #F7C191
   }
   #QEELGP td {
      padding: 10px;
      margin: 20px;
      border-radius: 20px;
      font-size: 10px;
      border: 2px solid #EBD6AB
   }
   #QEELGP h1 {
      font-family: Arial;
      text-align: center;
      color: #9AA0A0;
      text-transform: capitalize;
      text-decoration:underline;
      letter-spacing: 5px;
      font-size: 12px;
      margin-top: 0px;
   }
   #QEELGP .table_1 td {
      background-image: none !important;
      background-color: transparent !important;
      border: 0px !important;   
   }
   #QEELGP .Bulle {
      position: relative;
      cursor: help;
      display: inline-block;
      text-decoration: none;
      outline: none;
   }
   #QEELGP .Bulle span {
      visibility: hidden;
      position: absolute;
      bottom: 30px;
      left: 70%;
      z-index: 999;
      width: 230px;
      margin-left: -127px;
      padding: 10px;
      border: 2px solid #e1ca82;
      opacity: .9;
      background-color: #ffeaa6;
      background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
      background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
      background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
      background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
      background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
      -moz-border-radius: 4px;
      border-radius: 4px;
      -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
      -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
      box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
      text-shadow: 0 1px 0 rgba(255,255,255,.4);
   }
   #QEELGP .Bulle:hover { border: 0; }
   #QEELGP .Bulle:hover span { visibility: visible;}
   #QEELGP .Bulle span:before, #QEELGP .Bulle span:after {
      content: "";
      position: absolute;
      z-index: 999;
      bottom: -7px;
      left: 50%;
      margin-left: -8px;
      border-top: 8px solid #ffeaa6;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-bottom: 0;
   }
   #QEELGP .Bulle span:before {
      border-top-color: #ffeaa6;
      bottom: -8px;
   }
/*------------------------------------
Fin du CSS du QEEL
----
CSS & HTML réalisés par Ketsuka

Ce code est une réalisation originale et tombe donc sous l'application du Code de la Propriété Intellectuelle.
Toute reproduction partielle ou totale de ce code est strictement interdite sans l'accord de son auteur.
----
http://www.forumsdeforumactif.com
--------------------------------------*/
VincentAttaliavatar
Messages : 104
Je t'adore !! Smile

Merci à toi !!
Tu peux archvier
InvitéInvitéavatar

Si tu m'adores, tu peux maintenir mes copyrights sur mes codes?
Tout simplement parce que j'ai passé de longues heures sur ta commande gratuitement. ^^"
Si tu ne souhaites pas mettre de copyright, ce code terminera dans le Libre Service.
VincentAttaliavatar
Messages : 104
Dsl, tu ne pas le lien achque fois ! Smile
Je le met de suite !


EDIT : C'est bon Wink
InvitéInvitéavatar

D'accord. ^^
A Bientôt et bonne continuation.
Nous vérifions régulièrement les copyright.

,
 Sujets similaires
-
» [Ketsuka] QEEL pour Good Pub
» Petite création d'un QEEL pour un tout nouveau forum !
» [Ketsuka] Un petit Qeel pour Wild wide
» Modifier le texte du Qeel pour qu'il soit lumineux
» Codes CSS phpBB3

Répondre au sujet


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum

Modérer

Trames

  • Nos services
  • Prés. obligatoire
  • Référencé
  • Prérelance
  • 1ère relance
  • 2ème relance
  • Recherche (relance)
  • Recherche (corbeille)
  • Formulaire manquant
  • Formulaire incomplet
  • 1
  • 2
  • 3
  • 4
  • 5
  • Eval - Basique
  • Eval - RPG