Problème d'affichage du QEEL

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

Résolu Problème d'affichage du QEEL

Message par Emie * le Lun 26 Sep 2011 - 3:46

Bonjour,

Je fais appel à vous pour un petit problème un peu embêtant...
J'ai un Qui est en ligne modifié avec les templates, et tout fonctionne très bien sur mon forum test:


Par contre, sur mon 'vrai' forum, ça me donne ça (alors que j'ai copié/collé le template):


J'ai également le même CSS sur les deux forums.

Voici les liens de mes deux forums:
http://nevermore.1fr1.net (forum test)
http://transcend.1fr1.net (vrai)

Merci d'avance!

EDIT: J'utilise Mozilla Firefox pour mes deux forums. Bizarrement, je viens de voir que sur Google Chrome, le QEEL s'affiche normalement scratch


Dernière édition par Emie * le Dim 2 Oct 2011 - 0:08, édité 1 fois

Emie *
***

Féminin
Messages : 122
Inscrit(e) le : 21/07/2008

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

Résolu Re: Problème d'affichage du QEEL

Message par Milouze14 le Lun 26 Sep 2011 - 10:52

Salut Emie,

à priori, il manque la css en l’occurrence cette class

.qeel_start


a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage du QEEL

Message par Emie * le Lun 26 Sep 2011 - 22:40

J'y ai pensé mais pourtant, la class est bien présente dans mon template ainsi que dans mon CSS :/


Edit: si ça peut aider, voilà mon code de template pour le QEEL (seulement) et le CSS qui va avec:
Code:
<!-- BEGIN disable_viewonline -->
<table border="0" width="100%" class="qeel_start" cellpadding="2">

  <tr>
      <td width="100%" colspan="2" align="center"><img src="http://img27.imageshack.us/img27/2759/rentreonline.png"><br>
        <span class="groupes"><a href="http://transcend.1fr1.net/g1-administratrices"><font color=#edbd5c>ADMINISTRATRICES</font></a></span><img src="http://img8.imageshack.us/img8/4075/r8ig6djpg.gif">
        <span class="groupes"><a href="http://transcend.1fr1.net/g2-moderateurs"><font color=#b3b3b3>MODÉRATEURS</font></a></span><img src="http://img8.imageshack.us/img8/4075/r8ig6djpg.gif">
        <span class="groupes"><a href="http://transcend.1fr1.net/g6-gagnant-du-concours"><font color=#d9885f>WINNER</font></a></span><img src="http://img8.imageshack.us/img8/4075/r8ig6djpg.gif">
        <span class="groupes"><a href="http://transcend.1fr1.net/g3-aurores"><font color=#d179c7>AURORES</font></a></span><img src="http://img8.imageshack.us/img8/4075/r8ig6djpg.gif">
        <span class="groupes"><a href="http://transcend.1fr1.net/g4-etoiles"><font color=#f0b505>ÉTOILES</font></a></span><img src="http://img8.imageshack.us/img8/4075/r8ig6djpg.gif">
        <span class="groupes"><a href="http://transcend.1fr1.net/g5-etincelles"><font color=#6ab0d9>ÉTINCELLES</font></a></span><img src="http://img8.imageshack.us/img8/4075/r8ig6djpg.gif">
        <span class="groupes"><a href="http://transcend.1fr1.net/g8-lucioles"><font color=#f2578d>LUCIOLES</font></a></span><img src="http://img8.imageshack.us/img8/4075/r8ig6djpg.gif">
                  <br><br>
            <div style="margin-left: 0%; margin-right: 0%;"></div>
      </td>
  </tr>
 
  <tr>
      <td width="50%">
        <div class="qeel_align"><span class="gensmall"><span id="messages">{TOTAL_POSTS}</span>
            <script type="text/javascript">
              document.getElementById('messages').innerHTML=document.getElementById('messages').innerHTML.replace(/Nos membres ont posté un total de/,"Les  membres de Transcend ont posté un total de");
            </script>.
            <br>
                          <span id="users">{TOTAL_USERS}</span>. 

                          <span id="newuser">{NEWEST_USER}</span>
            . Nous lui souhaitons bienvenue sur Transcend.
<br><br>

                          <span id="totaluser">{TOTAL_USERS_ONLINE}</span>
          <br>
                          <span id="connecteduser">{LOGGED_IN_USER_LIST}</span>
            <br><br>
                          <span id="record">{RECORD_USERS}</span>
        </span></div>


      </td>
     
      <td style="padding: 10px; vertical-align: top; background-color:#faf2e1; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin-top: 1px; margin-bottom: 1px; margin-right: 1px;" width="50%">
        <table><div style="background;>{L_CONNECTED_MEMBERS}</div><br>
            <div class="qeel_birth"><div style="background;>{L_WHOSBIRTHDAY_TODAY}
            {L_WHOSBIRTHDAY_WEEK}</div>


<div class="qeel_texte"><div class="texte_qui"><br><a href="http://www.alderia.biz" target="_blank"><img src="http://alderia.power-heberg.be/V8/Sous%20index/Mise/Mention.png"></a></div></div></div></table>
      </td>
  </tr>

  <!-- BEGIN switch_chatbox_activate -->
  <tr>
      <td align="center" width="100%" colspan="2" style="padding-top: 20px;">
        <span class="gensmall">Utilisateurs connectés sur la Chatbox: {CHATTERS_LIST}

            <!-- BEGIN switch_chatbox_popup -->
            <div id="chatbox_popup"></div>

            <!-- END switch_chatbox_popup -->
        </span>
      </td>
  </tr>
  <!-- END switch_chatbox_activate -->
</table>
<!-- END disable_viewonline -->


Code:
/* ------------------------------------ {QUI EST EN LIGNE} --------------------------------------------------------------------------------------------------------- */
.qeel_start
{
padding: 8px;
background-color: #F5EAD2;
border: 2px solid #E6D5BD;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}

.groupes
{
text-transform: uppercase;
font-size: 10px;
font-weight: bold;
letter-spacing: 1px !important;
text-shadow: #fffcf6 1px 1px 0px;
background-color: #faf2e1;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 6px;
padding-right: 6px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}

.qeel_align
{
background-color:#faf2e1;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 10px;
margin-right: 5px;
vertical-align: top;
}

.qeel_birth
{
padding: 0px;
background-color:;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}

.qeel_texte
{
text-align: justify;
width: 330px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

.texte_qui
{
padding-left: 0px;
padding-right: 0px;
}

Emie *
***

Féminin
Messages : 122
Inscrit(e) le : 21/07/2008

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

Résolu Re: Problème d'affichage du QEEL

Message par SoraNoHime le Lun 26 Sep 2011 - 23:34

Bonsoir

Tentez de vider votre cache navigateur ^^ cela peut expliquer les différences de Chrome à Mozilla. Sinon essayez aussi en supprimant les cookies du forum concerné.

Cordialement.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage du QEEL

Message par Emie * le Mar 27 Sep 2011 - 6:14

Merci de votre réponse; j'ai supprimé les cookies et vider le cache, mais rien n'a changé ^^'

Emie *
***

Féminin
Messages : 122
Inscrit(e) le : 21/07/2008

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

Résolu Re: Problème d'affichage du QEEL

Message par Milouze14 le Mar 27 Sep 2011 - 7:29

Salut Emie,

as tout hasard, aurais tu des couleurs de définies dans la gestion des couleurs de fond?
Fais une comparaison avec ton forum de test Wink
a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage du QEEL

Message par Emie * le Mar 27 Sep 2011 - 19:49

Eum oui j'en ai, pour les deux forums, pour le fond du forum et le fond des catégories.

Emie *
***

Féminin
Messages : 122
Inscrit(e) le : 21/07/2008

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

Résolu Re: Problème d'affichage du QEEL

Message par Milouze14 le Mer 28 Sep 2011 - 6:49

Salut,
si les couleurs sont identiques dans les deux forums, il faut voir
donc la template concernée Wink .

Dis moi, tu as remplacé l'intégralité de la template ou juste la partie QEEL ?

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage du QEEL

Message par Emie * le Mer 28 Sep 2011 - 15:33

Les couleurs sont identiques en effet; et j'ai copié/collé l'intégralité du template de mon forum test dans celui de mon 'vrai', forum.

Emie *
***

Féminin
Messages : 122
Inscrit(e) le : 21/07/2008

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

Résolu Re: Problème d'affichage du QEEL

Message par Milouze14 le Jeu 29 Sep 2011 - 10:13

Salut Emie,

il doit y avoir une différence entre les deux templates ou tes couleurs dans
ton P.A Wink .
a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage du QEEL

Message par Emie * le Jeu 29 Sep 2011 - 23:12

Non, les deux sont exactement les mêmes :s

Emie *
***

Féminin
Messages : 122
Inscrit(e) le : 21/07/2008

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

Résolu Re: Problème d'affichage du QEEL

Message par Milouze14 le Ven 30 Sep 2011 - 6:24

Salut,
du coté javascript, as tu l'identique?
a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage du QEEL

Message par Emie * le Ven 30 Sep 2011 - 13:23

Coucou,

Oui ben j'ai copié collé les codes donc... j'ai exactement la même chose ^^'

Emie *
***

Féminin
Messages : 122
Inscrit(e) le : 21/07/2008

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

Résolu Re: Problème d'affichage du QEEL

Message par Anzu le Ven 30 Sep 2011 - 13:32

Bonjour,

Vous auriez du nous donner toute la css Wink
Il y a soit un conflit avec un autre code, soit à cause des entêtes " /* ------------------------------------ {QUI EST EN LIGNE} --------------------------------------------------------------------------------------------------------- */" (qui font très souvent bugger )

Sinon, j'ai remarqué que pour l'un de vos td, le code se trouve directement dedans, et pour l'autre, vous renvoyez à la css.
Donc ceci:
Code:

    style="padding: 10px; vertical-align: top; background-color:#faf2e1; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin-top: 1px; margin-bottom: 1px; margin-right: 1px;" width="50%"

Mettez la également dans le premier td.

Copiez collez quand même votre css que je regarde ^"

Cordialement.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage du QEEL

Message par Emie * le Ven 30 Sep 2011 - 23:07

Bonjour,

J'ai fait comme vous avez suggéré, et ça a partiellement réglé le problème... voir mon forum: http://transcend.1fr1.net

Mais bon voici tout mon CSS, celui pour le QEEL se trouvant tout à la fin:
Code:
a:link, a:visited, a:hover, a:active {text-transform: ; letter-spacing: 0px; text-decoration: none!important; text-shadow: # 1px 1px 1px;}
a{outline: none;}

a:hover {
text-decoration: none !important;
}

a {
text-decoration: none;
}


#i-logo {
margin-top:px;
}




        td .row1{
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        margin: 10px;
        padding: 4px;
        }


.forum-stats {
color: #cdb29a;
text-transform: uppercase;
font-size: 10px;
padding-left: 60px;
margin-top: -8px;
margin-bottom: 2px;
}


.forum-description {
text-align: justify;
border: ;
background-color: #faf2e1;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
margin: 10px;
padding: 10px;
vertical-align: center;
width: 500px;
height: 65px;
}






/* CATÉGORIES EN ONGLETS */

/* *** categories *** */

.cat_forum {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 2px solid #E6D5BD;
background-color: #F5EAD2;
}

/* *** liste *** */

.onglet {
display:inline-block;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0px auto auto;
margin-top:20px;
margin-bottom: 12px;
padding:6px;
}

/* *** configuration de l'élément de liste *** */

.onglet li {
float:left;
width: 92px;
height: 34px;
line-height: 34px;
text-align: center;
text-transform: uppercase;
font-size: 10px;
horizontal-align: middle;
vertical-align: middle;
list-style-type:none;
margin-bottom: -10px;
}

/* *** liens *** */

.onglet li a {
display:block;
text-decoration:none;
margin-left:5px;
color: #bba88e !important;
text-shadow: #e7d6be 1px 1px 0px;
}


/* *** liens au survol *** */

.onglet li a:hover {
color: #d4bfa5 !important;
text-shadow: #fffcf6 1px 1px 0px;
}


/* *** onglet actif *** */

.onglet_actif {
background: url('http://img714.imageshack.us/img714/3420/ongletnactif.png');
background-color:;
color: #d4bfa5 !important;
text-shadow: #fffcf6 1px 1px 0px;
width:120px;
height:34px;
cursor:pointer;
}

/* *** onglet non actif *** */

.onglet_nactif {
background:url('http://img694.imageshack.us/img694/4707/ongletactif.png');
background-color:;
color: #bba88e !important;
text-shadow: #e7d6be 1px 1px 0px;
width:120px;
height:34px;
cursor:pointer;
}

/* *** ici vos NOM DE CATEGORIE sauf un : il sera afficher en premier *** */

#expositions, #commerce, #ressources, #assistance, #compétitions, #récréations, #archives {
display : none;
}

/* Fin */





/* ENLEVER "DERNIÈRE ÉDITION PAR..." */

tr.post span.gensmall {
    display: none;
}


/* MARGES DANS LES MESSAGES */

.postbody {
padding-top: 12px;
padding-left: 30px;
padding-right: 20px;
}



/* FONDS CITATIONS, CODES ET SPOILERS */

.code {
padding: 8px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border-left: 3px solid #E6D5BD;
border-right: 3px solid #E6D5BD;
background-image: url(" ");
text-shadow: 1px 1px 1px #f7f2ed;
}
.quote {
padding: 8px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border-left: 3px solid #E6D5BD;
border-right: 3px solid #E6D5BD;
background-image: url(" ");
text-shadow: 1px 1px 1px #f7f2ed;
}
.spoiler_closed {
padding: 8px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border-left: 3px solid #E6D5BD;
border-right: 3px solid #E6D5BD;
background-image: url(" ");
text-shadow: 1px 1px 1px #f7f2ed;
}
.spoiler_content {
padding: 8px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border-left: 3px solid #E6D5BD;
border-right: 3px solid #E6D5BD;
background-image: url(" ");
text-shadow: 1px 1px 1px #f7f2ed;
}




/* ▬ AVATAR */
.postdetails.poster-profile a img {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 5px solid #COULEUR DU CONTOUR;
}


body {
background-repeat: no-repeat;
background-position: top center;
padding: 0px; margin: 0px;
}


.bodyline {
-moz-border-radius: 0px;
border-top: ;
border-bottom: 1px solid #;
border-left: 5px solid #;
border-right: 5px solid #;
-moz-box-shadow: 0 0 11px #;
box-shadow: 0 0 11px #;
-webkit-box-shadow: 0 0 11px #;
}



/* ENCADREMENT DES DERNIERS SUJETS */

.arrondi {
border: ;
background-color: #faf2e1;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
margin: 6px;
padding: 4px;
}



/* PSEUDOS MODIFIÉS */

.noms {
font-family: 'Verdana';
font-size: 14px;
font-variant: small-caps;
font-style: ;
letter-spacing: 0.3em !important;
text-shadow: #ffffff 1px 1px 0px;
}



/* CADRE AUTOUR DE L'AVATAR ET DU PROFIL DANS LES MESSAGES */

.cadreavatar {
background-color : #faf2e1;
background-image: url(" ");
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
padding: 8px;
margin: 5px;
}



        /*oter le fond des categories*/
        .secondarytitle h2 {
          background-color: ;}
       
        /*fond des titres de catégories*/
        .secondarytitle {
          background-image: url(' ');
          background-repeat: no-repeat;
          background-color: ;
          background-position: center;
          height:30px;
          width:180px;
          border-radius-topleft: 10px;
          -moz-border-radius-topleft: 10px;
          -webkit-border-radius-topleft: 10px;
          -khtml-border-radius-topleft:10px;
          border-radius-topright: 10px;
          -moz-border-radius-topright: 10px;
          -webkit-border-radius-topright: 10px;
          -khtml-border-radius-topright:10px;
          text-align: left;
          padding-left: ;
          }


/* TITRES DES CATÉGORIES */

.secondarytitle {
  font-family:'Arial';
  font-style:;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  text-shadow: 1px 1px 1px #b08d85;
  text-transform: lowercase;
  letter-spacing: 0.5em;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: ;
  padding-right: ;
}

h2 {
  font-size: 12px;
}


.forumline {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 1px 1px 6px #;
box-shadow: 1px 1px 6px #;
-webkit-box-shadow: 1px 1px 6px #;
}


/* STYLE DES SOUS-CATÉGORIES */

a.forumlink {
 text-align:left;
 text-transform: ;
 text-shadow: #fcf6ea 1px 1px 0px;
 font-size: 36px;
 color: #b79a7a !important;;
 font-family:'Edwardian Script ITC';
 display: block;
 padding-left: 30px;
 padding-top: 2px;
 white-space: nowrap;
}

a.forumlink:hover {
 border-bottom: ;
 font-style: ;
 font-weight: ;
 color: #b67672 !important;
 letter-spacing:;
 text-shadow: #ffffff 1px 1px 1px;
 }



/* MENU DE NAVIGATION */

a.mainmenu img {
display:noone;
}

a.mainmenu {
margin-bottom: 80px;
font-size: 9px;
font-style: ;
font-family:'';
font-weight: bold;
color: #;
text-transform: ;
text-shadow: #1px 1px 2px;
background-color: #;
text-decoration: none;
border-left: 4px solid #;
border-right: 4px solid #;
border-bottom: 1px solid #;
border-radius:;
-moz-border-radius:;
-webkit-border-radius:;
}

a.mainmenu:hover {
color: #;
text-shadow: #1px 1px 1px;
background-color: #;
text-decoration: none;
border-left: 4px solid #;
border-right: 4px solid #;
border-bottom: 1px solid #;
border-radius:;
-moz-border-radius: ;
-webkit-border-radius:;
}



        /*IMAGE INDEX*/
        #i_icon_mini_index{
          background-image:url('http://img263.imageshack.us/img263/5723/homecopie.png');
          width:75px; /*Largeur de l'image*/
          height:40px; /*Hauteur de l'image*/
        }
        #i_icon_mini_index:hover{
          background-image:url('http://img263.imageshack.us/img263/5723/homecopie.png');
          width:75px; /*Largeur de l'image*/
          height:40px; /*Hauteur de l'image*/
        }

        /*IMAGE RECHERCHE*/
        #i_icon_mini_search{
          background-image:url('http://img836.imageshack.us/img836/8788/searchcopie.png');
          width:79px; /*Largeur de l'image*/
          height:40px; /*Hauteur de l'image*/
        }
        #i_icon_mini_search:hover{
          background-image:url('http://img836.imageshack.us/img836/8788/searchcopie.png');
          width:79px; /*Largeur de l'image*/
          height:40px; /*Hauteur de l'image*/
        }

        /*IMAGE LISTE MEMBRES*/
        #i_icon_mini_members{
          background-image:url('http://img827.imageshack.us/img827/7199/memberscopie.png');
          width:102px; /*Largeur de l'image*/
          height:40px; /*Hauteur de l'image*/
        }
        #i_icon_mini_members:hover{
          background-image:url('http://img827.imageshack.us/img827/7199/memberscopie.png');
          width:102px; /*Largeur de l'image*/
          height:40px; /*Hauteur de l'image*/
        }

        /*IMAGE GROUPES*/
        #i_icon_mini_groups{
          background-image:url('http://img853.imageshack.us/img853/2779/groupscopie.png');
          width:82px; /*Largeur de l'image*/
          height:40px; /*Hauteur de l'image*/
        }
        #i_icon_mini_groups:hover{
          background-image:url('http://img853.imageshack.us/img853/2779/groupscopie.png');
          width:82px; /*Largeur de l'image*/
          height:40px; /*Hauteur de l'image*/
        }

        /*IMAGE PROFIL*/
        #i_icon_mini_profile{
          background-image:url('http://img840.imageshack.us/img840/8342/profilecopie.png');
          width:75px; /*Largeur de l'image*/
          height:40px; /*Hauteur de l'image*/
        }
        #i_icon_mini_profile:hover{
          background-image:url('http://img840.imageshack.us/img840/8342/profilecopie.png');
          width:75px; /*Largeur de l'image*/
          height:40px; /*Hauteur de l'image*/
        }

        /*IMAGE MP (pas de nouveaux messages)*/
        #i_icon_mini_message{
          background-image:url('http://img231.imageshack.us/img231/2413/mpcopie.png');
          width:58px; /*Largeur de l'image*/
          height:40px; /*Hauteur de l'image*/
        }
        #i_icon_mini_message:hover{
          background-image:url('http://img231.imageshack.us/img231/2413/mpcopie.png');
          width:58px; /*Largeur de l'image*/
          height:40px; /*Hauteur de l'image*/
        }

        /*IMAGE MP (nouveaux messages)*/
        #i_icon_mini_new_message{
          background-image:url('http://img204.imageshack.us/img204/7974/newmpcopie.png');
          width:79px; /*Largeur de l'image*/
          height:40px; /*Hauteur de l'image*/
        }
        #i_icon_mini_new_message:hover{
          background-image:url('http://img204.imageshack.us/img204/7974/newmpcopie.png');
          width:79px; /*Largeur de l'image*/
          height:40px; /*Hauteur de l'image*/
        }

        /*IMAGE DÉCONNEXION*/
        #i_icon_mini_logout{
          background-image:url('http://img263.imageshack.us/img263/323/logoutcopie.png');
          width:82px; /*Largeur de l'image*/
          height:40px; /*Hauteur de l'image*/
        }
        #i_icon_mini_logout:hover{
          background-image:url(http://img263.imageshack.us/img263/323/logoutcopie.png ');
          width:82px; /*Largeur de l'image*/
          height:40px; /*Hauteur de l'image*/
        }

        /*IMAGE S'ENREGISTRER*/
        #i_icon_mini_register{
          background-image:url('http://img835.imageshack.us/img835/5633/signupcopie.png');
          width:70px; /*Largeur de l'image*/
          height:40px; /*Hauteur de l'image*/
        }
        #i_icon_mini_register:hover{
          background-image:url('http://img835.imageshack.us/img835/5633/signupcopie.png');
          width:70px; /*Largeur de l'image*/
          height:40px; /*Hauteur de l'image*/
        }

        /*IMAGE CONNEXION*/
        #i_icon_mini_login{
          background-image:url('http://img28.imageshack.us/img28/1108/loginta.png');
          width:84px; /*Largeur de l'image*/
          height:40px; /*Hauteur de l'image*/
        }
        #i_icon_mini_login:hover{
          background-image:url('http://img28.imageshack.us/img28/1108/loginta.png');
          width:84px; /*Largeur de l'image*/
          height:40px; /*Hauteur de l'image*/
        }




/* ITALIQUE EN COULEUR */

i {border-bottom:none; color:#CF5F57; text-decoration: none}



/* QUI EST EN LIGNE */

.qeel_start
{
padding: 8px;
background-color: #F5EAD2;
border: 2px solid #E6D5BD;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}

.groupes
{
text-transform: uppercase;
font-size: 10px;
font-weight: bold;
letter-spacing: 1px !important;
text-shadow: #fffcf6 1px 1px 0px;
background-color: #faf2e1;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 6px;
padding-right: 6px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}

.qeel_align
{
background-color:#faf2e1;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 10px;
margin-right: 5px;
vertical-align: top;
}

.qeel_birth
{
padding: 0px;
background-color:;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 0 0 5px #;
box-shadow: 0 0 5px #;
-webkit-box-shadow: 0 0 5px #;
}

.qeel_texte
{
text-align: justify;
width: 330px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

.texte_qui
{
padding-left: 0px;
padding-right: 0px;
}

Emie *
***

Féminin
Messages : 122
Inscrit(e) le : 21/07/2008

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

Résolu Re: Problème d'affichage du QEEL

Message par Milouze14 le Sam 1 Oct 2011 - 4:48

Salut Emie,
une question toute bête Very Happy :

as tu optimisé ta feuille de style ?


Sinon, il y a obligatoirement une erreur au niveau de la template index_body,
tu peux la donner dans son intégralité ici stp entre les balises "Codes" stp. Wink



a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage du QEEL

Message par Emie * le Sam 1 Oct 2011 - 5:25

Coucou,

Non je n'avais pas coché, mais ça n'a rien changé ^^'. Pour arranger les choses, j'ai mis mes codes CSS directement dans mon template (comme vous m'aviez dit pour le premier td). Donc là c'est bon, mais c'est tout de même bizarre que le CSS ne fonctionne pas.

Enfin voilà tout mon template, mais il y a en plus les codes CSS du QEEL:
Code:
{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <!-- BEGIN message_admin_titre -->
   <tr>
      <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
   </tr>
   <!-- END message_admin_titre -->
   <!-- BEGIN message_admin_txt -->
   <tr>
      <td class="row1" rowspan="3" align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
   </tr>
   <!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
   <tr>
      <td width="100%" valign="top" align="center" class="row1"> 
         <label><span class="genmed">{L_USERNAME}:</span> <input class="post" type="text" size="10" name="username" /></label> 
         <label><span class="genmed">{L_PASSWORD}:</span> <input class="post" type="password" size="10" name="password" /></label> 
         {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /><br />
         <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> 

      </td>
   </tr>
</table>
</form>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td width="50%" valign="top">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
         <!-- END switch_user_logged_in -->
         <!-- BEGIN switch_delete_cookies -->
         <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
         <!-- END switch_delete_cookies -->
         </span>
      </td>
      <td width="50%" align="right">
         <span class="gensmall">
            <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>
            <!-- BEGIN switch_on_index -->
               <!-- BEGIN switch_delete_cookies -->
               <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
               <!-- END switch_delete_cookies -->
            <!-- END switch_on_index -->
         </span>
      </td>
   </tr>
</table>

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
   <tr>
      <td width="100%" valign="top" align="center" class="row1"> 
         <span class="genmed">{L_USERNAME}:</span> 
         <input class="post" type="text" size="10" name="username"/> 
         <span class="genmed">{L_PASSWORD}:</span> 
         <input class="post" type="password" size="10" name="password"/> 
         {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /><br />
         <span class="gensmall">{L_AUTO_LOGIN}</span> 
         <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /> 
      </td>
   </tr>
</table>
</form>
<!-- END switch_user_login_form_footer -->


<!-- BEGIN disable_viewonline -->
<table border="0" width="100%" class="qeel_start" cellpadding="2" style="padding: 8px; background-color: #F5EAD2; border: 2px solid #E6D5BD; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;">

  <tr>
      <td width="100%" colspan="2" align="center"><img src="http://img27.imageshack.us/img27/2759/rentreonline.png"><br>
        <span class="groupes" style="text-transform: uppercase; font-size: 10px; font-weight: bold; letter-spacing: 1px !important; text-shadow: #fffcf6 1px 1px 0px; background-color: #faf2e1; padding-top: 4px; padding-bottom: 4px; padding-left: 6px; padding-right: 6px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;"><a href="http://transcend.1fr1.net/g1-administratrices"><font color=#edbd5c>ADMINISTRATRICES</font></a></span><img src="http://img8.imageshack.us/img8/4075/r8ig6djpg.gif">
        <span class="groupes" style="text-transform: uppercase; font-size: 10px; font-weight: bold; letter-spacing: 1px !important; text-shadow: #fffcf6 1px 1px 0px; background-color: #faf2e1; padding-top: 4px; padding-bottom: 4px; padding-left: 6px; padding-right: 6px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;"><a href="http://transcend.1fr1.net/g2-moderateurs"><font color=#b3b3b3>MODÉRATEURS</font></a></span><img src="http://img8.imageshack.us/img8/4075/r8ig6djpg.gif">
        <span class="groupes" style="text-transform: uppercase; font-size: 10px; font-weight: bold; letter-spacing: 1px !important; text-shadow: #fffcf6 1px 1px 0px; background-color: #faf2e1; padding-top: 4px; padding-bottom: 4px; padding-left: 6px; padding-right: 6px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;"><a href="http://transcend.1fr1.net/g6-gagnant-du-concours"><font color=#d9885f>WINNER</font></a></span><img src="http://img8.imageshack.us/img8/4075/r8ig6djpg.gif">
        <span class="groupes" style="text-transform: uppercase; font-size: 10px; font-weight: bold; letter-spacing: 1px !important; text-shadow: #fffcf6 1px 1px 0px; background-color: #faf2e1; padding-top: 4px; padding-bottom: 4px; padding-left: 6px; padding-right: 6px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;"><a href="http://transcend.1fr1.net/g3-aurores"><font color=#d179c7>AURORES</font></a></span><img src="http://img8.imageshack.us/img8/4075/r8ig6djpg.gif">
        <span class="groupes" style="text-transform: uppercase; font-size: 10px; font-weight: bold; letter-spacing: 1px !important; text-shadow: #fffcf6 1px 1px 0px; background-color: #faf2e1; padding-top: 4px; padding-bottom: 4px; padding-left: 6px; padding-right: 6px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;"><a href="http://transcend.1fr1.net/g4-etoiles"><font color=#f0b505>ÉTOILES</font></a></span><img src="http://img8.imageshack.us/img8/4075/r8ig6djpg.gif">
        <span class="groupes" style="text-transform: uppercase; font-size: 10px; font-weight: bold; letter-spacing: 1px !important; text-shadow: #fffcf6 1px 1px 0px; background-color: #faf2e1; padding-top: 4px; padding-bottom: 4px; padding-left: 6px; padding-right: 6px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;"><a href="http://transcend.1fr1.net/g5-etincelles"><font color=#6ab0d9>ÉTINCELLES</font></a></span><img src="http://img8.imageshack.us/img8/4075/r8ig6djpg.gif">
        <span class="groupes" style="text-transform: uppercase; font-size: 10px; font-weight: bold; letter-spacing: 1px !important; text-shadow: #fffcf6 1px 1px 0px; background-color: #faf2e1; padding-top: 4px; padding-bottom: 4px; padding-left: 6px; padding-right: 6px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;"><a href="http://transcend.1fr1.net/g8-lucioles"><font color=#f2578d>LUCIOLES</font></a></span><img src="http://img8.imageshack.us/img8/4075/r8ig6djpg.gif">
                  <br><br>
            <div style="margin-left: 0%; margin-right: 0%;"></div>
      </td>
  </tr>
 
  <tr>
      <td style="padding: 10px; vertical-align: top; background-color:#faf2e1; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin-top: 1px; margin-bottom: 1px; margin-right: 1px;" width="50%">
        <div class="qeel_align"><span class="gensmall"><span id="messages">{TOTAL_POSTS}</span>
            <script type="text/javascript">
              document.getElementById('messages').innerHTML=document.getElementById('messages').innerHTML.replace(/Nos membres ont posté un total de/,"Les  membres de Transcend ont posté un total de");
            </script>.
            <br>
                          <span id="users">{TOTAL_USERS}</span>. 

                          <span id="newuser">{NEWEST_USER}</span>
            . Nous lui souhaitons bienvenue sur Transcend.
<br><br>

                          <span id="totaluser">{TOTAL_USERS_ONLINE}</span>
          <br>
                          <span id="connecteduser">{LOGGED_IN_USER_LIST}</span>
            <br><br>
                          <span id="record">{RECORD_USERS}</span>
        </span></div>


      </td>
     
      <td style="padding: 10px;vertical-align: top; background-color:#faf2e1; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin-top: 1px; margin-bottom: 1px; margin-right: 1px;" width="50%">
        <table><div style="background;>{L_CONNECTED_MEMBERS}</div><br>
            <div class="qeel_birth"><div style="background;>{L_WHOSBIRTHDAY_TODAY}
            {L_WHOSBIRTHDAY_WEEK}</div>


<div class="qeel_texte"><div class="texte_qui"><br><a href="http://www.alderia.biz" target="_blank"><img src="http://alderia.power-heberg.be/V8/Sous%20index/Mise/Mention.png"></a></div></div></div></table>
      </td>
  </tr>

  <!-- BEGIN switch_chatbox_activate -->
  <tr>
      <td align="center" width="100%" colspan="2" style="padding-top: 20px;">
        <span class="gensmall">Utilisateurs connectés sur la Chatbox: {CHATTERS_LIST}

            <!-- BEGIN switch_chatbox_popup -->
            <div id="chatbox_popup"></div>

            <!-- END switch_chatbox_popup -->
        </span>
      </td>
  </tr>
  <!-- END switch_chatbox_activate -->
</table>
<!-- END disable_viewonline -->


{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
   <tr>
      <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NEW_POSTS}</span></td>
      <td></td>
      <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
      <td>  </td>
      <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
      <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
   </tr>
</table>
<!-- END switch_legend -->

{AUTO_DST}

Emie *
***

Féminin
Messages : 122
Inscrit(e) le : 21/07/2008

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

Résolu Re: Problème d'affichage du QEEL

Message par Milouze14 le Sam 1 Oct 2011 - 5:52

Sur mon forum test, tout fonctionne correctement, j'ai juste modifié des
incompréhensions au niveau de ta css.


Supprimes tout le contenu de ta feuille de style et remplaces
par :
Spoiler:
Code:
       
a:link, a:visited, a:hover, a:active
{
letter-spacing: 0px;
text-decoration: none!important;
text-shadow: 1px 1px 1px;
}
        a{outline: none;}
       
        a:hover {
        text-decoration: none !important;
        }
       
        a {
        text-decoration: none;
        }

 td .row1{
                -moz-border-radius: 6px;
                -webkit-border-radius: 6px;
                border-radius: 6px;
                margin: 10px;
                padding: 4px;
                }
.forum-stats {
        color: #cdb29a;
        text-transform: uppercase;
        font-size: 10px;
        padding-left: 60px;
        margin-top: -8px;
        margin-bottom: 2px;
        }
.forum-description {
        text-align: justify;
        background-color: #faf2e1;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        margin: 10px;
        padding: 10px;
        vertical-align: center;
        width: 500px;
        height: 65px;
        }
       
/* CATÉGORIES EN ONGLETS */
       
        /*categories */
       
        .cat_forum {
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        border: 2px solid #E6D5BD;
        background-color: #F5EAD2;
        }
       
        /* liste*/
        .onglet {
        display:inline-block;
        list-style-image:none;
        list-style-position:outside;
        list-style-type:none;
        margin:0px auto auto;
        margin-top:20px;
        margin-bottom: 12px;
        padding:6px;
        }
       
        /*configuration de l'élément de liste*/
       
        .onglet li {
        float:left;
        width: 92px;
        height: 34px;
        line-height: 34px;
        text-align: center;
        text-transform: uppercase;
        font-size: 10px;
        horizontal-align: middle;
        vertical-align: middle;
        list-style-type:none;
        margin-bottom: -10px;
        }
       
        /* liens*/
       
        .onglet li a {
        display:block;
        text-decoration:none;
        margin-left:5px;
        color: #bba88e !important;
        text-shadow: #e7d6be 1px 1px 0px;
        }
/*liens au survol*/
       
        .onglet li a:hover {
        color: #d4bfa5 !important;
        text-shadow: #fffcf6 1px 1px 0px;
        }
 /*onglet actif*/
       
        .onglet_actif {
        background: url('http://img714.imageshack.us/img714/3420/ongletnactif.png');
        color: #d4bfa5 !important;
        text-shadow: #fffcf6 1px 1px 0px;
        width:120px;
        height:34px;
        cursor:pointer;
        }
 /* onglet non actif */
       
        .onglet_nactif {
        background:url('http://img694.imageshack.us/img694/4707/ongletactif.png');
        color: #bba88e !important;
        text-shadow: #e7d6be 1px 1px 0px;
        width:120px;
        height:34px;
        cursor:pointer;
        }
       
 /*ici vos NOM DE CATEGORIE sauf un : il sera afficher en premier*/
       
        #expositions, #commerce, #ressources, #assistance, #compétitions, #récréations, #archives {
        display : none;
        }
       
        /* Fin */
/* ENLEVER DERNIÈRE ÉDITION PAR */
       
        tr.post span.gensmall {
            display: none;
        }
/* MARGES DANS LES MESSAGES */
       
        .postbody {
        padding-top: 12px;
        padding-left: 30px;
        padding-right: 20px;
        }
       
/* FONDS CITATIONS, CODES ET SPOILERS */
       
        .code {
        padding: 8px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        border-left: 3px solid #E6D5BD;
        border-right: 3px solid #E6D5BD;
        text-shadow: 1px 1px 1px #f7f2ed;
        }
        .quote {
        padding: 8px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        border-left: 3px solid #E6D5BD;
        border-right: 3px solid #E6D5BD;
        text-shadow: 1px 1px 1px #f7f2ed;
        }
        .spoiler_closed {
        padding: 8px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        border-left: 3px solid #E6D5BD;
        border-right: 3px solid #E6D5BD;
        text-shadow: 1px 1px 1px #f7f2ed;
        }
        .spoiler_content {
        padding: 8px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        border-left: 3px solid #E6D5BD;
        border-right: 3px solid #E6D5BD;
        text-shadow: 1px 1px 1px #f7f2ed;
        }
       
 /*AVATAR */
        .postdetails.poster-profile a img {
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        border: 5px solid ;
        }
 body {
        background-repeat: no-repeat;
        background-position: top center;
        padding: 0px; margin: 0px;
        }
.bodyline {
        -moz-border-radius: 0px;
        border-bottom: 1px solid ;
        border-left: 5px solid ;
        border-right: 5px solid ;
        -moz-box-shadow: 0 0 11px ;
        box-shadow: 0 0 11px ;
        -webkit-box-shadow: 0 0 11px ;
        }
/* ENCADREMENT DES DERNIERS SUJETS */
       
        .arrondi {
        background-color: #faf2e1;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        margin: 6px;
        padding: 4px;
        }
/* PSEUDOS MODIFIÉS */
       
        .noms {
        font-family: 'Verdana';
        font-size: 14px;
        font-variant: small-caps;
        letter-spacing: 0.3em !important;
        text-shadow: #ffffff 1px 1px 0px;
        }
/* CADRE AUTOUR DE L'AVATAR ET DU PROFIL DANS LES MESSAGES */
       
        .cadreavatar {
        background-color : #faf2e1;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        padding: 8px;
        margin: 5px;
        }

/*fond des titres de catégories*/
                .secondarytitle {
                  height:30px;
                  width:180px;
                  border-radius-topleft: 10px;
                  -moz-border-radius-topleft: 10px;
                  -webkit-border-radius-topleft: 10px;
                  -khtml-border-radius-topleft:10px;
                  border-radius-topright: 10px;
                  -moz-border-radius-topright: 10px;
                  -webkit-border-radius-topright: 10px;
                  -khtml-border-radius-topright:10px;
                  text-align: left;

                  }
       
       
        /* TITRES DES CATÉGORIES */
       
        .secondarytitle {
          font-family:'Arial';
          font-weight: bold;
          font-size: 12px;
          text-align: center;
          text-shadow: 1px 1px 1px #b08d85;
          text-transform: lowercase;
          letter-spacing: 0.5em;
          padding-top: 8px;
          padding-bottom: 8px;
        }
       
        h2 {
          font-size: 12px;
        }
       
       
        .forumline {
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        -moz-box-shadow: 1px 1px 6px ;
        box-shadow: 1px 1px 6px ;
        -webkit-box-shadow: 1px 1px 6px ;
        }
       
       
        /* STYLE DES SOUS-CATÉGORIES */
       
        a.forumlink {
        text-align:left;
        text-shadow: #fcf6ea 1px 1px 0px;
        font-size: 36px;
        color: #b79a7a !important;
        font-family:'Edwardian Script ITC';
        display: block;
        padding-left: 30px;
        padding-top: 2px;
        white-space: nowrap;
        }
       
        a.forumlink:hover {
        color: #b67672 !important;
        text-shadow: #ffffff 1px 1px 1px;
        }
       
       
       
        /* MENU DE NAVIGATION */
       
        a.mainmenu img {
        display:none;
        }
       
        a.mainmenu {
        margin-bottom: 80px;
        font-size: 9px;
        font-weight: bold;
        text-shadow: #1px 1px 2px;
        text-decoration: none;
        border-left: 4px solid ;
        border-right: 4px solid ;
        border-bottom: 1px solid ;

        }
       
        a.mainmenu:hover {
        text-shadow: #1px 1px 1px;
        text-decoration: none;
        border-left: 4px solid ;
        border-right: 4px solid ;
        border-bottom: 1px solid ;
        }
       
       
       
                /*IMAGE INDEX*/
                #i_icon_mini_index{
                  background-image:url('http://img263.imageshack.us/img263/5723/homecopie.png');
                  width:75px; /*Largeur de l'image*/
                  height:40px; /*Hauteur de l'image*/
                }
                #i_icon_mini_index:hover{
                  background-image:url('http://img263.imageshack.us/img263/5723/homecopie.png');
                  width:75px; /*Largeur de l'image*/
                  height:40px; /*Hauteur de l'image*/
                }
       
                /*IMAGE RECHERCHE*/
                #i_icon_mini_search{
                  background-image:url('http://img836.imageshack.us/img836/8788/searchcopie.png');
                  width:79px; /*Largeur de l'image*/
                  height:40px; /*Hauteur de l'image*/
                }
                #i_icon_mini_search:hover{
                  background-image:url('http://img836.imageshack.us/img836/8788/searchcopie.png');
                  width:79px; /*Largeur de l'image*/
                  height:40px; /*Hauteur de l'image*/
                }
       
                /*IMAGE LISTE MEMBRES*/
                #i_icon_mini_members{
                  background-image:url('http://img827.imageshack.us/img827/7199/memberscopie.png');
                  width:102px; /*Largeur de l'image*/
                  height:40px; /*Hauteur de l'image*/
                }
                #i_icon_mini_members:hover{
                  background-image:url('http://img827.imageshack.us/img827/7199/memberscopie.png');
                  width:102px; /*Largeur de l'image*/
                  height:40px; /*Hauteur de l'image*/
                }
       
                /*IMAGE GROUPES*/
                #i_icon_mini_groups{
                  background-image:url('http://img853.imageshack.us/img853/2779/groupscopie.png');
                  width:82px; /*Largeur de l'image*/
                  height:40px; /*Hauteur de l'image*/
                }
                #i_icon_mini_groups:hover{
                  background-image:url('http://img853.imageshack.us/img853/2779/groupscopie.png');
                  width:82px; /*Largeur de l'image*/
                  height:40px; /*Hauteur de l'image*/
                }
       
                /*IMAGE PROFIL*/
                #i_icon_mini_profile{
                  background-image:url('http://img840.imageshack.us/img840/8342/profilecopie.png');
                  width:75px; /*Largeur de l'image*/
                  height:40px; /*Hauteur de l'image*/
                }
                #i_icon_mini_profile:hover{
                  background-image:url('http://img840.imageshack.us/img840/8342/profilecopie.png');
                  width:75px; /*Largeur de l'image*/
                  height:40px; /*Hauteur de l'image*/
                }
       
                /*IMAGE MP (pas de nouveaux messages)*/
                #i_icon_mini_message{
                  background-image:url('http://img231.imageshack.us/img231/2413/mpcopie.png');
                  width:58px; /*Largeur de l'image*/
                  height:40px; /*Hauteur de l'image*/
                }
                #i_icon_mini_message:hover{
                  background-image:url('http://img231.imageshack.us/img231/2413/mpcopie.png');
                  width:58px; /*Largeur de l'image*/
                  height:40px; /*Hauteur de l'image*/
                }
       
                /*IMAGE MP (nouveaux messages)*/
                #i_icon_mini_new_message{
                  background-image:url('http://img204.imageshack.us/img204/7974/newmpcopie.png');
                  width:79px; /*Largeur de l'image*/
                  height:40px; /*Hauteur de l'image*/
                }
                #i_icon_mini_new_message:hover{
                  background-image:url('http://img204.imageshack.us/img204/7974/newmpcopie.png');
                  width:79px; /*Largeur de l'image*/
                  height:40px; /*Hauteur de l'image*/
                }
       
                /*IMAGE DÉCONNEXION*/
                #i_icon_mini_logout{
                  background-image:url('http://img263.imageshack.us/img263/323/logoutcopie.png');
                  width:82px; /*Largeur de l'image*/
                  height:40px; /*Hauteur de l'image*/
                }
                #i_icon_mini_logout:hover{
                  background-image:url(http://img263.imageshack.us/img263/323/logoutcopie.png ');
                  width:82px; /*Largeur de l'image*/
                  height:40px; /*Hauteur de l'image*/
                }
       
                /*IMAGE S'ENREGISTRER*/
                #i_icon_mini_register{
                  background-image:url('http://img835.imageshack.us/img835/5633/signupcopie.png');
                  width:70px; /*Largeur de l'image*/
                  height:40px; /*Hauteur de l'image*/
                }
                #i_icon_mini_register:hover{
                  background-image:url('http://img835.imageshack.us/img835/5633/signupcopie.png');
                  width:70px; /*Largeur de l'image*/
                  height:40px; /*Hauteur de l'image*/
                }
       
                /*IMAGE CONNEXION*/
                #i_icon_mini_login{
                  background-image:url('http://img28.imageshack.us/img28/1108/loginta.png');
                  width:84px; /*Largeur de l'image*/
                  height:40px; /*Hauteur de l'image*/
                }
                #i_icon_mini_login:hover{
                  background-image:url('http://img28.imageshack.us/img28/1108/loginta.png');
                  width:84px; /*Largeur de l'image*/
                  height:40px; /*Hauteur de l'image*/
                }
       
       
       
       
        /* ITALIQUE EN COULEUR */
       
        i {border-bottom:none; color:#CF5F57; text-decoration: none}
       
       
       
        /*QUI EST EN LIGNE*/
       
        .qeel_start
        {
        padding: 8px;
        background-color: #F5EAD2;
        border: 2px solid #E6D5BD;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        }
       
        .groupes
        {
        text-transform: uppercase;
        font-size: 10px;
        font-weight: bold;
        letter-spacing: 1px !important;
        text-shadow: #fffcf6 1px 1px 0px;
        background-color: #faf2e1;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 6px;
        padding-right: 6px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        }
       
        .qeel_align
        {
        background-color:#faf2e1;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        padding: 10px;
        margin-right: 5px;
        vertical-align: top;
        }
       
        .qeel_birth
        {
        padding: 0px;
        background-color:;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        -moz-box-shadow: 0 0 5px #;
        box-shadow: 0 0 5px #;
        -webkit-box-shadow: 0 0 5px #;
        }
       
        .qeel_texte
        {
        text-align: justify;
        width: 330px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        }
       
        .texte_qui
        {
        padding-left: 0px;
        padding-right: 0px;
        }

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage du QEEL

Message par Emie * le Dim 2 Oct 2011 - 0:08

D'accord merci pour ton aide ^^

Problème résolu! (:

Emie *
***

Féminin
Messages : 122
Inscrit(e) le : 21/07/2008

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