Placer le texte du QEEL

[Pouss']

Bonjour !

Voilà, je suis en train de construire un forum et pour ce qui est du QEEL et des templates, je n'ai pas suffisamment de connaissances.
Voilà mon forum : http://nineteeneighty4.forumactif.org/forum.htm
Le QEEL comportera l'image qui est présente, et le texte. Seulement, j'aimerais placer le texte dans le cadre prévu de l'image, mais je ne sais pas quels codes sont nécessaires pour cela.

Merci pour votre aide !

[Kiirii]

Bonjour,

Justement nous avons besoin d'une template pour une petite modification:

PA
Affichage
Templates
Général
Index_body

Cherchez cette ouverture de balise:

Code:

<td align="center" style="width: 600px;">

Puis remplacez-la par celle-ci:

Code:

<td align="center" style="width: 600px;" class="position_qeel">

et

---

Direction le CSS maintenant

PA
Affichage
Images et couleurs
Couleurs
Feuille de Style CSS

Ajoutez ce code:

Code:


.position_qeel{
padding-top: 285px;
padding-right: 40px;
}


Validez

[Pouss']

Quelle réponse claire et précise, merci !
Malheureusement, j'ai encore quelques petits soucis...

Voici le QEEL tel qu'il apparait avec la modification proposée, comme le montre la flèche, j'aimerais que les groupes se situent au dessus du cadre, et que le texte, quant à lui, se situe bien dans le cadre prévu. Je ne sais pas si c'est possible...



Voici le code de mon template pour la partie concernée, si nécessaire...

Code:

<table align="center" cellspacing="2" cellpadding="2" width="780" border="0" class="statistiques">
 <tr>
<td align="center" style="width: 600px;" class="position_qeel"><justify>
<span class="groupes"> <a href="http://nineteeneighty4.forumactif.org/groupcp.forum?g=3"><font color="#BDB6B6" size="1"><b>FBI</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"><a href="http://nineteeneighty4.forumactif.org/groupcp.forum?g=2"><font color="#CC6A14" size="1"><b>Gangsta</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://nineteeneighty4.forumactif.org/groupcp.forum?g=4"><font color="#2E5C25" size="1"><b>Policiers Infiltrés</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://nineteeneighty4.forumactif.org/groupcp.forum?g=5"><font color="#A30E03" size="1"><b>Gangsta Infiltrés</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://nineteeneighty4.forumactif.org/groupcp.forum?g=6"><font color="#2C3F8A" size="1"><b>Citizens</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">

<br><br>
<span class="gensmall">
<span id="matt">{TOTAL_USERS}</span><script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/membres enregistrés/,"infiltrations au sein de la ville");</script>.
<span id="kumao">{TOTAL_POSTS}</span><script type="text/javascript">document.getElementById('kumao').innerHTML=document.getElementById('kumao').innerHTML.replace(/Nos membres ont posté un total de/," Elles sont responsables de");</script><script type="text/javascript">document.getElementById('kumao').innerHTML=document.getElementById('kumao').innerHTML.replace(/messages/," messages cryptés");</script>. <br>
<span id="yosh">{NEWEST_USER}</span><script type="text/javascript">document.getElementById('yosh').innerHTML=document.getElementById('yosh').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"La dernière infiltration porte le nom de code");</script>. <br><br>
<span id="human">{RECORD_USERS}</span><script type="text/javascript">document.getElementById('human').innerHTML=document.getElementById('human').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne est de/,"Les infiltrations sont montées jusqu'à");</script> <br>
<span id="resistance">{TOTAL_USERS_ONLINE}</span><script type="text/javascript">document.getElementById('resistance').innerHTML=document.getElementById('resistance').innerHTML.replace(/utilisateur en ligne/,"infiltration actuelle");</script><script type="text/javascript">document.getElementById('resistance').innerHTML=document.getElementById('resistance').innerHTML.replace(/utilisateurs en ligne/,"infiltrations actuelles");</script><script type="text/javascript">document.getElementById('resistance').innerHTML=document.getElementById('resistance').innerHTML.replace(/Enregistré/,"Agent connu");</script>
<script type="text/javascript">document.getElementById('resistance').innerHTML=document.getElementById('resistance').innerHTML.replace(/Enregistrés/,"Agents connus");</script>
<script type="text/javascript">document.getElementById('resistance').innerHTML=document.getElementById('resistance').innerHTML.replace(/Invisible/,"Infiltré");</script>
<script type="text/javascript">document.getElementById('resistance').innerHTML=document.getElementById('resistance').innerHTML.replace(/Invisibles/,"Infiltrés");</script>
<script type="text/javascript">document.getElementById('resistance').innerHTML=document.getElementById('resistance').innerHTML.replace(/Invité/,"Curieux");</script>
<script type="text/javascript">document.getElementById('resistance').innerHTML=document.getElementById('resistance').innerHTML.replace(/Invités/,"Curieux");</script>. <br />
      <br />
<span id="now">{LOGGED_IN_USER_LIST}</span><script type="text/javascript">document.getElementById('now').innerHTML=document.getElementById('now').innerHTML.replace(/Utilisateurs enregistrés/,"Noms de code des infiltrations actuelles");</script></span><br></justify></td>
</tr>
<tr align="center" text-align="justify" style="background-color:#120101;">
<span id="hanover">{L_CONNECTED_MEMBERS}</span><script type="text/javascript"> document.getElementById('hanover').innerHTML=document.getElementById('hanover').innerHTML.replace(/Membres/,"Infiltrés"); </script>
</tr>
</table>

Merci encore !

[Kiirii]

Pas de problèmes on va essayer d'arranger ça.
Je propose deux solutions choisissez-en une seulement.

1^ère Méthode: les br

Comme dans votre code vous pouvez juste ajouter des balises <br /> comme à la fin de ce code ci-dessous:


Code:

<span class="groupes"> <a href="http://nineteeneighty4.forumactif.org/groupcp.forum?g=3"><font color="#BDB6B6" size="1"><b>FBI</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"><a href="http://nineteeneighty4.forumactif.org/groupcp.forum?g=2"><font color="#CC6A14" size="1"><b>Gangsta</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://nineteeneighty4.forumactif.org/groupcp.forum?g=4"><font color="#2E5C25" size="1"><b>Policiers Infiltrés</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://nineteeneighty4.forumactif.org/groupcp.forum?g=5"><font color="#A30E03" size="1"><b>Gangsta Infiltrés</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://nineteeneighty4.forumactif.org/groupcp.forum?g=6"><font color="#2C3F8A" size="1"><b>Citizens</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">

<br><br>

Erreurs les balises br à la fin du code n'ont pas pas de /, il faudra les ajouter.

et

---

2^ème Méthode: le CSS

Toujours sans changer les modifications précédentes, cherchez ce code:


Code:

<span class="groupes"> <a href="http://nineteeneighty4.forumactif.org/groupcp.forum?g=3"><font color="#BDB6B6" size="1"><b>FBI</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"><a href="http://nineteeneighty4.forumactif.org/groupcp.forum?g=2"><font color="#CC6A14" size="1"><b>Gangsta</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://nineteeneighty4.forumactif.org/groupcp.forum?g=4"><font color="#2E5C25" size="1"><b>Policiers Infiltrés</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://nineteeneighty4.forumactif.org/groupcp.forum?g=5"><font color="#A30E03" size="1"><b>Gangsta Infiltrés</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://nineteeneighty4.forumactif.org/groupcp.forum?g=6"><font color="#2C3F8A" size="1"><b>Citizens</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">


Et remplacez-le par celui-ci:


Code:

<div class="qeel_groupes"><span class="groupes"> <a href="http://nineteeneighty4.forumactif.org/groupcp.forum?g=3"><font color="#BDB6B6" size="1"><b>FBI</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"><a href="http://nineteeneighty4.forumactif.org/groupcp.forum?g=2"><font color="#CC6A14" size="1"><b>Gangsta</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://nineteeneighty4.forumactif.org/groupcp.forum?g=4"><font color="#2E5C25" size="1"><b>Policiers Infiltrés</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://nineteeneighty4.forumactif.org/groupcp.forum?g=5"><font color="#A30E03" size="1"><b>Gangsta Infiltrés</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://nineteeneighty4.forumactif.org/groupcp.forum?g=6"><font color="#2C3F8A" size="1"><b>Citizens</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg"></div>

et


---


Dans le CSS maintenant ajoutez ceci:


Code:


.qeel_groupes{
margin-bottom: 100px;
}


J'ai mis la valeur 100px à l'aveuglette peut-être qu'il faudra plus ou moins, je ne sais pas du coup ce sera à vous d'ajuster ce chiffre si besoin est.
Validez

[Pouss']

Bonsoir
J'ai essayé les deux solutions données, mais ce n'est pas tout à fait ce que je voudrais faire.
En faisant cela, en réalité, les noms des groupes ne remontent pas, c'est le texte qui descend et est alors hors du cadre.

N'y a-t-il pas une solution pour placer exactement où l'on veut du texte dans le QEEL ? Par exemple dans une PA personnalisée, on peut, par des coordonnées, mettre des liens exactement là où on les souhaite sur une image. Est-ce que quelque chose dans ce style existe pour placer exactement un texte sur le QEEL ?

Désolée pour l'exigence

[Anzu]

Bonsoir,

Mieux ? (Je n'ai pas votre image de fond de qeel, donc j'ai du faire à l'aveuglette > <)

=>

Code:

<table align="center" cellspacing="2" cellpadding="2" width="780" border="0" class="statistiques">
 <tr>
<td align="center" style="width: 600px;" class="position_qeel"><justify>
<span class="groupes"> <a href="http://nineteeneighty4.forumactif.org/groupcp.forum?g=3"><font color="#BDB6B6" size="1"><b>FBI</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"><a href="http://nineteeneighty4.forumactif.org/groupcp.forum?g=2"><font color="#CC6A14" size="1"><b>Gangsta</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://nineteeneighty4.forumactif.org/groupcp.forum?g=4"><font color="#2E5C25" size="1"><b>Policiers Infiltrés</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://nineteeneighty4.forumactif.org/groupcp.forum?g=5"><font color="#A30E03" size="1"><b>Gangsta Infiltrés</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://nineteeneighty4.forumactif.org/groupcp.forum?g=6"><font color="#2C3F8A" size="1"><b>Citizens</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg"></td></tr><tr><td>

<br><br>
<span class="gensmall">
<span id="matt">{TOTAL_USERS}</span><script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/membres enregistrés/,"infiltrations au sein de la ville");</script>.
<span id="kumao">{TOTAL_POSTS}</span><script type="text/javascript">document.getElementById('kumao').innerHTML=document.getElementById('kumao').innerHTML.replace(/Nos membres ont posté un total de/," Elles sont responsables de");</script><script type="text/javascript">document.getElementById('kumao').innerHTML=document.getElementById('kumao').innerHTML.replace(/messages/," messages cryptés");</script>. <br>
<span id="yosh">{NEWEST_USER}</span><script type="text/javascript">document.getElementById('yosh').innerHTML=document.getElementById('yosh').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"La dernière infiltration porte le nom de code");</script>. <br><br>
<span id="human">{RECORD_USERS}</span><script type="text/javascript">document.getElementById('human').innerHTML=document.getElementById('human').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne est de/,"Les infiltrations sont montées jusqu'à");</script> <br>
<span id="resistance">{TOTAL_USERS_ONLINE}</span><script type="text/javascript">document.getElementById('resistance').innerHTML=document.getElementById('resistance').innerHTML.replace(/utilisateur en ligne/,"infiltration actuelle");</script><script type="text/javascript">document.getElementById('resistance').innerHTML=document.getElementById('resistance').innerHTML.replace(/utilisateurs en ligne/,"infiltrations actuelles");</script><script type="text/javascript">document.getElementById('resistance').innerHTML=document.getElementById('resistance').innerHTML.replace(/Enregistré/,"Agent connu");</script>
<script type="text/javascript">document.getElementById('resistance').innerHTML=document.getElementById('resistance').innerHTML.replace(/Enregistrés/,"Agents connus");</script>
<script type="text/javascript">document.getElementById('resistance').innerHTML=document.getElementById('resistance').innerHTML.replace(/Invisible/,"Infiltré");</script>
<script type="text/javascript">document.getElementById('resistance').innerHTML=document.getElementById('resistance').innerHTML.replace(/Invisibles/,"Infiltrés");</script>
<script type="text/javascript">document.getElementById('resistance').innerHTML=document.getElementById('resistance').innerHTML.replace(/Invité/,"Curieux");</script>
<script type="text/javascript">document.getElementById('resistance').innerHTML=document.getElementById('resistance').innerHTML.replace(/Invités/,"Curieux");</script>.

     

<span id="now">{LOGGED_IN_USER_LIST}</span><script type="text/javascript">document.getElementById('now').innerHTML=document.getElementById('now').innerHTML.replace(/Utilisateurs enregistrés/,"Noms de code des infiltrations actuelles");</script></span><br></justify></td>
</tr>
<tr align="center" text-align="justify" style="background-color:#120101;">
<span id="hanover">{L_CONNECTED_MEMBERS}</span><script type="text/javascript"> document.getElementById('hanover').innerHTML=document.getElementById('hanover').innerHTML.replace(/Membres/,"Infiltrés"); </script>
</tr>
</table>

Cordialement.

[Pouss']

Voici l'image du QEEL : http://a.imageshack.us/img718/6092/84qeel.jpg

Et voici ce que cela donne avec votre code :
https://2img.net/h/oi56.tinypic.com/aws31w.jpg

Je ne sais même pas si ce que je demande est possible, mais j'ai vu des forums avec un QEEL placé exactement où il le fallait sur l'image de fond donc j'imagine que oui...
Merci en tout cas !

[Anzu]

Oubliez la modification du template que j'ai faite, on va faire autrement =>

Kiiri vous a donné ceci à mettre dans la CSS =>

Code:


.position_qeel{
padding-top: 285px;
padding-right: 40px;
}

C'est le padding-top qui pose problème. Soit vous le diminuez, soit vous le retirez.

Et ensuite, placez des
juste après les codes pour les groupes dans votre template, le texte descendra

Cordialement.

[Pouss']

Voilà ça donne plus ce que je recherchais Merci beaucoup !

J'ai encore une question, après ça devrait enfin être résolu totalement... j'espère.
J'ai changé quelques trucs dans mon code pour que les groupes soient centrés et le texte soit à droite, mais... j'ai beau vérifier et essayer dans tous les sens, mon texte se met à gauche, comme vous pouvez le voir sur le forum, sans que je ne comprenne pourquoi, quelque chose doit m'échapper.
Si vous trouvez mon erreur... :/

Code:

<table align="center" cellspacing="2" cellpadding="2" width="780" border="0" class="statistiques">
 <tr>
<td style="width: 600px;" class="position_qeel"><justify>
<center><span class="groupes"> <a href="http://nineteeneighty4.forumactif.org/groupcp.forum?g=3"><font color="#BDB6B6" size="1"><b>FBI</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"><a href="http://nineteeneighty4.forumactif.org/groupcp.forum?g=2"><font color="#CC6A14" size="1"><b>Gangsta</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://nineteeneighty4.forumactif.org/groupcp.forum?g=4"><font color="#2E5C25" size="1"><b>Policiers Infiltrés</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg"><br/><br/><br/>
<span class="groupes"> <a href="http://nineteeneighty4.forumactif.org/groupcp.forum?g=5"><font color="#A30E03" size="1"><b>Gangsta Infiltrés</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://nineteeneighty4.forumactif.org/groupcp.forum?g=6"><font color="#2C3F8A" size="1"><b>Citizens</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg"></center>

<br/><br/><br/><br/><br/><br/><br/><br/><br/>
<span align="right" class="gensmall">
<span id="matt">{TOTAL_USERS}</span><script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/membres enregistrés/,"infiltrations au sein de la ville");</script>.
<span id="kumao">{TOTAL_POSTS}</span><script type="text/javascript">document.getElementById('kumao').innerHTML=document.getElementById('kumao').innerHTML.replace(/Nos membres ont posté un total de/," Elles sont responsables de");</script><script type="text/javascript">document.getElementById('kumao').innerHTML=document.getElementById('kumao').innerHTML.replace(/messages/," messages cryptés");</script>. <br>
<span id="yosh">{NEWEST_USER}</span><script type="text/javascript">document.getElementById('yosh').innerHTML=document.getElementById('yosh').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"La dernière infiltration porte le nom de code");</script>. <br><br>
<span id="human">{RECORD_USERS}</span><script type="text/javascript">document.getElementById('human').innerHTML=document.getElementById('human').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne est de/,"Les infiltrations sont montées jusqu'à");</script> <br>
<span id="resistance">{TOTAL_USERS_ONLINE}</span><script type="text/javascript">document.getElementById('resistance').innerHTML=document.getElementById('resistance').innerHTML.replace(/utilisateur en ligne/,"infiltration actuelle");</script><script type="text/javascript">document.getElementById('resistance').innerHTML=document.getElementById('resistance').innerHTML.replace(/utilisateurs en ligne/,"infiltrations actuelles");</script><script type="text/javascript">document.getElementById('resistance').innerHTML=document.getElementById('resistance').innerHTML.replace(/Enregistré/,"Agent connu");</script>
<script type="text/javascript">document.getElementById('resistance').innerHTML=document.getElementById('resistance').innerHTML.replace(/Enregistrés/,"Agents connus");</script>
<script type="text/javascript">document.getElementById('resistance').innerHTML=document.getElementById('resistance').innerHTML.replace(/Invisible/,"Infiltré");</script>
<script type="text/javascript">document.getElementById('resistance').innerHTML=document.getElementById('resistance').innerHTML.replace(/Invisibles/,"Infiltrés");</script>
<script type="text/javascript">document.getElementById('resistance').innerHTML=document.getElementById('resistance').innerHTML.replace(/Invité/,"Curieux");</script>
<script type="text/javascript">document.getElementById('resistance').innerHTML=document.getElementById('resistance').innerHTML.replace(/Invités/,"Curieux");</script>. <br />
      <br />
<span id="now">{LOGGED_IN_USER_LIST}</span><script type="text/javascript">document.getElementById('now').innerHTML=document.getElementById('now').innerHTML.replace(/Utilisateurs enregistrés/,"Noms de code des infiltrations actuelles");</script></span><br></justify></td>
</tr>
<tr align="center" text-align="justify" style="background-color:#120101;">
<span id="hanover">{L_CONNECTED_MEMBERS}</span><script type="text/javascript"> document.getElementById('hanover').innerHTML=document.getElementById('hanover').innerHTML.replace(/Membres/,"Infiltrés"); </script>
</tr>
</table>

[Pouss']

Je me permets un petit up...
En précisant que j'ai essayé de place les balises "right" ailleurs, avant le span, après aussi, en enlevant le justify... mais rien n'y fait, ça reste aligné à gauche...

Edit : je viens de trouver ma solution...
Encore merci pour votre aide ! Je mets le sujet en résolu.