Probleme code template qeel

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Probleme code template qeel

Message par Shanatracy le Dim 13 Oct 2013 - 13:27

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 :
http://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 Smile


Dernière édition par Shanatracy le Mar 15 Oct 2013 - 0:29, édité 1 fois

Shanatracy
*

Messages : 35
Inscrit(e) le : 10/09/2013

Http://encour.forumactif.com
Shanatracy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme code template qeel

Message par Shanatracy le Lun 14 Oct 2013 - 16:27

Up sil vous plait Smile

Shanatracy
*

Messages : 35
Inscrit(e) le : 10/09/2013

Http://encour.forumactif.com
Shanatracy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme code template qeel

Message par MlleAlys le Lun 14 Oct 2013 - 19:33

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

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme code template qeel

Message par Shanatracy le Lun 14 Oct 2013 - 20:40

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

Shanatracy
*

Messages : 35
Inscrit(e) le : 10/09/2013

Http://encour.forumactif.com
Shanatracy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme code template qeel

Message par MlleAlys le Lun 14 Oct 2013 - 21:23

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 :
Code:
<table>
    <tr>
        <td colspan="3"></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td></td>
    </tr>
</table>
- Voilà, le tableau est formé, le squelette du qeel est là, il n'y a normalement plus à toucher à cela, juste à régler et remplir :

- 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 -->


Avec ce css associé :
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*/
(*croise les doigts pour que ça fonctionne*)
...
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
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme code template qeel

Message par Shanatracy le Lun 14 Oct 2013 - 23:20

Haaan yeaaaah sa marche Very Happy
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 Smile

encore merci

Shanatracy
*

Messages : 35
Inscrit(e) le : 10/09/2013

Http://encour.forumactif.com
Shanatracy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme code template qeel

Message par MlleAlys le Lun 14 Oct 2013 - 23:38

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 :
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*/
}
La couleur du texte est modifiable bien sûr ! xD
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 résolu en éditant ton premier message Wink

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme code template qeel

Message par Shanatracy le Mar 15 Oct 2013 - 0:28

c'est parfait ainsi merci beaucoup jedite mon premier message Smile

Shanatracy
*

Messages : 35
Inscrit(e) le : 10/09/2013

Http://encour.forumactif.com
Shanatracy a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


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