Probleme code template qeel
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Probleme code template qeel
Bonjour,
Voila jai un soucis avec mon code pour mon qeel .
Enfaite avec lautre admin l'on a fait une image de fond (voir ci dessous) et nous aimerions avoir dans les cadres les informations qui correspond. Jai fait des recherches et je me suis aider de ce post :
https://forum.forumactif.com/t340570-qeel-en-image?highlight=Qeel
Cependant jai un soucis il me reste des <div> et <tr> en rouge . Du coup rien est dans limage.
Jespere que vous pourrez m'aider sur cela il nous manque que sa pour la nouvelle version.
L'image que l'on veut utiliser
La partie du template concernee
Mon css
Ce que j'obtiens sur le forum
http://sasha-art-test.forumactif.org/
Merci d'avance
Voila jai un soucis avec mon code pour mon qeel .
Enfaite avec lautre admin l'on a fait une image de fond (voir ci dessous) et nous aimerions avoir dans les cadres les informations qui correspond. Jai fait des recherches et je me suis aider de ce post :
https://forum.forumactif.com/t340570-qeel-en-image?highlight=Qeel
Cependant jai un soucis il me reste des <div> et <tr> en rouge . Du coup rien est dans limage.
Jespere que vous pourrez m'aider sur cela il nous manque que sa pour la nouvelle version.
L'image que l'on veut utiliser
- Spoiler:
La partie du template concernee
- Spoiler:
<!-- BEGIN disable_viewonline -->
<center><div class="qeel"><table width="100%" border="0" cellspacing="1" cellpadding="0">
<td rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}"/></td>
<tr>
<td><div class="connecté"><span class ="gensmall"><span id='mb_co'>{TOTAL_USER_ONLINE}<span><script type="text/javascript">document.getElement.ById('mb_co').innerHTML=document.getElementById('mb _co').innerHTLM.replace(/utilisateur en ligne/,"créateur(s) dans l'école") ;</script><br/></div></td>
<td><div class="statistiques"><td width="100%"<span class="gensmall"><span id="nb_messages">{TOTAL_POSTS}</span><script type="text/javascript">document.getElementById('nb_messages').innerHTML=document.getElementById('nb_messages').innerHTML.replace(/Nos membres/,"Nos créateurs");</script> <br />
<span id="mb_inscrit">{TOTAL_USERS}</span><script type="text/javascript">document.getElementById('mb_inscrit').innerHTML=document.getElementById('mb_inscrit').innerHTML.replace(/membre inscrit/,"créateur inscrit");</script><br />
<span id="newest">{NEWEST_USER}</span><script type="text/javascript">document.getElementById('newest').innerHTML=document.getElementById('newest').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"Le créateur enregistré le plus récent est");</script><br/>
<tr>
{RECORD_USERS}<br />
<br />
{LOGGED_IN_USER_LIST}
<span class="gensmall">{LEGEND}:{GROUP_LEGEND}</span>
{L_CONNECTED_MEMBERS}</div></td>
<td><div class="annivs"><table class="trans">{L_WHOSBIRTHDAY_TODAY}<span id="anniv">
</span>
{L_WHOSBIRTHDAY_WEEK}
<!-- BEGIN switch_chatbox_activate -->
<tr>
<td>
<span class="gensmall">{TOTAL_CHATTERS_ONLINE} : {CHATTERS_LIST}<br />
<!-- BEGIN switch_chatbox_popup -->
<div id="chatbox_popup"></div>
<script type="text/javascript">
//<![CDATA[
insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
//]]>
</script>
<!-- END switch_chatbox_popup -->
</span>
</td>
</tr>
<!-- END switch_chatbox_activate -->
</div></td>
</tr></table><\div><\center>
<!-- END disable_viewonline -->
Mon css
- Spoiler:
/*qeel*/
.trans .row1 {background-color:transparent;}
.qeel {background-image:url ("http://img11.hostingpics/pics/296834QEEL.png");
background-repeat : no-repeat;
height :361px;
width : 687px;
Padding-top:130px };
.connecté{
margin-left:55px;
width:227px;
height:171px;
overflow:auto;
margin-top:20px;
}
.statistiques{
margin-left:-40px;
margin-top:50px;
width:135px;
height:142px;
overflow:auto;
padding:5px}
.annivs{
margin-left:50px;
width:187px;
height:191px;
overflow:auto;
}
Ce que j'obtiens sur le forum
http://sasha-art-test.forumactif.org/
Merci d'avance
Dernière édition par Shanatracy le Mar 15 Oct 2013 - 0:29, édité 1 fois
Re: Probleme code template qeel
Up sil vous plait
Re: Probleme code template qeel
bonjour !
...
Il y a de gros soucis dans ce code, j'essaye de reprendre depuis le début, plus proprement, mais juste une question : les groupes doivent-ils s'insérer dans le qeel ? Et si oui, où ?
Voilà, je reposterai bientôt (ou éditerai mon message) sans doute... Sauf si quelqu'un le fait avant moi ! xD
...
Il y a de gros soucis dans ce code, j'essaye de reprendre depuis le début, plus proprement, mais juste une question : les groupes doivent-ils s'insérer dans le qeel ? Et si oui, où ?
Voilà, je reposterai bientôt (ou éditerai mon message) sans doute... Sauf si quelqu'un le fait avant moi ! xD
MlleAlys- Membre actif
- Messages : 5767
Inscrit(e) le : 12/09/2012
Re: Probleme code template qeel
mdr je veux bien te croire . Tu expliquera hein se qui allait as que je comprenne mes erreurs :p
Pas de soucis merci de prendre ma demande en charge pour les groupes si ils peuvent etre mis dans les statistiques oui sinon cest pas grave
Pas de soucis merci de prendre ma demande en charge pour les groupes si ils peuvent etre mis dans les statistiques oui sinon cest pas grave
Re: Probleme code template qeel
Eh bien... ce qui n'allait pas ? Euh... Je ne sais même pas comme expliquer ^^" Il y a des balises qui trainent, certaines ouvertes non fermées, des lignes dans des cellules sans nouveau tableau... Bref, la structure était mauvaise, et j'ai finalement abandonné l'idée de "corriger" pour reprendre à zéro ^^" (je ne suis pas très bonne en correction, quelqu'un aurait peut être réussi =S)
Voilà comment j'ai fait :
- déjà, construire la structure du tableau : <table> pour le tableau, <tr> pour une nouvelle ligne, <td> pour une nouvelle cellule. Et chacune de ces balises doit être refermée.
Ici, vu l'allure de l'image, je suis partie sur un tableau avec une première ligne pour un titre possible, puis une deuxième ligne avec 3 colonnes :
- J'ai peaufiné cette structure de base en mettant l'image du qeel en fond du tableau (via le css) et en m'appuyant sur cette dernière pour régler les différentes largeurs et hauteurs de façon à ce que les cellules tombent bien sur les cadres de l'image de fond.
- Puis j'ai finalement rempli les cellules du tableau : Pour cela, je me suis aidée de mon qeel vierge et j'ai repris les différentes variables de façon à les mettre au bon endroit. Je les ai mises dans des div que j'ai nommé en fonction de leur contenu pour quelques derniers petits réglages.
Bon, j'avoue que je ne savais plus exactement à quoi correspondaient certaines variables, mais on peut toujours modifier cela si tu le souhaites dans un deuxième temps ^^"
Bref, ça nous donne pour l'instant cela :
...
Alors ? ^^"
Est-ce globalement c'est ok ?
Et si oui, veux-tu modifier certaines choses ? =)
édit : ah, je viens de me souvenir également que je n'ai pas réinsérer les scripts pour modifier le texte, mais si déjà la structure de base et bonne, on pourra bien sûr les remettre ! ^^
Voilà comment j'ai fait :
- déjà, construire la structure du tableau : <table> pour le tableau, <tr> pour une nouvelle ligne, <td> pour une nouvelle cellule. Et chacune de ces balises doit être refermée.
Ici, vu l'allure de l'image, je suis partie sur un tableau avec une première ligne pour un titre possible, puis une deuxième ligne avec 3 colonnes :
- Code:
<table>
<tr>
<td colspan="3"></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
- J'ai peaufiné cette structure de base en mettant l'image du qeel en fond du tableau (via le css) et en m'appuyant sur cette dernière pour régler les différentes largeurs et hauteurs de façon à ce que les cellules tombent bien sur les cadres de l'image de fond.
- Puis j'ai finalement rempli les cellules du tableau : Pour cela, je me suis aidée de mon qeel vierge et j'ai repris les différentes variables de façon à les mettre au bon endroit. Je les ai mises dans des div que j'ai nommé en fonction de leur contenu pour quelques derniers petits réglages.
Bon, j'avoue que je ne savais plus exactement à quoi correspondaient certaines variables, mais on peut toujours modifier cela si tu le souhaites dans un deuxième temps ^^"
Bref, ça nous donne pour l'instant cela :
- Code:
<!-- BEGIN disable_viewonline -->
<table id="qeel" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<td id="qeeltitre" colspan="3" height="50px">
<!-- BEGIN switch_viewonline_link -->
<span class="cattitle">
<a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a>
</span>
<!-- END switch_viewonline_link -->
<!-- BEGIN switch_viewonline_nolink -->
<span class="cattitle">{L_WHO_IS_ONLINE}</span>
<!-- END switch_viewonline_nolink -->
</td>
</tr>
<tr>
<td width="185px;" style="vertical-align:bottom;">
<div id="qeelconnectes" style="height:210px;">
<span class="gensmall">
{TOTAL_USERS_ONLINE}
<br/>
{LOGGED_IN_USER_LIST}
</span>
<table>
<tr>{L_CONNECTED_MEMBERS}</tr>
</table>
<!-- BEGIN switch_chatbox_activate -->
<span class="gensmall">
{TOTAL_CHATTERS_ONLINE} : {CHATTERS_LIST}
<br />
<!-- BEGIN switch_chatbox_popup -->
<div id="chatbox_popup"></div>
<script type="text/javascript">
//<![CDATA[
insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
//]]>
</script>
<!-- END switch_chatbox_popup -->
</span>
<!-- END switch_chatbox_activate -->
</div>
</td>
<td width="185px;" style="vertical-align:top;">
<div id="qeelstats" style="height:210px;">
<span class="gensmall">
{TOTAL_POSTS}
<br/>
{TOTAL_USERS}
<br/>
{NEWEST_USER}
<br/>
{RECORD_USERS}
<br/>
{LEGEND} : {GROUP_LEGEND}
</span>
</div>
</td>
<td style="vertical-align:top;">
<div id="qeelannivs" style="height: 120px;">
<table>
<tr>
{L_WHOSBIRTHDAY_TODAY} {L_WHOSBIRTHDAY_WEEK}
</tr>
</table>
</div>
</td>
</tr>
</table>
<!-- END disable_viewonline -->
- Code:
/*début mise en forme du qeel*/
table#qeel {
width:687px; /*largeur du qeel*/
height:361px; /*hauteur du qeel*/
margin: auto; /*centrage*/
background-image: url(http://img11.hostingpics.net/pics/296834QEEL.png); /*image de fond du qeel*/
background-repeat: no-repeat;
border-spacing: 20px 10px;
border: 2px solid rgba(0, 0, 0, 0);
padding: 0px 18px 35px 20px;
table-layout: fixed;
}
table#qeel td {
border: 2px solid rgba(0, 0, 0, 0);
}
div#qeelannivs, div#qeelstats, div#qeelconnectes {
padding: 5px; /*écart entre le texte et le bord de la div*/
overflow: auto; /*apparition barre de scroll si ça depasse*/
}
/*fin mise en forme du qeel*/
...
Alors ? ^^"
Est-ce globalement c'est ok ?
Et si oui, veux-tu modifier certaines choses ? =)
édit : ah, je viens de me souvenir également que je n'ai pas réinsérer les scripts pour modifier le texte, mais si déjà la structure de base et bonne, on pourra bien sûr les remettre ! ^^
MlleAlys- Membre actif
- Messages : 5767
Inscrit(e) le : 12/09/2012
Re: Probleme code template qeel
Haaan yeaaaah sa marche
Merci infiniment , puis cette rapidité je pouvais pas esperer mieux
tu es ma sauveuse <3.
Tembete pas pour les modifications des phrases on va laisser comme sa
encore merci
Merci infiniment , puis cette rapidité je pouvais pas esperer mieux
tu es ma sauveuse <3.
Tembete pas pour les modifications des phrases on va laisser comme sa
encore merci
Re: Probleme code template qeel
ok, super alors ! xD
par contre la couleur n'est pas très visible, je te propose d'ajouter cela dans ton css en plus =P :
et pour le positionnement du titre à droite, c'est une simple proposition, nullement obligatoire... enfin, le reste pareil en même temps ! xD
Et, pour finir, si le résultat te convient, n'oublie pas de passer le sujet en mode en éditant ton premier message
par contre la couleur n'est pas très visible, je te propose d'ajouter cela dans ton css en plus =P :
- Code:
#qeel .row1 {
background: none;
border: 0;
}
#qeel .gensmall {
color: rgb(156, 142, 119); /*couleur texte*/
}
#qeeltitre {
text-align: right; /*positionnement du titre qui est en ligne*/
padding-right: 80px; /*marge à droite du titre*/
}
#qeelconnectes table {
border-collapse: collapse;
margin-top: 10px; /*petite marge au dessus des connectés 24h*/
}
et pour le positionnement du titre à droite, c'est une simple proposition, nullement obligatoire... enfin, le reste pareil en même temps ! xD
Et, pour finir, si le résultat te convient, n'oublie pas de passer le sujet en mode en éditant ton premier message
MlleAlys- Membre actif
- Messages : 5767
Inscrit(e) le : 12/09/2012
Re: Probleme code template qeel
c'est parfait ainsi merci beaucoup jedite mon premier message
Sujets similaires
» Problème de code QEEL
» Problème avec mon template après modification du qeel
» probleme avec mon code Template
» Problème code QEEL
» Problème code QEEL
» Problème avec mon template après modification du qeel
» probleme avec mon code Template
» Problème code QEEL
» Problème code QEEL
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum