[résolu] Petit problème avec mon QEEL : code de Miki Bouton_active[résolu] Petit problème avec mon QEEL : code de Miki Bouton_hover[résolu] Petit problème avec mon QEEL : code de Miki Fb-hover[résolu] Petit problème avec mon QEEL : code de Miki Fb-active
AccueilForumÉquipe 
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
[résolu] Petit problème avec mon QEEL : code de Miki EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
[résolu] Petit problème avec mon QEEL : code de Miki EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
[résolu] Petit problème avec mon QEEL : code de Miki EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
[résolu] Petit problème avec mon QEEL : code de Miki EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
[résolu] Petit problème avec mon QEEL : code de Miki EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
[résolu] Petit problème avec mon QEEL : code de Miki EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
[résolu] Petit problème avec mon QEEL : code de Miki EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
[résolu] Petit problème avec mon QEEL : code de Miki EmptySam 11 Fév 2023, 06:04 par Krager


CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolusPartagez
 

[résolu] Petit problème avec mon QEEL : code de Miki

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://internat-online.forumgratuit.biz/
Lixiny
Lixiny
{ Membre }
{ Membre }

Féminin Messages : 37



[résolu] Petit problème avec mon QEEL : code de Miki Empty
Bonjour/Bonsoir!

Après avoir utilisé le tuto "Structure de Qui Est En Ligne (1)" de Miki, j'ai eu un petit souci ::

Spoiler:

Donc il y a le groupe " Basic Style" qui a la même couleur que "So weathly". A la base, le code est fait avec 4 groupe or moi j'en ai 5 donc j'ai rajouté les codes nécessaires en plus, je suppose que je me suis tromper en les rajoutant mais je n'arrive pas à trouver l'erreur ><' .

Voila tout mon CSS ::

Code:
/* Mise en forme des catégories - Codage sur ZdC - Lyskhat */
  /* General */
      td.catBottom, th.thBottom,td.row3Right, td.spaceRow,td.catHead, th.thHead {
      border-width: 0;
      background-color: #33b18b; /* Fond titre chatbox, sous-forums...*/
      }
      table.forumline{ /* tout les tableaux sauf les catégories sur page d'accueil*/
      border-radius : 20px !important; /*valeur arrondis */
      border: 2px solid #33b18b;
      padding:20px 0;
      }
      table.index_accueil{ /* tableau forums - enlève fond titre catégorie & bordure */
      border-radius : 20px; /*valeur arrondis */
      background-color:transparent !important;
      border-width:0;
      }
  /* Bordures, angles arrondi et ombrage des catégories et forums en page d'accueil */
      table.index_accueil tr + tr{ /* lignes sauf-entête */
      box-shadow:3px 3px 15px #ffffff ; /* surbrillance : decalage vers la droite, decalage vers le bas, taille du flou, couleur */
      border-radius : 20px; /*valeur arrondis */
      }
      .index_accueil td.row1{ /* colonne FORUMS (description...) */
      border-left : solid 2px #27876A; /* bordure : taille forme (solid, dotted...) couleur */
      border-radius : 20px 0 0 20px; /*valeur arrondis - ne pas changer les valeurs a 0*/
      }
      .index_accueil td.row3{ /* colonne AUTEUR */
      width:16% ! important; /*largeur de la colonne auteur en px ou en %*/
      border-right : solid 2px #27876A; /* bordure : taille forme (solid, dotted...) couleur */
      border-radius : 0 20px 20px 0;/* valeur arrondis - ne pas changer les valeurs a 0 */
      }
      .index_accueil td.row1,.index_accueil td.row3{ /* LES DEUX */
      border-bottom : solid 2px #27876A; /* bordure : taille forme (solid, dotted...) couleur */
      border-top : solid 2px #27876A; /* bordure : taille forme (solid, dotted...) couleur */
      }
  /* Texte de description et des derniers messages */
      .description, .lastpost{
      background-color: #27876A; /* couleur de fond */
      padding:5px;
      border: 1px solid #27876A; /* bordure : taille forme (solid, dotted...) couleur */
      border-radius:5px; /* valeur arrondis */
      }
  /*liens des sous-forums */
      .description2{
        text-align:center;
        padding:10px;
      }
  /* Titre des forums */
      .row1 .hierarchy{
      margin:5px;
      padding:5px;
      width:98%;
      display:block;
      font-size:26px;
      border-bottom: 1px solid #33b18b; /*bordure du bas */
      text-shadow: 0px 0px 6px #ffffff ; /* surbrillance : decalage vers la droite, decalage vers le bas, taille du flou, couleur */
      }
      .row1 .hierarchy a{
      font-size:26px;
      }



/* ***************** CSS DE LA PAGE D'ACCUEIL ********************
                  by mimizZ | www.graph-forum.com
  Droit à la modification des couleurs et du fond uniquement
****************************************************************** */

#EnTete {
  position:relative;
  /* largeur et hauteur de l'image */
  width:800px;
  height:500px;
}

#EnTete #Bande {
  position:absolute;
  /* positionnement de la bande par rapport à la page d'accueil */
 left:119px;
  top:100px;
  /* largeur et hauteur de la bande */
  width:531px;
  height:72px;
  background-image: url('http://img15.hostingpics.net/pics/776869Bandeau.png'); 
}

.titre2 { /* TITRE "PRÉSENTATION */
  position:absolute;
  /* positionnement de la banche par rapport à l'image */
  left:175px;
  top:16px;
  font-family:Helvetica Neue;
  text-transform:uppercase;
  color:#27876A;
  font-weight:bold;
  font-size:24px;
  letter-spacing:-1px;
  text-shadow:1px 1px 1px #fff;
  }

.titre2:hover {color:#33b18b;}
a:link{ cursor:  pointer;}
a, a:hover {text-decoration:none;}


.titre { /* TITRE " BIENVENUE SUR LE FORUM " */
  font-family:Helvetica Neue;
  text-transform:uppercase;
  letter-spacing:-1px;
  font-weight:bold;
  font-size:38px;
  color:#E6FFD9;
  text-shadow: 1px 2px 1px #27876A;
  text-align:center;
  -webkit-border-radius: 10px;
  -webkit-border-bottom-right-radius: 40px;
  -webkit-border-bottom-left-radius: 40px;
  -moz-border-radius: 10px;
  -moz-border-radius-bottomright: 40px;
  -moz-border-radius-bottomleft: 40px;
  border-radius: 10px;
  border-bottom-right-radius: 40px;
  border-bottom-left-radius: 40px;
  background-color:#27876A;
  border-bottom: 3px solid #92cc8c;
  padding:5px;
  }

.titre:hover {letter-spacing:0px;}

.presentation { /* CADRE TURQUOISE " PRÉSENTATION " */
  margin-right:-4px;
    margin-left:-10px;
  background-color:#27876A;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  box-shadow: 0px 0px 5px #33b18b;
  width:430px;
  height:auto;
  padding-bottom:8px;
  padding-left:16px;
  padding-right:16px;
  padding-top:50px;
  }

.presentation p { /* ZONE DE TEXTE PRÉSENTATION */
  background-color:#FFF;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  border-bottom: 3px solid #33b18b;
  border-left: 3px solid #33b18b ;
  border-right: 3px solid #33b18b;
  color:#666;
  font-family:calibri;
  font-size:13px;
  text-align:justify;
  padding:20px;
  }

.navigation { /* LIENS */
  font-family:"Courier New", Courier, monospace;
  text-transform:uppercase;
  -webkit-border-top-left-radius: 30px;
  -webkit-border-bottom-left-radius: 30px;
  -moz-border-radius-topleft: 30px;
  -moz-border-radius-bottomleft: 30px;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  width:125px;
  background-color:#27876A; 
  font-size:12px;
  text-align:center;
  text-shadow:0px 0px 3px #666;
  margin-left:15px;
  margin-top:12px;
  padding: 3px;
  border-bottom:2px solid #33b18b;
  }

.navigation:hover {
  background-color:#33b18b;
  text-shadow:0px 0px 3px #fff;
  letter-spacing:1px;
  border-bottom:2px solid #3cd0a3;
  }

.navigation a {color:#FFF} /* COULEUR DES LIENS */
.navigation a:hover {color:#1c624d} /* COULEUR DES LIENS AU SURVOL */
 
.annonces { /* ANNONCES QUI DÉFILENT */
  width:170px;
  max-height:185px;
  -webkit-border-top-right-radius: 30px;
  -webkit-border-bottom-right-radius: 30px;
  -moz-border-radius-topright: 30px;
  -moz-border-radius-bottomright: 30px;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  background-color:#27876A;
  padding-top:8px;
  padding-bottom:8px;
  padding-right:10px;
  box-shadow: 1px 0px 4px #000;
  border-left:thin solid #000;
  text-align:center;
    }

.titre3 { /* TITRE " ANNONCE " */
  color:#FFF;
  font-size:19px;
  font-family:helvetica neue;
  text-transform:uppercase;
  letter-spacing:-1px;
  font-weight:bold;
  text-align:center;
  text-shadow: 2px 2px 1px #4a4179;
  }

.titre3:hover {
  color:#d6c8f5;
  letter-spacing:0px;
  }

.annonces p { /* ZONE DE TEXTE " ANNONCES */
  color:#666;
  font-family:calibri;
  font-size:13px;
  background-color:#FFF;
  -webkit-border-top-right-radius: 20px;
  -webkit-border-bottom-right-radius: 20px;
  -moz-border-radius-topright: 20px;
  -moz-border-radius-bottomright: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  text-align:justify;
  padding:8px;
  border-right:3px solid #33b18b;
  border-bottom:3px solid #33b18b;
  }

.html-marquee {height:125px;} /* PERMET DE LE DÉFILEMENT DES ANNONCES, NE PAS TOUCHER ! */
.html-marquee2 {height:31px;} /* PERMET DE LE DÉFILEMENT DES PARTENAIRES, NE PAS TOUCHER ! */


.partenaires { /* CADRE DES PARTENAIRES + TITRE */
  width:500px;
  background-color:#27876A;
  box-shadow: 0px 0px 5px #000;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  padding-left:250px;
  padding-right:10px;
  padding-top:1px;
  padding-bottom:1px;
  background-image: url('http://img15.hostingpics.net/pics/874614Partenaires.png');
  background-repeat:no-repeat;
  background-position: left center;
  }

.partenaires p { /* ZONE OÙ LES LOGOS SONT MIS */
  background-color:#FFF;
  height:31px;
  padding:6px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  border-bottom: 3px solid #33b18b;
  border-right: 3px solid #33b18b;
  border-left: 3px solid #33b18b;
  }

.partenaires img { /* OMBRE PORTÉE SUR LES LOGOS DE PARTENARIAT */
  box-shadow: 0px 0px 4px #999; }
 
.credits { /* NE PAS ENLEVER ! */
  font-family:calibri;
  font-size:12px;
  color:#b5b5b5;
  padding:10px;
  text-shadow: 0px 0px 4px #000;
  text-align:center; }
.credits a {color:#e2007a;}
.credits a:hover {color:#ea69a0;}
 
/* ********************* FIN DU CODE DE LA PA ********************* */


#nav_barr {
position: fixed; /*--- Cette ligne permet de toujours afficher la barre ---*/
width:900px; /*--- pour régler la largeur de la barre ---*/
background-color:#27876A ; /*--- On donne une couleur au fond ---*/
border:1px #33b18b solid;  /*--- On ajoute une bordure ---*/
margin-left:-450px; /* pour centrer:  largeur divisée par -2 */
left:50%;
-moz-border-radius:0px 0px 15px 15px; /* pour mozilla */
-webkit-border-radius: 0px 0px 15px 15px; /* pour chrome et safari */
border-radius:0px 0px 10px 10px; /* réglage des arrondis */
}




a.mainmenu {
    color: #ffffff;
    font-family: Courier New, "Courier New";
 
 
  /*
=======================================================
MISE EN FORME PERSONNALISEE DU QUI EST EN LIGNE
Code proposé par Miki sur CSSActif
Correction par CSSActif - http://www.css-actif.com
=======================================================
DEBUT DU CODE
=======================================================
 */

 /* Conteneur du QEEL */
.Qeel {
  border:0px;
  background: url("URL_IMG_HAUT") no-repeat top center;
  min-height:HAUTEUR_QEELpx;
}

/* Conteneur principal */
.QeelMain {
  padding-left:ESPACEMENTpx;
}

.ListeGroupes {
  text-align:center;
}

/* Mise en forme des liens des groupes */
.ListeGroupes a {
  display:inline-block;
  background:#E6FFD9; /* couleur de fond */
  border: 1px #27876A dotted; /* bordure : épaisseur couleur style */
  padding:2px 5px; /* espacement 'intérieur' haut/bas et droite/gauche */
  margin:4px 5px; /* espacement 'extérieur' haut/bas et droite/gauche */
  font-size:15px; /* taille du texte */
  font-weight: bold; /* épaisseur du texte */
  text-decoration: none !important; /* pas de soulignement */
  /* coins arrondis (tous navigateurs) */
  border-radius:5px;
  -moz-border-radius : 5px;
  -webkit-border-radius:5px;
}

/* Mise en forme des liens des groupes au survol */
.ListeGroupes a:hover {
  background:#E6FFD9;
  color:#FFFFFF;
}

/* Pour chaque groupe, préciser la couleur */
  a.groupe1 { color:#D4C459; }
  a.groupe2 { color:#000000; }
  a.groupe3 { color:#E665BD; }
  a.groupe4 { color:#7708C2; }
 
 
/* Affichage des statistiques du forum (nombre de sujets, de messages, de membres) */
.LesStatistiques {
  text-align:center;
  margin:10px 0; /* marges haut/bas et droite/gauche */
}

/* Affichage des membres en ligne (nombres d'enregistrés/invisibles/invités et liste des membres en ligne) */
.MembresOnline {
  text-align:center;
  margin:10px 0; /* marges haut/bas et droite/gauche */
}

/* Affichage des membres connectés au cours des dernières XX heures */
.Historique {
  text-align:center;
  margin:10px 0; /* marges haut/bas et droite/gauche */
}

/* Correctif liste 24h */
.Liste24h td.row1 { background : none; }

/*
=======================================================
MISE EN FORME PERSONNALISEE DU QUI EST EN LIGNE
=======================================================
FIN DU CODE
=======================================================
*/
}


Et toute ma template Index_body ::

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">
   <!-- BEGIN switch_fb_connect_no -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                     <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                     <span class="gensmall">{L_AUTO_LOGIN}</span> 
                  </td>
               </tr>

               <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect_no -->

   <!-- BEGIN switch_fb_connect -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td valign="top" width="100%" class="row1" align="center">
            <table width="100%">
               <tr>
                  <td width="55%" valign="middle" align="right">
                     <table class="right">
                        <tr>
                           <td><span class="genmed">{L_USERNAME}:</span> </td>
                           <td><input class="post" type="text" size="10" name="username"/> </td>
                           <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span> 
                           </td>
                        </tr>

                        <tr>
                           <td><span class="genmed">{L_PASSWORD}:</span> </td>
                           <td><input class="post" type="password" size="10" name="password"/> </td>
                           <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                     </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                     <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect -->
</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">
   <!-- BEGIN switch_fb_connect_no -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                     <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                     <span class="gensmall">{L_AUTO_LOGIN}</span> 
                  </td>
               </tr>

               <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect_no -->

   <!-- BEGIN switch_fb_connect -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td valign="top" width="100%" class="row1" align="center">
            <table width="100%">
               <tr>
                  <td width="55%" valign="middle">
                     <table class="right">
                        <tr>
                           <td><span class="genmed">{L_USERNAME}:</span> </td>
                           <td><input class="post" type="text" size="10" name="username"/> </td>
                           <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span> 
                           </td>
                        </tr>

                        <tr>
                           <td><span class="genmed">{L_PASSWORD}:</span> </td>
                           <td><input class="post" type="password" size="10" name="password"/> </td>
                           <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                     </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                     <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline -->
<!--
=======================================================
MISE EN FORME PERSONNALISEE DU QUI EST EN LIGNE
Code proposé par Miki sur CSSActif
Correction par CSSActif - http://www.css-actif.com
=======================================================
DEBUT DU CODE
=======================================================
-->
<div class="Qeel">
  <div class="QeelMain">
      <div class="ListeGroupes">
        <a href="http://new-generation.superforum.fr/g3-so-weathly" class="groupe1">So weathly</a>
        <img src="http://img4.hostingpics.net/pics/332427Moutonweathly.png" alt="" />
        <a href="http://new-generation.superforum.fr/g4-darkness" class="groupe2">Darkness</a>
        <img src="http://img4.hostingpics.net/pics/950409Darkness.png" alt="" />
        <a href="http://new-generation.superforum.fr/g5-play-people" class="groupe3">Play-people</a>
        <img src="http://img4.hostingpics.net/pics/672657Playpeople.png" alt="" />
        <a href="http://new-generation.superforum.fr/g7-party-rocker" class="groupe4">Party rocker</a>
        <img src="http://img4.hostingpics.net/pics/525023PartyRockeur.png" alt="" />
        <a href="http://new-generation.superforum.fr/g8-basic-style" class="groupe1">Basic style</a>
        <img src="http://img4.hostingpics.net/pics/215253BasicStyle.png" alt="" />
      </div>
      <div class="LesStatistiques">
        <span class="gensmall">{TOTAL_POSTS}. {TOTAL_USERS}</span>
        <br />
        <span class="gensmall">{NEWEST_USER}</span>
      </div>
      <div class="MembresOnline">
        <span class="gensmall">{TOTAL_USERS_ONLINE}</span>
        <br />
        <span class="gensmall">{LOGGED_IN_USER_LIST}</span>
      </div>
  </div>
  <div class="Historique"><table class="Liste24h">{L_CONNECTED_MEMBERS}</table></div>
  <img src="" alt="" />
</div>
<!--
=======================================================
MISE EN FORME PERSONNALISEE DU QUI EST EN LIGNE (END)
=======================================================
-->
<!-- 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}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
   appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
    status: true,
    cookie: true,
    xfbml: true,
   oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->


Merci d'avance pour vos réponses Razz


Dernière édition par Lixiny le Ven 28 Déc 2012, 06:06, édité 1 fois
MessageSujet: [résolu] Petit problème avec mon QEEL : code de Miki   [résolu] Petit problème avec mon QEEL : code de Miki EmptyJeu 27 Déc 2012, 14:23
Revenir en haut Aller en bas
http://reve-inverness.forumactif.com/
Abysse Yclette
Abysse Yclette
{ Membre }
{ Membre }

Féminin Messages : 152



[résolu] Petit problème avec mon QEEL : code de Miki Empty
Bonsoir !

Je remarque une petite erreur de copié/collé dans ton template au niveau des groupes. Pour le dernier, celui où il y a un bug, tu as :
Code:
<a href="http://new-generation.superforum.fr/g8-basic-style" class="groupe1">Basic style</a>
        <img src="http://img4.hostingpics.net/pics/215253BasicStyle.png" alt="" />
Tu as donc défini comme classe "groupe1". Je pense que tu voulais plus définir la classe "groupe5" non ? Celle qui te donnera les bonnes caractéristiques. Seulement je vois dans ton Css que tu n'as pas définie la classe "groupe5", tu as ceci :
Code:
/* Pour chaque groupe, préciser la couleur */
  a.groupe1 { color:#D4C459; }
  a.groupe2 { color:#000000; }
  a.groupe3 { color:#E665BD; }
  a.groupe4 { color:#7708C2; }
Il faut donc que tu créés ce qui te définira la couleur de ton cinquième groupe. Pour l'instant, ton groupe "basic-style" a la couleur de ton premier groupe parce qu'il est affilié à la classe "groupe1".

En gros, tu dois ajouter dans ton css, à la suite du morceau que je t'ai indiqué
Code:
 a.groupe5 { color:#COULEUR DE TON GROUPE; }
Et tu dois changer la classe du groupe "basic-style" dans ton template (cf le morceau de code que je t'ai montré plus haut).

J'espère que tout est clair =D
MessageSujet: Re: [résolu] Petit problème avec mon QEEL : code de Miki   [résolu] Petit problème avec mon QEEL : code de Miki EmptyJeu 27 Déc 2012, 14:47
Revenir en haut Aller en bas
http://internat-online.forumgratuit.biz/
Lixiny
Lixiny
{ Membre }
{ Membre }

Féminin Messages : 37



[résolu] Petit problème avec mon QEEL : code de Miki Empty
Tu avais raison !
Comme quoi, je ne suis même pas capable de copier/coller un code correctement ><'
Tu expliques super bien est c'est très claire :3

Merci beaucoup ! Very Happy
MessageSujet: Re: [résolu] Petit problème avec mon QEEL : code de Miki   [résolu] Petit problème avec mon QEEL : code de Miki EmptyJeu 27 Déc 2012, 14:56
Revenir en haut Aller en bas
http://reve-inverness.forumactif.com/
Abysse Yclette
Abysse Yclette
{ Membre }
{ Membre }

Féminin Messages : 152



[résolu] Petit problème avec mon QEEL : code de Miki Empty
Contente d'avoir pu t'aider alors Wink Si le problème est résolu, tu n'as plus qu'à l'indiquer dans le titre du sujet pour que les modérateurs puissent l'archiver =D
MessageSujet: Re: [résolu] Petit problème avec mon QEEL : code de Miki   [résolu] Petit problème avec mon QEEL : code de Miki EmptyJeu 27 Déc 2012, 17:49
Revenir en haut Aller en bas
http://internat-online.forumgratuit.biz/
Lixiny
Lixiny
{ Membre }
{ Membre }

Féminin Messages : 37



[résolu] Petit problème avec mon QEEL : code de Miki Empty
Voila c'est fait :p

Merci encore Razz
MessageSujet: Re: [résolu] Petit problème avec mon QEEL : code de Miki   [résolu] Petit problème avec mon QEEL : code de Miki EmptyVen 28 Déc 2012, 06:08
Revenir en haut Aller en bas
Melone
Melone
{ Modérateur }
{ Modérateur }

Féminin Messages : 805



[résolu] Petit problème avec mon QEEL : code de Miki Empty
Bonjour,

Merci d'avoir prévenu que le sujet été résolu, j'archive !

Bonne journée,
MessageSujet: Re: [résolu] Petit problème avec mon QEEL : code de Miki   [résolu] Petit problème avec mon QEEL : code de Miki EmptyVen 28 Déc 2012, 07:44
Revenir en haut Aller en bas
Contenu sponsorisé




[résolu] Petit problème avec mon QEEL : code de Miki Empty
MessageSujet: Re: [résolu] Petit problème avec mon QEEL : code de Miki   [résolu] Petit problème avec mon QEEL : code de Miki Empty
Revenir en haut Aller en bas
 

[résolu] Petit problème avec mon QEEL : code de Miki

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» petit probleme avec mon QEEl :S [Probleme CLOS]
» Plusieurs petit problème avec mon QEEL.
» petit problème avec Code et spoiler
» Problème avec un code de QEEL.
» Problème avec un tuto (QEEL) [RESOLU]

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-
ChatBox
:
AccueilAccueil  RechercherRechercher  Dernières imagesDernières images  Connexion  S'enregistrerS'enregistrer  

Partenaires Or

← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit