# QEEL n°1 ~

Un Magnifique Qeel !

Je sais que vous êtes nombreux à demander le code de ce qeel très connus (qeel = Qui est en ligne). Je les fais à la demande de Vict', en espérant qu'il servira aussi à d'autres personnes ^^

# QEEL n°1 ~ Qeel10

Visible ici → http://artland.forumactif.fr/

Vous devez cependant avoir deux conditions :
► Être en Phbb2
► Pouvoir toucher aux templates, c'est à dire, être le fondateur du forum, sinon c'est impossible de les modifier !

► Panneau d'administration > Affichage > Couleurs > Feuille CSS
Mettez ceci :

Code:: .statistiques{
border:0px;
background-image: url("IMAGE EN BAS");
background-repeat: no-repeat;
background-position: left;
height:270px;}

.groupes{
background-color:#FFFFFF;border: 1px #D0D0D0 dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}

→ Pour cette partie là : "background-position: left;"
Left : Image à Gauche; Center : Image au Centre; Right : Image à Droite.

► Panneau d'administration > Affichage > Templates > Général (sous templates !) > index_body

Cherchez ceci :

Code:: 
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
… </script>


</td>
</tr>

</table>

Remplace ceci par ça :

Code:: 
<table cellspacing="2" cellpadding="2" width="900" border="0" class="statistiques">
<tr>
<td width="15%"></td>
<td width="50%">
 <center>
 <a href="PREMIER LIEN(URL)">NOM DE TON LIEN</a> <img src="http://i31.tinypic.com/mugck1.jpg">
<a href="TON DEUXIÈME LIEN">NOM DE TON LIEN </a> <img src="http://i31.tinypic.com/mugck1.jpg">
 <a href="TON TROISIÈME LIEN">NOM DE TON LIEN </a> <img src="http://i31.tinypic.com/mugck1.jpg">
 <a href="TON DERNIER LIEN">NOM DE TON LIEN</a> 
{TOTAL_POSTS}. {TOTAL_USERS}

{NEWEST_USER} 
{TOTAL_USERS_ONLINE} 
{LOGGED_IN_USER_LIST}</center> 
<td width="5%"></td>
</tr>
</table>

<table border="0" cellspacing="3" cellpadding="0" width="700" align="center" style="text-align: justify">
{L_CONNECTED_MEMBERS}</table>
<img src="URL DE TON IMAGE ICI SANS LES [IMG]">

Les explications sont dans la partie ci-dessus ! ^o^

Voilà ! Si vous avez des questions, postez-les à la suite =)

Merci..:, mais...
Le résultat est... comment dire... comme ça :

Spoiler:

?? Je me suis trompée quelque part ?

Alors, une question : Quel est ton navigateur ?

Ensuite, pour t'expliquer un peu :

► Pour les bords arrondis des groupes, ça c'est à cause de ton navigateur.
► Les membres connectés au cours des dernières 24heures sont de cette couleur car il a la couleur du cadre intérieur du forum, et donc, comme tu as un fond imagé, sa fait bizarre, mais si tu le souhaites, je peux te trouver un code qui te permettras de mettre ton fond d'image de forum au fond des membres connectés au cours des dernières 24heures.
► L'image est au centre, car je l'ai choisis ainsi dans le code CSS, mais pour la mettre à droite, il te suffit de mettre "right" pour la droite et pour la gauche, il te suffit de mettre "left", voilà en gros :

Spoiler:

Génial !
J'essaie tout de suite, mais je vais utiliser un forum d'essai, comme je suis sûre qu'il n'y aura pas de risques.
J'ai internet explorer, et je veux bien le code pour mettre le fond à la place de la couleur.
Merci beaucoup !

S'intègre enfin au forum Messages : 129 Puf : Saphirou x)

Je voulais savoir .... Comment on fait pour rajouter 1 lien ?

Se fait un peu moins timide Messages : 51 Puf : /

J'ai voulu essayer et ... ça a rien changer xD Il a quelque chose avec Mozilla ?

Vict' > De rien. Oui, je vais te chercher ça ^^

Saphir > C'est marqué dans le code =)
Alors, tu vois ce code là :

Code:: 
<table cellspacing="2" cellpadding="2" width="900" border="0" class="statistiques">
<tr>
<td width="15%"></td>
<td width="50%">
 <center>
 <a href="[color=red]PREMIER LIEN(URL)[/color]">NOM DE TON
LIEN</a> <img
src="http://i31.tinypic.com/mugck1.jpg">
<a href="TON DEUXIÈME LIEN">NOM DE TON LIEN
</a> <img
src="http://i31.tinypic.com/mugck1.jpg">
 <a href="TON TROISIÈME LIEN">NOM DE TON LIEN
</a> <img
src="http://i31.tinypic.com/mugck1.jpg">
 <a href="TON DERNIER LIEN">NOM DE TON
LIEN</a> 
{TOTAL_POSTS}. {TOTAL_USERS} 
{NEWEST_USER} 
{TOTAL_USERS_ONLINE} 
{LOGGED_IN_USER_LIST}</center> 
<td width="5%"></td>
</tr>
</table>

<table border="0" cellspacing="3" cellpadding="0" width="700" align="center" style="text-align: justify">
{L_CONNECTED_MEMBERS}</table>
<img src="URL DE TON IMAGE ICI SANS LES [IMG]">

Eh bien, dedans tu vas trouver sa :

Code:: <a href="[color=red]PREMIER LIEN(URL)[/color]">NOM DE TON
LIEN</a> <img
src="http://i31.tinypic.com/mugck1.jpg">
<a href="TON DEUXIÈME LIEN">NOM DE TON LIEN
</a> <img
src="http://i31.tinypic.com/mugck1.jpg">
 <a href="TON TROISIÈME LIEN">NOM DE TON LIEN
</a> <img
src="http://i31.tinypic.com/mugck1.jpg">
 <a href="TON DERNIER LIEN">NOM DE TON
LIEN</a>

Et à chaque fois que tu vois sa dedans :

Code:: <a href="[color=red]PREMIER LIEN(URL)[/color]">

Tu remplace PREMIER LIEN(URL) par ton lien url ^o^
Bien sûr, là c'est pour mettre le lien url du groupe =)
Mais sinon en HTML, les liens url, sa se construit toujours comme ceci :

Code:: <a href="[color=red]PREMIER LIEN(URL)[/color]"> TON TEXTE </a>

Voilà. J'espère avoir était assez claire dans mon charabia blablatant x)

Fusionnelle > Non, mais il faut que ton forum soit bien en Phbb2.
Vérifie aussi que tu n'as pas oublié de validée.
Réponds aussi à ses questions, sa m'aidera peut-être à t'aider ^^ : Quel est la version de ton navigateur ? Avais-tu déjà modifié ton CSS et ton template avant ? Voilà =)

S'intègre enfin au forum Messages : 129 Puf : Saphirou x)

Heu moi Wapi il y a un gors problème, dès que je fais sa, il y a une image qui se met au centre derrière les liens !

Ah, c'est normal, regarde le tout premier commentaire, c'est le même problème que Vict', j'ai mis les explications en lui répondant.
C'est l'image de ton QEEL ^^

S'intègre enfin au forum Messages : 129 Puf : Saphirou x)

Oui bas il faudra m'aider ! x)

Ben.. comme pour Vict' quoi xD

► L'image est au centre, car je l'ai choisis ainsi dans le code CSS,
mais pour la mettre à droite, il te suffit de mettre "right" pour la
droite ; et pour la gauche, il te suffit de mettre "left", voilà en gros :

Spoiler:

Bah moi ça bug à mort, enfin moins mais ça beg quand même, regarde : http://essaiwarriors4.forumgratuit.org/

Le fond est blanc, l'image se répète deux fois, et une case est coupée...

S'intègre enfin au forum Messages : 129 Puf : Saphirou x)

Moi sa fait pas comme sa !
Sa fait bien les liens mais il y a une image derrière je la connais même pas & le texte Le membre le plus récent ... & bas il va sur l'image & on le voit plus ! :S

Tu peux me passer le lien ou faire une capture d'écran.
Tu as du te tromper dans le code ^^

Se fait un peu moins timide Messages : 51 Puf : /

Ah mince, je n'avais pas vu mais il l'a mis en attente. (j'avais oublié de valider xP)
Donc, c'est pas parfait. J'ai quelques problèmes avec me CSS, moi ^^'

L'image n'apparaît pas et la dernière catégorie s'est divisée en deux, l'autre bout est en dessous. ^^'

Voilà >.<

[Je ne sais pas faire les captures d'images, je ne peux pas te montrer ^^"]

Merci =)

Ah oui !
Ben pour Saphir c'est sûrement la même chose ! Il ne faut pas oublier de valider ! Via le tableau d'administration > Affichage > Template > Général, et là tu verras un bouton à côté de ton template et tu valides !

Pour toi, Fusionnelle, je ne comprends pas... Pour faire une capture d'écran, tu as sur ton clavier (sa dépend) soit "Impr. Écran" soit "PRTSC SYSRQ" ^^
Ou alors passe moi le lien par MP !

S'intègre enfin au forum Messages : 129 Puf : Saphirou x)

Heu ...
Wapi, je ne sais pas faire de captures d'images ! ... :S

C'est juste au dessus x)

bonjour -ou bonsoir xD- moi aussi j'ai un problème avec l'image ^^'' elle n'apparaît pas x) . J’ai fais une capture d'écran :

Spoiler:

comment on fait pour mettre l'image ? oO

Hello =)

Tu as bien remplit la partie en rouge (histoire de vérifier), voir ci-dessous :
En revanche, il ne faut pas qu'elle soit trop lourde sinon elle ne s'affiche pas. Essaye avec d'autre hébergeur autre que servimg.com, le problème peut venir de là aussi ^^

.statistiques{
border:0px;
background-image: url("IMAGE EN BAS");
background-repeat: no-repeat;
background-position: center;
height:270px;}

.groupes{
background-color:#FFFFFF;border: 1px #D0D0D0 dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}

haaaaaaaaaaaa okai xD je savais aps que c'était dans la CSS maintenant je le sais xD ! merci wapi ^^

De rien x)
*Soulagée*

Ça m'avance aussi que je fasse des erreurs..
J'vais faire une mise à jour dans le code ^_^

Salut!

Alors déjà désolée du gros necropost, mais c'était pour te demander ou tu avais eu l'image du QEEL? (Le chat noir).

Dans les ressources d'un forum de graph.. Je sais plus si c'est WA, AOC ou autres... Sa fait pas mal de temps que je l'avais. Pourquoi ?

Edit:
En fait c'est bon, mais j'ai comme qui dirait un petit problème, voila ce que sa donne sa:

Spoiler:

J'y pige plus rien....