Modification d'un QEEL personnalisé
3 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
Modification d'un QEEL personnalisé
Bonsoir.
J'ai modifié mon QEEL mais le problème c'est qu'il y a une couleur de fond que je n'arrive pas a changer.
Voyez :
La liste des membres connectés au cours ...
Voici la partie du QEEL :
Merci pour votre aide et bonne soirée.
J'ai modifié mon QEEL mais le problème c'est qu'il y a une couleur de fond que je n'arrive pas a changer.
Voyez :
La liste des membres connectés au cours ...
Voici la partie du QEEL :
- Code:
<!-- BEGIN disable_viewonline -->
<center><img src="http://i22.servimg.com/u/f22/15/92/18/88/qeel10.png"></center>
</br></br>
<table cellspacing="2" cellpadding="2" width="750" border="0" class="statistiques">
<tr>
<td width="15%"></td>
<td width="50%">
<center><span class="groupes"> <a href="http://www.equid-aide.com/g1-administrateurs"><font color="#FF0000" size="2"><b>» Administrateurs</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://www.equid-aide.com/g9-pub"><font color="#C596EB" size="2"><b>» Staff Pub</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg"><BR><BR>
<span class="groupes"> <a href="http://www.equid-aide.com/g10-graphisme"><font color="#C9C930" size="2"><b>» Graphistes</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg"></br></br>
<span class="groupes"> <a href="http://www.equid-aide.com/g5-membres-qui-se-sont-presentes"><font color="#703D3D" size="2"><b>» Membres présentés</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://www.equid-aide.com/g6-les-debutants"><font color="#5CBDC4" size="2"><b>» Les débutants</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://www.equid-aide.com/g7-les-confirmes"><font color="#0D948D" size="2"><b>» Les confirmés</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
<br><br>
<span class="groupes"> <a href="http://www.equid-aide.com/g8-les-experts"><font color="#1B477D" size="2"><b>» Les experts</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
</br></br></br>
<span class="gensmall">{TOTAL_POSTS}. {TOTAL_USERS}
{NEWEST_USER}<br><br>
{TOTAL_USERS_ONLINE}<br>
{LOGGED_IN_USER_LIST}</center></span><br>
<td width="5%"></td>
</tr>
</table>
<table border="0" cellspacing="3" cellpadding="0" width="700" align="center" style="text-align: justify">
{L_CONNECTED_MEMBERS}</table>
<br>
<!-- END disable_viewonline -->
Merci pour votre aide et bonne soirée.
Dernière édition par MaaxManu le Lun 6 Juin 2011 - 8:31, édité 1 fois
Re: Modification d'un QEEL personnalisé
Bonsoir
repérez ceci dans votre template :
remplacez le par :
et rajoutez ceci dans votre css :
Cordialement
repérez ceci dans votre template :
- Code:
<table border="0" cellspacing="3" cellpadding="0" width="700" align="center" style="text-align: justify">
{L_CONNECTED_MEMBERS}</table>
<br>
<!-- END disable_viewonline -->
remplacez le par :
- Code:
<table class="fondconnect" border="0" cellspacing="3" cellpadding="0" width="700" align="center" style="text-align: justify">
{L_CONNECTED_MEMBERS}</table>
<br>
<!-- END disable_viewonline -->
et rajoutez ceci dans votre css :
.fondconnect {
background-color : la couleur de votre fond;
}
Cordialement
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Modification d'un QEEL personnalisé
Ca ne fonctionne pas
Re: Modification d'un QEEL personnalisé
Essayons par une div alors placée autour du tableau
- Code:
<div class="fondconnect"><table border="0" cellspacing="3" cellpadding="0" width="700" align="center" style="text-align: justify">
{L_CONNECTED_MEMBERS}</table></div>
<br>
<!-- END disable_viewonline -->
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Modification d'un QEEL personnalisé
Désolé toujours pas ...
Re: Modification d'un QEEL personnalisé
Il semblerait qu'il y ait une class dans cette balise {L_CONNECTED_MEMBERS}, la row1.
Je vais tenter quelquechose, vous pouvez déjà remettre votre template modifié de base en haut, ainsi qu'enlever la partie de css que je vous avez donné.
Pouvez-vous me fournir votre css pour mes tests.
Cordialement.
Je vais tenter quelquechose, vous pouvez déjà remettre votre template modifié de base en haut, ainsi qu'enlever la partie de css que je vous avez donné.
Pouvez-vous me fournir votre css pour mes tests.
Cordialement.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Modification d'un QEEL personnalisé
Oui voici le css complet :
Merci
- Code:
body { background-attachment: no-fixed; background-repeat: no-repeat; background-position: top center;}
table.forumline {border:1px dotted;}a:hover{text-transform:uppercase;}
a { text-decoration: none; }
.colorpicker {
width: 356px;
height: 176px;
overflow: hidden;
position: absolute;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_background.png);
font-family: Arial, Helvetica, sans-serif;
display: none;
}
.colorpicker_color {
width: 150px;
height: 150px;
left: 14px;
top: 13px;
position: absolute;
background: #f00;
overflow: hidden;
cursor: crosshair;
}
.colorpicker_color div {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_overlay.png);
}
.colorpicker_color div div {
position: absolute;
top: 0;
left: 0;
width: 11px;
height: 11px;
overflow: hidden;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_select.gif);
margin: -5px 0 0 -5px;
}
.colorpicker_hue {
position: absolute;
top: 13px;
left: 171px;
width: 35px;
height: 150px;
cursor: n-resize;
}
.colorpicker_hue div {
position: absolute;
width: 35px;
height: 9px;
overflow: hidden;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_indic.gif) left top;
margin: -4px 0 0 0;
left: 0px;
}
.colorpicker_new_color {
position: absolute;
width: 60px;
height: 30px;
left: 213px;
top: 13px;
background: #f00;
}
.colorpicker_current_color {
position: absolute;
width: 60px;
height: 30px;
left: 283px;
top: 13px;
background: #f00;
}
.colorpicker input {
background-color: transparent;
border: 1px solid transparent;
position: absolute;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #898989;
top: 4px;
right: 11px;
text-align: right;
margin: 0;
padding: 0;
height: 11px;
}
.colorpicker_hex {
position: absolute;
width: 72px;
height: 22px;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_hex.png) top;
left: 212px;
top: 142px;
}
.colorpicker_hex input {
right: 6px;
}
.colorpicker_field {
height: 22px;
width: 62px;
background-position: top;
position: absolute;
}
.colorpicker_field span {
position: absolute;
width: 12px;
height: 22px;
overflow: hidden;
top: 0;
right: 0;
cursor: n-resize;
}
.colorpicker_rgb_r {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_r.png);
top: 52px;
left: 212px;
}
.colorpicker_rgb_g {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_g.png);
top: 82px;
left: 212px;
}
.colorpicker_rgb_b {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_b.png);
top: 112px;
left: 212px;
}
.colorpicker_hsb_h {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_h.png);
top: 52px;
left: 282px;
}
.colorpicker_hsb_s {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_s.png);
top: 82px;
left: 282px;
}
.colorpicker_hsb_b {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_b.png);
top: 112px;
left: 282px;
}
.colorpicker_submit {
position: absolute;
width: 22px;
height: 22px;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_submit.png) top;
left: 322px;
top: 142px;
overflow: hidden;
}
.colorpicker_focus {
background-position: center;
}
.colorpicker_hex.colorpicker_focus {
background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
background-position: bottom;
}
.colorpicker_slider {
background-position: bottom;
}
tr.post span.gensmall
{
color: #E30E30;
}
/*--- Cette partie correspond à derniers messages ---*/
.messuj {
border: 2px solid #a49896;
background-color: #F2E2C2;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
width: 200px;}
.arrondi {
border: 2px solid #a49896;
background-color: #F2E2C2;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
width: 200px;}
/*--- Cette partie correspond à la description du forum ---*/
.forum-description {
margin: auto;
padding: 10px;
color: #000000;
width: 80%;
border: 3px solid #a49896;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
font-size: 12px;
}
/*--- Cette partie correspond à l'onglet "X messages dans X sujets" ---*/
.forum-stats {
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-webkit-border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-top-left-radius: 20px;
border-bottom: 0 none !important;
border-left: 3px solid #a49896;
border-right: 3px solid #a49896;
border-top: 3px solid #a49896;
color: #000000;
font-size: 11px;
font-style: italic;
height: 14px;
left: 280px;
padding: 3px;
position: relative;
text-align: center;
width: 200px;
}
/*--- Cette partie correspond à l'affichage des sous-forums ---*/
.forum-sousforum {
color: #000000;
border: 3px solid #a49896;
border-top: 0px !important;
-moz-border-radius-bottomleft: 14px;
-moz-border-radius-bottomright: 14px;
-webkit-border-bottom-right-radius: 14px;
-webkit-border-bottom-left-radius: 14px;
border-bottom-right-radius: 14px;
border-bottom-left-radius: 14px;
margin: auto;
padding: 4px;
color: #000000;
width: 50%;
text-align: center;
height: 14px;
font-size: 11px;
}
.statistiques{
border:0px;
background-image: url("URL DE VOTRE IMAGE DE FOND");
background-repeat: no-repeat;
background-position: center;
height:300(HAUTEUR DE VOTRE IMAGE)px;}
.groupes{
background-color:#COULEUR DE FOND DU TEXTE DES GROUPES;border: 1px #COULEUR DU POINTILLÉ dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}
Merci
Re: Modification d'un QEEL personnalisé
Bonsoir
Essayez de cette façon.
Essayez de cette façon.
- Code:
<table><font color=#000 size="2"><div style="moz-border-radius: 0px;>{L_CONNECTED_MEMBERS}</div></table>
Re: Modification d'un QEEL personnalisé
Finalement, ré-essayez avec ma première solution, sauf que vous changez ainsi la css :
Cordialement.
- Code:
.fondconnect {
.listlastconnected td {
background-color: #votre couleur !important;}
}
Cordialement.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Modification d'un QEEL personnalisé
Toujours pas
Re: Modification d'un QEEL personnalisé
Oups, j'ai fait une erreur de copier colle, milles excuse
- Code:
.fondconnect td {
background-color: #votre couleur !important;}
}
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Modification d'un QEEL personnalisé
Super merci !
Il y a une } en trop dans le CSS mais j'ai rectifié et ca marche
Merci beaucoup.
Il y a une } en trop dans le CSS mais j'ai rectifié et ca marche
Merci beaucoup.
Sujets similaires
» Modification des phrases pour QEEL personnalisé
» QEEL personnalisé
» QEEL personnalisé
» QEEL personnalisé
» QEEL Personnalisé
» QEEL personnalisé
» QEEL personnalisé
» QEEL personnalisé
» 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