Plusieurs petit problème avec mon QEEL.

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

Résolu Plusieurs petit problème avec mon QEEL.

Message par Jiben le Sam 10 Juil 2010 - 13:40

Bonjour a vous.

Bon voilà. J'ai coder mon Qeel, pour avoir un truc unique si vous voulais. Mais je rencontre plusieurs problème :s

Bon voici ma capture d'écran :
Spoiler:

Bon j'ai mis des couleur pour ce repéré.

Problème de la couleur Rouge.

Je voudrais qui n'est pas un aussi gros espace. Mais que cette espace s'agrandit en fonction du nombre de pseudo qui seront connectes en 24heures.
Donc que la ligne vient juste en dessous des utilisateurs connectées en 24 heure, en rajoutant un petit padding pour que sa ne colle pas, mais je peut encore le faire moi même ceci.


Problème de la couleur Vert.

Bon j'ai mis deux flèche a extrémités des groupes. Car comme vous le voyais,mes groupes ne sont pas au milieu de mon cadre. Le côte de gauche est plus petit que celui de droite.


Problème de la couleur Violet.

Le Problème vous l'avais trouver je pense Wink Mes casses ne sont pas a 50/50 :s Donc j'ai essayer mais je n'arrive pas les mettre de même dimension et je voudrais qui soit centrée.


Problème de la couleur Cyan.

Je voudrais que mes groupes ne ce monte pas l'un sur l'autre.
J'ai essayer là aussi mais je n'arrive pas a résoudre ce problème malheureusement pour moi :s


Bon voilà, j'ai détaillé tous mes petit problème avec mon petit Qui est en Ligne.

Mon CSS :
Spoiler:
Code:
/* mes Cadres de Mon QEEL */
.ro{
background-color: #aab89d;
color : black;
border: 1px dotted #000000;
-border-radius: 2px; /* tous les côtés sont arrondis */
-moz-border-radius: 2px; /* tous les côtés sont arrondis */
-webkit-border-radius: 2px; /* tous les côtés sont arrondis */
margin: 5px; /* pour faire un léger espace entre le bord et la ligne */
padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre */
}


/* cadre et fond de mon QEEL */
.tableau {
Background-color: #919F84;
border: 2px solid #000000;
-border-radius: 8px; /* tous les côtés sont arrondis */
-moz-border-radius: 8px; /* tous les côtés sont arrondis */
-webkit-border-radius: 8px; /* tous les côtés sont arrondis */
padding: 1%;
text-align: center;
width: 708px;
height: 500px;
}


/* Groupes de mon QEEL */
.groupes {
border: 1px solid #000000;
background-color: #aab89d;
-border-radius: 5px; /* tous les côtés sont arrondis */
-moz-border-radius: 5px; /* tous les côtés sont arrondis */
-webkit-border-radius: 5px; /* tous les côtés sont arrondis */
padding: 2%;
margin: 5px;
text-align: center;
}



/* quand on survol un pseudo dans les messages */
.pseudo:hover{
    text-transform: uppercase;
    font-style:italic;}


/* permet de supprimer mes ligne des mes cellules */
.table-categ {
background-image : url("image") ;
}

.table-categ td {
background: none !important ;
}


/* phrase : Contient x messages dans x sujets  */
.mystats_fa{
    padding: 5px;
    float:right;
  font-family: verdana;
  font-size: 10px;
  font-weight: bold;
}


/* cadre de mes sujets */
.sujets
{background-color: #aab89d;
-border-radius: 4px; /* tous les côtés sont arrondis */
-moz-border-radius: 4px; /* tous les côtés sont arrondis */
-webkit-border-radius: 4px; /* tous les côtés sont arrondis */
margin-top: 3px; /* pour faire un léger espace entre le bord et la ligne des "messages & sujets"; on évite de retirer */
padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre; on évite de retirer */
/* après on peut rajouter ce qu'on veut : une bordure, une image de fond ... */
border: 1px solid #000000; text-decoration: none;
    color : black;
filter:alpha(opacity=50);
}


/* cadre des dernier message  */
.derniers_sujets
{background-color: #aab89d;
-border-radius: 4px; /* tous les côtés sont arrondis */
-moz-border-radius: 4px; /* tous les côtés sont arrondis */
-webkit-border-radius: 4px; /* tous les côtés sont arrondis */
margin-top: 3px; /* pour faire un léger espace entre le bord et la ligne des "messages & sujets"; on évite de retirer */
padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre; on évite de retirer */
/* après on peut rajouter ce qu'on veut : une bordure, une image de fond ... */
border: 1px solid #000000; text-decoration: none;
    color : black;
filter:alpha(opacity=50);
}


/* les cadres pour sauter ver .., bouton aller, ..  */
input,textarea, select {
 border: inset;
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
-moz-border-radius-topleft:6px;
-moz-border-radius-topright:6px;
-border-radius-bottomleft:6px; /* tous les côtés sont arrondis */
-border-radius-bottomright:6px;
-border-radius-topleft:6px;
-border-radius-topright:6px;
-webkit-border-radius-bottomleft:6px; /* tous les côtés sont arrondis */
-webkit-border-radius-bottomright:6px;
-webkit-border-radius-topleft:6px;
-webkit-border-radius-topright:6px;
}


/* cadre du forum  */
.bodyline {-moz-border-radius:20px;
-border-radius: 20px;
-webkit-border-radius: 20px;
border:7px solid #363642;}


/* barre de navigation */
.mainmenu{
height: 25px;
    font-size : 10px;
    color : #5f4037;
        }


/* décoration de la barre de navigation */
a.mainmenu{
    text-decoration: none;
    color : black;
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
-moz-border-radius-topright: 10px;
-moz-border-radius-topleft: 10px;
-border-radius-topright: 10px;
-border-radius-topleft: 10px;
-webkit-border-radius-topright: 10px;
-webkit-border-radius-topleft: 10px;
padding-right: 8px;
padding-left: 5px;
}


/* barre de navigation lors du survol */
a.mainmenu:hover{
    text-decoration:none; color : white;
    background-color : #66705D;       
 border-bottom: 2px solid #363642;
filter:alpha(opacity=100);
-moz-opacity:0.5;opacity: 1;
  }



/* Soulignement des liens en pointillés lors du survol */
a:hover {text-decoration: none !important;
border-bottom : 1px dotted
}


/* enleve le soulignement en dessous des lien */
a {
text-decoration: none !important;
font-variant: small-caps;
}


/* Décoration du spoiler ouvert */
.spoiler_content{
padding: 3px;
color: #444444; /* couleur du texte  */
}


/* Décoration du spoiler fermé*/
.spoiler_closed{
padding: 3px;
border:2px #777777 dotted; /* bordure  */
color: #444444; /* couleur du texte  */
}


/* Décoration de la citation */
.quote {
padding: 3px;
border:2px #444444 inset; /* bordure  */
color: #777777; /* couleur du texte  */
-border-radius: 4px; /* tous les côtés sont arrondis */
-moz-border-radius: 4px; /* tous les côtés sont arrondis */
-webkit-border-radius: 4px; /* tous les côtés sont arrondis */
}


/* Décoration du code */
.code {
padding: 3px;
border:1px #ffffff ; /* bordure blanche en traits peu épais */
-border-radius: 4px; /* tous les côtés sont arrondis */
-moz-border-radius: 4px; /* tous les côtés sont arrondis */
-webkit-border-radius: 4px; /* tous les côtés sont arrondis */
color: #0044bb; /* couleur du texte blanche */
}


Mon Template index_body :
Spoiler:
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">&nbsp;
         <label><span class="genmed">{L_USERNAME}:</span>&nbsp;<input class="post" type="text" size="10" name="username" /></label>&nbsp;
         <label><span class="genmed">{L_PASSWORD}:</span>&nbsp;<input class="post" type="password" size="10" name="password" /></label>&nbsp;
         {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />

         <label><span class="gensmall">{L_AUTO_LOGIN}</span>&nbsp;<input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>&nbsp;

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

            <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a>

            <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
            <!-- BEGIN switch_on_index -->
               <!-- BEGIN switch_delete_cookies -->
               
<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">&nbsp;
         <span class="genmed">{L_USERNAME}:</span>&nbsp;
         <input class="post" type="text" size="10" name="username"/>&nbsp;
         <span class="genmed">{L_PASSWORD}:</span>&nbsp;
         <input class="post" type="password" size="10" name="password"/>&nbsp;
         {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />

         <span class="gensmall">{L_AUTO_LOGIN}</span>&nbsp;
         <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />&nbsp;
      </td>
   </tr>
</table>
</form>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline -->
<table border="0" width="100%" class="tableau"valign="middle">

  <tr>
      <td width="100%" height="25%" ">
      <center><span class="groupes"><a href="LIEN GROUPE"><font color="#COULEUR" size="2"><b>GROUPE</b></font></a></span><img src="http://i63.servimg.com/u/f63/11/83/54/29/space10.gif">
      <span class="groupes"> <a href="LIEN GROUPE"><font color="#COULEUR" size="2"><b>GROUPE</b></font></a></span><img src="http://i63.servimg.com/u/f63/11/83/54/29/space10.gif">
      <span class="groupes"> <a href="LIEN GROUPE"><font color="#COULEUR" size="2"><b>GROUPE</b></font></a></span><img src="http://i63.servimg.com/u/f63/11/83/54/29/space10.gif">
      <span class="groupes"> <a href="LIEN GROUPE"><font color="#COULEUR" size="2"><b>GROUPE</b></font></a></span><img src="http://i63.servimg.com/u/f63/11/83/54/29/space10.gif">
      <br><br>
      <span class="groupes"> <a href="LIEN GROUPE"><font color="#COULEUR" size="2"><b>GROUPE</b></font></a></span><img src="http://i63.servimg.com/u/f63/11/83/54/29/space10.gif">
      <span class="groupes"> <a href="LIEN GROUPE"><font color="#COULEUR" size="2"><b>GROUPE</b></font></a></span><img src="http://i63.servimg.com/u/f63/11/83/54/29/space10.gif">
      <span class="groupes"> <a href="LIEN GROUPE"><font color="#COULEUR" size="2"><b>GROUPE</b></font></a></span><img src="http://i63.servimg.com/u/f63/11/83/54/29/space10.gif">
      <span class="groupes"> <a href="LIEN GROUPE"><font color="#COULEUR" size="2"><b>GROUPE</b></font></a></span><img src="http://i63.servimg.com/u/f63/11/83/54/29/space10.gif">
      </center><br><br></td>

      <td width="100%" height="25%"></td>
  </tr>
  <tr>
      <td width="50%" height="15%" style="vertical-align: center;" align="center"><div class="ro"><span class="gensmall">{TOTAL_POSTS}

      {TOTAL_USERS}
</span></div></td>

      <td width="50%" height="15%" style="vertical-align: center;" align="center"><div class="ro"><span class="gensmall">{NEWEST_USER}
</span></div></td>
  </tr>
 
  <tr>
      <td align="center" height="15%" width="50%" style="vertical-align: center;"><div class="ro"><span class="gensmall">{TOTAL_USERS_ONLINE}
</span></div></td>

      <td align="center" height="15%" width="50%" style="vertical-align: center;"><div class="ro"><span class="gensmall">{LOGGED_IN_USER_LIST}
</span></div></td>
  </tr>
 
  <tr>
      <td width="100%" style="vertical-align: top; border-top: 1px dotted #000000; padding-left: 2%; padding-top: 2%;  padding-right: 2%; padding-bottom: 2%; -moz-border-radius: 5%; -webkit-border-radius: 5%; "colspan="2"><div style="width:100%; background-color:none;>
{L_CONNECTED_MEMBERS}</div></td>
     
  </tr>
 
</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>&nbsp;&nbsp;</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}

Je vous remercie d'avance de votre aide.
Sur ce je vous souhaite une excellente journée.
Cordialement Jiben

Jiben
*****

Masculin
Messages : 968
Inscrit(e) le : 30/01/2010

http://lesmagesnoirs.forum2ouf.com/
Jiben a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Plusieurs petit problème avec mon QEEL.

Message par Threax le Sam 10 Juil 2010 - 19:27

Bonjour,

Pouvez-vous nous indiquer l'URL du forum ? L'intérêt d'avoir l'URL, c'est qu'on puisse travailler directement sur le support et voir ce qui ne colle pas... Wink

Threax
+ Hyperactif +

Masculin
Messages : 17277
Inscrit(e) le : 27/08/2005

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

Résolu Re: Plusieurs petit problème avec mon QEEL.

Message par Jiben le Sam 10 Juil 2010 - 19:36

BOnjour,

Voici le lien de mon forum.
Mon Forum

Donc je vais valider mon Template alors Wink

Jiben
*****

Masculin
Messages : 968
Inscrit(e) le : 30/01/2010

http://lesmagesnoirs.forum2ouf.com/
Jiben a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Plusieurs petit problème avec mon QEEL.

Message par Threax le Dim 11 Juil 2010 - 15:47

Bonjour,

Pour le problème des groupes "non-centrés", vous avez un tableau qui en gros ressemble à ça :
Code:
<table><tr><td>LES GROUPES</td><td></td></tr> (...)
Donc il y a une cellule vide à droite, que l'on trouve dans le code :
Code:
<td height="25%" width="100%"></td>

Elle prend la largeur de la deuxième cellule de la ligne du dessous.
Pour que les groupes prennent 100% de la largeur, vous devez supprimer cette cellule vide et mettre sur le TD qui contient les groupes :
Code:
<td height="25%" width="100%" colspan="2">

Pour le large espace, c'est vous qui l'avez crée...
Dans le CSS, il y'a :
Code:
.tableau {
    -moz-border-radius:8px 8px 8px 8px;
    background-color:#919F84;
    border:2px solid #000000;
    height:500px;
    padding:1%;
    text-align:center;
    width:708px;
}
C'est donc la ligne height:500px; qui pose problème et qu'il faut supprimer pour régler le soucis.

Le problème des cellules qui ne prennent pas 50% chacune se réglera en même temps que le premier problème, avec le colspan="2". Wink

Pour le soucis des groupes, c'est parce que vous avez utilisez des span. Alors pour régler le soucis simplement, j'ai vu que vous aviez mis deux balises <br><br> après la première ligne des groupes. J'en ai rajouté une, ça a supprimé le chevauchement.

Voici mon résultat après toutes ces modifications :

Threax
+ Hyperactif +

Masculin
Messages : 17277
Inscrit(e) le : 27/08/2005

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

Résolu Re: Plusieurs petit problème avec mon QEEL.

Message par Jiben le Dim 11 Juil 2010 - 16:31

Merci pour votre aide.

Un grand merci Smile

Par contre mon QEEL n'est pas au centre de mon cadre de mon forum. Comment Faire svp ?

Jiben
*****

Masculin
Messages : 968
Inscrit(e) le : 30/01/2010

http://lesmagesnoirs.forum2ouf.com/
Jiben a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Plusieurs petit problème avec mon QEEL.

Message par Threax le Dim 11 Juil 2010 - 16:46

Dans le CSS, il y a ceci :
Code:
.tableau {
    -moz-border-radius:8px 8px 8px 8px;
    background-color:#919F84;
    border:2px solid #000000;
    padding:1%;
    text-align:center;
    width:708px;
}
Ajoutez-y :
margin: auto;
pour centrer le tableau. Wink

Threax
+ Hyperactif +

Masculin
Messages : 17277
Inscrit(e) le : 27/08/2005

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

Résolu Re: Plusieurs petit problème avec mon QEEL.

Message par Jiben le Dim 11 Juil 2010 - 16:50

Merci a vous pour vos réponse vite. Smile

Petite dernière question comment faire pour que le fond des casses de mes groupes et mes autres casses change de couleur lorsqu'on survol la casse ?

Jiben
*****

Masculin
Messages : 968
Inscrit(e) le : 30/01/2010

http://lesmagesnoirs.forum2ouf.com/
Jiben a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Plusieurs petit problème avec mon QEEL.

Message par Threax le Dim 11 Juil 2010 - 16:52

Il vous faut ajouter un code de ce genre dans le CSS :
Code:
.tableau td:hover {
    background-color: #FF0000;
}
Mais l'intérêt c'est que vous fassiez votre QEEL vous-même, même dans les moindres détails. Very Happy

Threax
+ Hyperactif +

Masculin
Messages : 17277
Inscrit(e) le : 27/08/2005

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

Résolu Re: Plusieurs petit problème avec mon QEEL.

Message par Jiben le Dim 11 Juil 2010 - 16:56

Oui désoler.

Je vous remercie beaucoup de votre aide monsieur Smile

Vous pouvez fermé ce sujet Wink

Jiben
*****

Masculin
Messages : 968
Inscrit(e) le : 30/01/2010

http://lesmagesnoirs.forum2ouf.com/
Jiben 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