QEEL : Template modifié, l'affichage est parfait en tant que connecté mais non en tant qu'invité.

[OxN]

Bonjour, merci de vous pencher sur mon problème...

Voici donc ce que j'ai découvert aujourd'hui. J'ai modifié mon template index_body dans sa section QEEL afin d'y avoir mes groupes mieux organisés et visibles. Tout fonctionne à merveille lorsque je suis connectée. Mais lorsque j'ai vérifié en tant qu'invité, le tout est décalé et pêle-mêle. J'ai retiré la connexion rapide en bas du forum afin de vérifier si c'en était la cause, mais apparemment, non.

La chatbox a son affichage en bas de page et je me demande si cela est la raison, et s'il est possible d'afficher la chatbox aux invités sans qu'ils puissent se connecter afin de résoudre le problème, si évidemment c'est cela.

Voici mon affichage normal, une fois connectée sur le forum. J'aimerais que cela soit ainsi pour les invités.

Spoiler:

Mais actuellement, pour les invités, ça ressemble plutôt à cela...

Spoiler:

Voici la section modifiée de mon template.

Spoiler:

Merci beaucoup!

[Invité]

j'ai pas tester mais essaie cela;

Code:

        <!-- BEGIN disable_viewonline -->
<br><br>
        <table cellspacing="2" cellpadding="2" width="750" border="0" class="statistiques">
          <tr>
        <td width="17%"></td>
        <td width="50%">
          <right><span class="groupes"> <a href="http://bleachthefrozenones.jdrforum.com/g3-pnj"><font color="#000000" size="2"><b>MJ/PNJ</b></font></a></span> <img src="http://img851.imageshack.us/img851/5976/imagevide.png">
          <span class="groupes"> <a href="http://bleachthefrozenones.jdrforum.com/g4-non-valides"><font color="#808080" size="2"><b>Non Validés</b></font></a></span> <img src="http://img851.imageshack.us/img851/5976/imagevide.png">
          <span class="groupes"> <a href="http://bleachthefrozenones.jdrforum.com/g5-shinigamis"><font color="#FF5959" size="2"><b>Shinigamis</b></font></a></span> <img src="http://img851.imageshack.us/img851/5976/imagevide.png">
          <span class="groupes"> <a href="http://bleachthefrozenones.jdrforum.com/g10-shinigamis-exiles"><font color="#A81B1B" size="2"><b>Shinigamis Exilés</b></font></a></span> <img src="http://img851.imageshack.us/img851/5976/imagevide.png">
            <span class="groupes"> <a href="http://bleachthefrozenones.jdrforum.com/g6-rugamis"><font color="#FFB700" size="2"><b>Rugamis</b></font></a></span> <img src="http://img851.imageshack.us/img851/5976/imagevide.png"><BR><BR>
            <span class="groupes"> <a href="http://bleachthefrozenones.jdrforum.com/g7-rukongai"><font color="#00AEFF" size="2"><b>Rukongai</b></font></a></span> <img src="http://img851.imageshack.us/img851/5976/imagevide.png">
        <span class="groupes"> <a href="http://bleachthefrozenones.jdrforum.com/g8-humains"><font color="#A759E6" size="2"><b>Humains</b></font></a></span> <img src="http://img851.imageshack.us/img851/5976/imagevide.png">
          <span class="groupes"> <a href="http://bleachthefrozenones.jdrforum.com/g9-quincys"><font color="#FFF200" size="2"><b>Quincys</b></font></a></span> <img src="http://img851.imageshack.us/img851/5976/imagevide.png">
        <span class="groupes"> <a href="http://bleachthefrozenones.jdrforum.com/g11-vizards"><font color="#198C19" size="2"><b>Vizards</b></font></a></span> <img src="http://img851.imageshack.us/img851/5976/imagevide.png">
          <span class="groupes"> <a href="http://bleachthefrozenones.jdrforum.com/g12-arrancars"><font color="#E8099A" size="2"><b>Arrancars</b></font></a></span> <img src="http://img851.imageshack.us/img851/5976/imagevide.png">
            <span class="groupes"> <a href="http://bleachthefrozenones.jdrforum.com/g13-espada"><font color="#FAF9E6" size="2"><b>Espada</b></font></a></span> <img src="http://img851.imageshack.us/img851/5976/imagevide.png"><BR><BR>
          <br>
        <span class="gensmall"><span id="bert">{TOTAL_POSTS}<script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/Nos membres ont posté un total de/,"Les survivants ont écrit");</script><script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/messages/,"parchemins. ");</script></span>
       
        . <span id="matt">{TOTAL_USERS}</span><script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/membres enregistrés/,"rescapés enregistré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/,"Le dernier survivant à avoir rejoint nos rangs est");</script> </span><br><br>
        <span>{TOTAL_USERS_ONLINE}</span><br>
        {LOGGED_IN_USER_LIST}
        <br><br><table border="0" cellspacing="3" cellpadding="0" width="500" align="justify" style="text-align: justify" background-image="http://img851.imageshack.us/img851/5976/imagevide.png">
        {L_CONNECTED_MEMBERS}</table>
       
          <td width="5%"></td>
       
       
       
        <!-- END disable_viewonline -->

[OxN]

Bonjour, je relis votre code mais il ne semble pas y avoir de changement. Lorsque je l'ai collé, il y avait des espaces au début, mais c'est la seule chose remarquée, et seulement dans le «texte» lorsque je l'ai collé dans le template.


Après avoir publié le template que vous m'avez fourni (Il l'est d'ailleurs encore actuellement), l'effet d'affichage est resté le même.


Avez-vous une autre idée?

[Invité]

Je pensais que vous vouliez descendre les genre de bouton.. Que voulez vous alors ?

[OxN]

Bonjour, je recherche à avoir l'affichage du premier spoiler pour les invités, puisque cela ne fonctionne proprement que pour les membres connectés, comme mes deux spoilers en témoignent.

Voici mon affichage normal, une fois connectée sur le forum. J'aimerais que cela soit ainsi pour les invités.

Spoiler:

Mais actuellement, pour les invités, ça ressemble plutôt à cela...

Spoiler:

[OxN]

Up, merci à ceux qui prendront de leur temps pour moi... ^^

[OxN]

Up, quelqu'un a une idée?

[Invité]

J'ai une idée qui en même temps pourrais rendre ton forum plus cours en longueur tu vois en haut de ton QEEL il y a top 20 les 4 lien la tu les vois ?


On pourrait les enlever non ?


Si tu veux je te dit comment faire !

[OxN]

Bonjour, j'aimerais beaucoup que l'on cesse de s'éloigner du vrai problème. J'ai codé mon QEEL et son affichage ne fonctionne à la perfection uniquement pour les membres connectés (voir spoilers plus haut). J'apprécierais donc que les invités puissent voir le QEEL de la même manière que les membres connectés.

Auriez-vous une solution?

[Invité]

Oui et c'est ce que je veux faire en enlevant les lien que je tes dit plus haut....

[OxN]

Ce n'était pas très explicite, vous sembliez plutôt simplement vouloir rendre le forum plus court en longueur. Avez-vous testé à quelque part si cela changeait quelque chose à l'affichage en tant qu'invité?

Car j'avais déjà retiré à connexion rapide qui se trouvait entre les forums et le QEEL, finalement un peu comme les petits liens que vous voulez retirer, et cela n'a rien changé.

Testons-le, nous verrons bien...

[Invité]

Ok.. en fait en enlevant ce truc j'espère pouvoir obtenir le même affiche en temps qu'inviter et en temps que membre... Je ne garantie rien mais ça vaut le coup d'essayer !


Aller dans vos templates.. Dans index_body rechercher ce code:

Code:

<a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
            <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
            <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>


Et supprimer le !

[OxN]

Cela est fait, le seul résultat est d'avoir supprimé les petits liens, sans plus. l'affichage est identique aux spoilers, les petits liens en moins. (Sauf «Supprimer les cookies», qui est encore présent.)

[Invité]

Okay.. Cela a rien changer ... Je ne sais pas quoi vous dire .. Peut-être que DR.Karlos pourrais passer ?

[OxN]

Up, merci à ceux qui prendront le temps de chercher une solution...

[Anzu]

Bonsoir,

Pourrais je avoir la totalité de votre css ?

Cordialement.

[OxN]

Bonjour/soir.

Voici mon CSS au complet. Merci de vous pencher sur mon problème.

Code:

a { text-decoration: none; }



a:hover {
font-variant: small-caps;
}



.bodyline{ -moz-border-radius: 25px;}


body { cursor: crosshair }
a:hover { cursor:ne-resize; }

textarea, .textarea.post, input.post {
-moz-border-radius:20px;
}


body {
background-repeat: no-repeat;
}
a { text-decoration: none; }

.bodyline {
-moz-border-radius:15px;
}

.forumline{
background-color: #FFFFFF;
-moz-border-radius: 5px ;
border: 3px #FFFFFF solid;
}




.postbody {
background-repeat: repeat;
background-image: url('http://img197.imageshack.us/img197/4568/catgoriesvert.png');
background-position: center;
}

td.row1 {
background-repeat: repeat;
background-color: #ABD28C;
background-position: center;
}
td.row2 {
background-repeat: repeat;
background-image: url('http://img197.imageshack.us/img197/4568/catgoriesvert.png');
background-position: center;
}
td.row3 {
background-repeat: repeat;
background-image: url('http://img197.imageshack.us/img197/4568/catgoriesvert.png');
background-position: center;

}
td.row3Right {
background:url('http://img197.imageshack.us/img197/4568/catgoriesvert.png');
border-style: none
}


td.row3{
background-image: url("http://img197.imageshack.us/img197/4568/catgoriesvert.png");
}





a.mainmenu:link, a.mainmenu:visited{
margin-left : 4px;
margin-right : 4px;
font-family :Georgia;
color: #FFFFFF;

text-align:left;
border-left: 9px solid #ABD28C;
border-right: 9px solid: url("http://img197.imageshack.us/img197/4568/catgoriesvert.png");
}

a.mainmenu:hover, a.mainmenu:hover:visited{
color: #FFFFFF;
border-left: 9px solid #FFFFFF;
border-right: 9px solid: url("http://img197.imageshack.us/img197/4568/catgoriesvert.png");
}

        .navig {
        position: fixed;
        top: 0px;
        width: 100%;
          background-color: #000000;
        }
 a.mainmenu {
        margin: 5px;
        font-family: Arial;
        font-size: 17px;
        }

#accueil {
    background-color: #ABD28C;
    border: 3px solid #FFFFFF;
    box-shadow: 0 0 6px #FFFFFF;
    height: 400px;
    margin-bottom: 20px;
    margin-top: 10px;
    overflow: hidden;
    position: relative;
    width: 800px;
    z-index: 2;
}

#page1, #page2, #page3 {
    -moz-transition: all 2s ease 0s;
    background-color: #ABD28C;
    float: right;
    height: 400px;
    overflow: hidden;
    width: 60px;
}

#page1:hover, #page2:hover, #page3:hover {
    -moz-transition: all 2s ease 0s;
    height: 5;
    overflow: hidden;
    width: 85%;
}

.contenu_page {
    height: 400px;
    margin-left: -3px;
    margin-top: -3px;
    width: 100%;
}

.page_titre {
    display: block;
    height: 400px;
    width: 100px;
}

.contenu {
    -moz-transition: all 1s ease 0s;
    height: 0;
    opacity: 0;
    overflow: hidden;
    padding: 6px;
    width: 0;
}

#page1:hover .contenu, #page2:hover .contenu, #page3:hover .contenu {
    -moz-transition: all 1s ease 0s;
    height: 400px;
    opacity: 1;
    overflow: visible;
    width: 580px;
}

.titre_pa {
    color: White;
    display: block;
    font-family: Time New Roman;
    font-size: 18px;
    letter-spacing: 1px;
    margin-top: 6px;
    margin-right: 25px;
    text-align: center;
    text-decoration: none !important;
    text-shadow: 1px 1px 0 #FFFFFF;
    background-color: #000000;
    border-radius: 25px 25px 0px 0px;
    padding: 0px 15px 0px 15px;
    float: left;
}

.titre_pa2 {
    color: White;
    display: block;
    font-family: Time New Roman;
    font-size: 18px;
    letter-spacing: 1px;
    margin-top: 6px;
    margin-right: 150px;
    text-align: center;
    text-decoration: none !important;
    text-shadow: 1px 1px 0 #FFFFFF;
    background-color: #000000;
    border-radius: 25px 25px 0px 0px;
    padding: 0px 15px 0px 15px;
    float: left;
}

.contenu_page1 {
    background-color: #ABD28C;
    border: 1px solid #000000;
    border-radius: 25px;
    display: block;
    height: 400px;
    max-height: 400px;
    overflow: auto;
    padding: 15px;
    text-align: justify;
    color: #000000;
    font-size: 12px;
    margin: auto;
}
.statistiques{
border:0px;
background-image: url("http://img259.imageshack.us/img259/1901/qeelv2.png");
background-repeat: no-repeat;
background-position: left;
height:300px;
width: 920px;}

.groupes{
background-color:#ABD28C;border: 1px #000000 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:right;
text-position: right;
text-decoration: none !important;}

.trans .row1 {
background-color : transparent;
        }




[OxN]

Up, mon css est dans le message juste au dessus. Merci.

[OxN]

Up

[OxN]

Up, peut-on m'aider?

[Anzu]

Bonsoir,

En fait pas besoin du css ^^

La largeur de votre forum est en % et non en px.
Vous devez la mettre en px.
Par conséquent, ceux qui ont un petit écran ne voient pas correctement le qui est en ligne.

Cordialement.

[OxN]

Bonjour,

je dois changer le % par px dans mon template ou dans mon CSS ?

Cela voudrait donc dire que la largeur est différente lorsque l'on est pas connecté sur le forum? Car l'affichage est parfait lorsque n'importe quel compte est connecté, mais en tant qu'invité, cela ne fonctionne pas. (voir spoilers)

Et l'affichage a le même comportement sur n'importe quel écran, apparemment, puisque j'utilise deux grandeurs d'écran très différentes.

[Anzu]

Il faut essayer, sur mon forum test, les tests ont pourtant été concluants.
Dans votre css, repérez "body" (vous en avez plusieurs donc regroupez les)

Et mettez un width.

Code:

body {
width: 800px;
}

Sinon directement dans votre panneau, structure des pages ^".

Pour la chatbox, c'est une chatbox latérale ou ?
Cordialement.

[OxN]

Je ne crois pas tout à fait comprendre ce que vous voulez dire par regrouper mes "body". Ne sont ils pas spécifiquement chacun pour les différentes sections du CSS? J'ai essayé de placer la petite partie de code que vous venez de me fournir tout en bas de mon CSS, et cela a aligné le forum au complet à gauche, sans autre effet.

Sinon, ma structure est celle-ci : Séparer les catégories et Moyen.

La chatbox est tout en bas du forum. J'ai bien tenté de la mettre latérale avec le tutoriel ce trouvant ici sur le FDF, mais j'ai déjà utilisé cela afin de mettre les topsites dans un onglet sur le côté droit du forum. Quand j'ai tenté de mettre la chatbox à gauche en même temps, si je cliquais sur l'onglet de gauche, c'est celui de droite qui ouvrait. Mais là n'est pas le problème. La mettre en bas me convient. x)

[OxN]

Up

[OxN]

Up

[OxN]

Up ^^

[OxN]

Up

[OxN]

Pardonnez mon double-post, j'ai eu subitement une idée de ce que cela pouvait être. Le rectangle contenant les membres connectés au cours des dernières 24 heures possédait une certaine largeur. J'ai augmenté cette largeur en la faisant passer de 500 à 700.

Pour faire court : J'ai changé le 500 dans cette partie de code du template :

Code:

<br><br><table border="0" cellspacing="3" cellpadding="0" width="500" align="justify" style="text-align: justify" background-image="http://img851.imageshack.us/img851/5976/imagevide.png">
                {L_CONNECTED_MEMBERS}</table>

Pour 700.

Code:

<br><br><table border="0" cellspacing="3" cellpadding="0" width="700" align="justify" style="text-align: justify" background-image="http://img851.imageshack.us/img851/5976/imagevide.png">
                {L_CONNECTED_MEMBERS}</table>

Cela couvre donc en largeur l'espace que prennent les groupes et cela ne les force plus à demeurer sur 500 de largeur, les empilant les uns sur les autres. Le 700 les a sauvés! x)

Merci à ceux qui auront tenté de m'aider, je leur en suis reconnaissante, même si ça n'a pas pu me servir.