Plusieurs petit problème avec mon QEEL.
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Plusieurs petit problème avec mon QEEL.
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 :
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 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 :
Mon Template index_body :
Je vous remercie d'avance de votre aide.
Sur ce je vous souhaite une excellente journée.
Cordialement Jiben
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 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">
<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}" />
<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 -->
<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">
<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}" />
<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="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> </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
Re: Plusieurs petit problème avec mon QEEL.
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...
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...
Re: Plusieurs petit problème avec mon QEEL.
Bonjour,
• Pour le problème des groupes "non-centrés", vous avez un tableau qui en gros ressemble à ça :
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 :
• Pour le large espace, c'est vous qui l'avez crée...
Dans le CSS, il y'a :
• 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".
• 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 :
• 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> (...)
- 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;
}
• 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".
• 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 :
Re: Plusieurs petit problème avec mon QEEL.
Merci pour votre aide.
Un grand merci
Par contre mon QEEL n'est pas au centre de mon cadre de mon forum. Comment Faire svp ?
Un grand merci
Par contre mon QEEL n'est pas au centre de mon cadre de mon forum. Comment Faire svp ?
Re: Plusieurs petit problème avec mon QEEL.
Dans le CSS, il y a ceci :
margin: auto;
pour centrer le tableau.
- Code:
.tableau {
-moz-border-radius:8px 8px 8px 8px;
background-color:#919F84;
border:2px solid #000000;
padding:1%;
text-align:center;
width:708px;
}
margin: auto;
pour centrer le tableau.
Re: Plusieurs petit problème avec mon QEEL.
Merci a vous pour vos réponse vite.
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 ?
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 ?
Re: Plusieurs petit problème avec mon QEEL.
Il vous faut ajouter un code de ce genre dans le CSS :
- Code:
.tableau td:hover {
background-color: #FF0000;
}
Re: Plusieurs petit problème avec mon QEEL.
Oui désoler.
Je vous remercie beaucoup de votre aide monsieur
Vous pouvez fermé ce sujet
Je vous remercie beaucoup de votre aide monsieur
Vous pouvez fermé ce sujet
Sujets similaires
» Plusieurs petit problème avec mon apparence
» Petit probleme avec la couleur de plusieurs liens
» problème avec les petit carré quant on a plusieurs page
» qeel avec un petit beug
» Petit soucis avec QEEL personnalisé
» Petit probleme avec la couleur de plusieurs liens
» problème avec les petit carré quant on a plusieurs page
» qeel avec un petit beug
» Petit soucis avec QEEL personnalisé
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum