Aligner verticalement la légende des groupes, comment procéder ?
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 2 • Partagez
Page 1 sur 2 • 1, 2
Aligner verticalement la légende des groupes, comment procéder ?
D'abord, bien le bonjour.
Est ce qu'il y a moyen de modifier l'apparence de la légende des groupes ?, à la place d'être l'un à coté de l'autre, y a t il moyen de les placer l'un en dessous de l'autre ?
Capture d'écran de la légende comme elle est maintenant et les traits rouge montre comment faire apparaître les groupes ci-dessous
Merci d'avance.
Est ce qu'il y a moyen de modifier l'apparence de la légende des groupes ?, à la place d'être l'un à coté de l'autre, y a t il moyen de les placer l'un en dessous de l'autre ?
Capture d'écran de la légende comme elle est maintenant et les traits rouge montre comment faire apparaître les groupes ci-dessous
Merci d'avance.
Re: Aligner verticalement la légende des groupes, comment procéder ?
Salut bugsbuny,
j'ai réussi à trouver quelque chose qui y ressemble .
Dans le template index_body:
Affichage/Templates/Général/index_body
Recherches ceci:
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Colles ceci:
a++
j'ai réussi à trouver quelque chose qui y ressemble .
Dans le template index_body:
Affichage/Templates/Général/index_body
Recherches ceci:
- Code:
<tr>
<td class="row1"><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td>
</tr>
- Code:
<tr>
<td class="row1"><span class="gensmall">{LEGEND} : <br /><span id="M14_groupes">{GROUP_LEGEND}</span></span></td>
</tr>
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Colles ceci:
- Code:
#M14_groupes
{
display:block;
width:120px;
height:auto;
}
a++
Invité- Invité
Re: Aligner verticalement la légende des groupes, comment procéder ?
Re,
il faut modifier le template :
Recherches ceci:
L e reste est assez compliqué à appliquer car il faut jouer
avec le width en augmentant ou diminuant la valeur .
a++
il faut modifier le template :
Recherches ceci:
- Code:
<tr>
<td class="row1">
<span class="gensmall">{LEGEND} : <br /><span id="M14_groupes">{GROUP_LEGEND}</span></span>
</td>
</tr>
- Code:
<tr>
<td class="row1">
<center><span class="gensmall">{LEGEND} : <br /><span id="M14_groupes">{GROUP_LEGEND}</span></span>
</center></td>
</tr>
L e reste est assez compliqué à appliquer car il faut jouer
avec le width en augmentant ou diminuant la valeur .
a++
Invité- Invité
Re: Aligner verticalement la légende des groupes, comment procéder ?
Merci pour la modification, c’est centré mais il est impératif que je trouve comment faire pour que chaque groupe soit sur une ligne, l'un en dessous de l'autre.
Je pense que le changement doit se faire dans affichage templates groupes
Je pense que le changement doit se faire dans affichage templates groupes
Re: Aligner verticalement la légende des groupes, comment procéder ?
Re,
je dois me sauver, j'essaierais de te trouver tout çà demain .
a++
je dois me sauver, j'essaierais de te trouver tout çà demain .
a++
Invité- Invité
Re: Aligner verticalement la légende des groupes, comment procéder ?
Merci à toi et bonne journéeMilouze14 a écrit:Re,
je dois me sauver, j'essaierais de te trouver tout çà demain .
a++
Re: Aligner verticalement la légende des groupes, comment procéder ?
Salut bugsbuny,
le forum indiqué dans ton profil ne correspond pas à ta capture !
Peux tu me donner par M.P (ou ici ) le lien de tous tes groupes (Administrateur Vincent etc etc )stp ,
j'ai ma petite idée pour l'affichage centré et entièrement paramétrable .
a++
le forum indiqué dans ton profil ne correspond pas à ta capture !
Peux tu me donner par M.P (ou ici ) le lien de tous tes groupes (Administrateur Vincent etc etc )stp ,
j'ai ma petite idée pour l'affichage centré et entièrement paramétrable .
a++
Invité- Invité
Re: Aligner verticalement la légende des groupes, comment procéder ?
Bonjour Milouze14,Milouze14 a écrit:Salut bugsbuny,
le forum indiqué dans ton profil ne correspond pas à ta capture !
Peux tu me donner par M.P (ou ici ) le lien de tous tes groupes (Administrateur Vincent etc etc )stp ,
j'ai ma petite idée pour l'affichage centré et entièrement paramétrable .
a++
Bien dormi ?
Que veux tu dire par forum ne correspond pas ?
Merci.
Re: Aligner verticalement la légende des groupes, comment procéder ?
Re,
pas longtemps, mais c'est toujours réparateur .
La capture que tu as montrée n'est pas en relation avec ton forum .
Edit: c'est ok maintenant .
a++
pas longtemps, mais c'est toujours réparateur .
La capture que tu as montrée n'est pas en relation avec ton forum .
Edit: c'est ok maintenant .
a++
Invité- Invité
Re: Aligner verticalement la légende des groupes, comment procéder ?
Re,
j'ai tout ce qu'il me faut pour les couleur etc etc.
Désires tu avoir autre chose de particulier ?
a++
j'ai tout ce qu'il me faut pour les couleur etc etc.
Désires tu avoir autre chose de particulier ?
a++
Invité- Invité
Re: Aligner verticalement la légende des groupes, comment procéder ?
Excellent, non, tout ce que je veux, ce sont les groupes l'un en dessous de l'autre et centré, voilà, LOLMilouze14 a écrit:Re,
j'ai tout ce qu'il me faut pour les couleur etc etc.
Désires tu avoir autre chose de particulier ?
a++
Pour le moment, c'est tout.
Re: Aligner verticalement la légende des groupes, comment procéder ?
Re,
ok, je t'explique le principe:
On va supprimer la variable qui attribue l'affichage des groupes.
Par contre on va= via le template ajouter chaque groupe avec du html
avec un style propre à chaque groupe.
Je me suis permis d'aller sur ton forum pour prendre les liens de
tous tes groupes ainsi que leur couleur respective .
Allez, on y va .
Dans le template index_body:
Affichage/Templates/Général/index_body
Recherches ceci:
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Recherches ceci:
a++
ok, je t'explique le principe:
On va supprimer la variable qui attribue l'affichage des groupes.
Par contre on va= via le template ajouter chaque groupe avec du html
avec un style propre à chaque groupe.
Je me suis permis d'aller sur ton forum pour prendre les liens de
tous tes groupes ainsi que leur couleur respective .
Allez, on y va .
Dans le template index_body:
Affichage/Templates/Général/index_body
Recherches ceci:
- Code:
<tr>
<td class="row1">
<center><span class="gensmall">{LEGEND} : <br /><span id="M14_groupes">{GROUP_LEGEND}</span></span>
</center></td>
</tr>
- Code:
<tr>
<td class="row1">
<span id="M14_groupes">{LEGEND}:<br />
<a href="http://grpw.exprimetoi.com/g1-administrateur-vincent"style="color: #FF0312;font-size:11px;">Administrateur Vincent</a> <br />
<a href="http://grpw.exprimetoi.com/g9-les-enqueteurs-du-grp"style="color: #AB7200;font-size:11px;">
Les enquêteurs du G.R.P</a> <br />
<a href="http://grpw.exprimetoi.com/g10-webmasters-du-site-officiel-grpw"style="color: #FF6600;font-size:11px;">Webmasters du site officiel G.R.P.W</a> <br />
<a href="http://grpw.exprimetoi.com/g7-membres-partenaires"style="color:6F00FF;font-size:11px;">Membres partenaires</a> <br />
<a href="http://grpw.exprimetoi.com/g11-2-liste-des-membres-actifs"style="color:#000000;font-size:11px;">2 = Liste des Membres Actifs</a> <br />
<a href="http://grpw.exprimetoi.com/g12-1-presentation-obligatoire"style="color:#000000;font-size:11px;">1 = Présentation Obligatoire</a> <br />
</span>
</td>
</tr>
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Recherches ceci:
- Code:
#M14_groupes
{
display:block;
width:120px;
height:auto;
}
- Code:
/*La legende*/
#M14_groupes
{
color:black;/*la couleur de police du titre*/
font-size:12px;/*la taille de police du titre*/
display:block; /*on demande un affichage en bloc*/
min-width:200px;/*la largeur minimum du bloc*/
max-width:300px;/*la largeur maximale du bloc*/
height:auto;/*on autorise une hauteur indefinie*/
/*on centre le bloc automatiquement avec les margin*/
margin-left:auto;
margin-right:auto;
/*on donne un espace en haut 5px a droite 2px en bas 5px et a gauche 2px*/
padding:5px 2px 5px 2px;
text-align:center;/*on centre le texte*/
}
a++
Invité- Invité
Re: Aligner verticalement la légende des groupes, comment procéder ?
Waow, cool, magnifique, juste une petite question, y a t il moyen de mettre un espace entre légende et les groupes et 2 ème question : y a t il moyen de mettre une puce genre étoile devant chaque groupe ?
En tout cas, un Grand Merci pour le travail, je t'en remercie.
En tout cas, un Grand Merci pour le travail, je t'en remercie.
Re: Aligner verticalement la légende des groupes, comment procéder ?
Re,
tu veux dire un saut de ligne :
Dans ce cas recherches:
des exemples ici:
http://alexandre.alapetite.fr/doc-alex/alx_special.html#generaux
Le code devra donc être positionné avec le titre de chaque groupe .
a++
tu veux dire un saut de ligne :
Dans ce cas recherches:
- Code:
<span id="M14_groupes">{LEGEND}:<br />
- Code:
<br />
des exemples ici:
http://alexandre.alapetite.fr/doc-alex/alx_special.html#generaux
Le code devra donc être positionné avec le titre de chaque groupe .
- Code:
<a href="http://grpw.exprimetoi.com/g1-administrateur-vincent"style="color: #FF0312;font-size:11px;">METTRE LE CODE TEXTE ICI Administrateur Vincent</a> <br />
a++
Invité- Invité
Re: Aligner verticalement la légende des groupes, comment procéder ?
Re,
il n'y a pas trop de moyen de positionner les puces car
on demande un affichage centré sur les groupes , donc elles suivent le même chemin .
Cependant avec un tit code dans la css on va arriver à nos fins ainsi que les images de chaque côté
de tous les groupes .
Dans ta CSS
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
supprimes les codes mentionnés précédemment et remplaces par :
Dans le template index_body:
Affichage/Templates/Général/index_body
Recherches:
Change le lien des images par celles que tu désires:
Pense a enregistrer les modifications en cliquant respectivement sur et
a++
il n'y a pas trop de moyen de positionner les puces car
on demande un affichage centré sur les groupes , donc elles suivent le même chemin .
Cependant avec un tit code dans la css on va arriver à nos fins ainsi que les images de chaque côté
de tous les groupes .
Dans ta CSS
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
supprimes les codes mentionnés précédemment et remplaces par :
- Code:
/*l image a gauche dans la legende*/
.M14_leg_left
{
float:left;
margin-top:20px;/*positionnement de l image a 20px du haut*/
margin-left:100px;/*positionnement de l image a 100px de la gauche*/
}
/*l image a droite dans la legende*/
.M14_leg_right
{
float:right;
margin-top:20px;/*positionnement de l image a 20px du haut*/
margin-right:100px;/*positionnement de l image a 100px de la droite*/
}
/*La legende*/
#M14_groupes
{
color:black;/*la couleur de police du titre*/
font-size:12px;/*la taille de police du titre*/
display:block; /*on demande un affichage en bloc*/
min-width:200px;/*la largeur minimum du bloc*/
max-width:250px;/*la largeur maximale du bloc*/
height:auto;/*on autorise une hauteur indefinie*/
/*on centre le bloc automatiquement avec les margin*/
margin-left:auto;
margin-right:auto;
/*on donne un espace en haut 5px a droite 2px en bas 5px et a gauche 2px*/
padding:5px 2px 5px 2px;
text-align:center;/*on centre le texte*/
}
/*le caractere devant chaque groupe*/
#M14_groupes a:before
{
content:'*';
float:left;
}
Dans le template index_body:
Affichage/Templates/Général/index_body
Recherches:
- Code:
<tr>
<td class="row1">
<span id="M14_groupes">{LEGEND}:<br /><br />
<a href="http://grpw.exprimetoi.com/g1-administrateur-vincent"style="color: #FF0312;font-size:11px;">Administrateur Vincent</a> <br />
<a href="http://grpw.exprimetoi.com/g9-les-enqueteurs-du-grp"style="color: #AB7200;font-size:11px;">
Les enquêteurs du G.R.P</a> <br />
<a href="http://grpw.exprimetoi.com/g10-webmasters-du-site-officiel-grpw"style="color: #FF6600;font-size:11px;">Webmasters du site officiel G.R.P.W</a> <br />
<a href="http://grpw.exprimetoi.com/g7-membres-partenaires"style="color:6F00FF;font-size:11px;">Membres partenaires</a> <br />
<a href="http://grpw.exprimetoi.com/g11-2-liste-des-membres-actifs"style="color:#000000;font-size:11px;">2 = Liste des Membres Actifs</a> <br />
<a href="http://grpw.exprimetoi.com/g12-1-presentation-obligatoire"style="color:#000000;font-size:11px;">1 = Présentation Obligatoire</a> <br />
</span>
</td>
</tr>
- Code:
<tr>
<td class="row1">
<div class="M14_leg_left"> <img src="http://i75.servimg.com/u/f75/11/26/21/37/commen10.png"align="absmiddle"/></div>
<div class="M14_leg_right"> <img src="http://i75.servimg.com/u/f75/11/26/21/37/commen10.png"align="absmiddle"/></div>
<span id="M14_groupes">{LEGEND}:<br />
<a href="http://grpw.exprimetoi.com/g1-administrateur-vincent"style="color: #FF0312;font-size:11px;">Administrateur Vincent</a> <br />
<a href="http://grpw.exprimetoi.com/g9-les-enqueteurs-du-grp"style="color: #AB7200;font-size:11px;">
Les enquêteurs du G.R.P</a> <br />
<a href="http://grpw.exprimetoi.com/g10-webmasters-du-site-officiel-grpw"style="color: #FF6600;font-size:11px;">Webmasters du site officiel G.R.P.W</a> <br />
<a href="http://grpw.exprimetoi.com/g7-membres-partenaires"style="color:6F00FF;font-size:11px;">Membres partenaires</a> <br />
<a href="http://grpw.exprimetoi.com/g11-2-liste-des-membres-actifs"style="color:#000000;font-size:11px;">2 = Liste des Membres Actifs</a> <br />
<a href="http://grpw.exprimetoi.com/g12-1-presentation-obligatoire"style="color:#000000;font-size:11px;">1 = Présentation Obligatoire</a> <br />
</span>
</td>
</tr>
Change le lien des images par celles que tu désires:
- Code:
<div class="M14_leg_left"> <img src="http://i75.servimg.com/u/f75/11/26/21/37/commen10.png"align="absmiddle"/></div>
<div class="M14_leg_right"> <img src="http://i75.servimg.com/u/f75/11/26/21/37/commen10.png"align="absmiddle"/></div>
Pense a enregistrer les modifications en cliquant respectivement sur et
a++
Invité- Invité
Re: Aligner verticalement la légende des groupes, comment procéder ?
Re,
tu peux me donner le template dans sa totalité stp ainsi que ta css .
a++
tu peux me donner le template dans sa totalité stp ainsi que ta css .
a++
Invité- Invité
Re: Aligner verticalement la légende des groupes, comment procéder ?
feuille css
- Code:
/*--- Cette partie correspond à la description du forum ---*/
.forum-description {
margin: auto;
padding: 10px;
color: #000000;
width: 80%;
border: 3px solid #000000;
-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 #000000;
border-right: 3px solid #000000;
border-top: 3px solid #000000;
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 #000000;
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: 60%;
text-align: center;
height: auto;
font-size: 11px;
}
.moder {
color : green;
font-weight : bold;
background-color : black;
box-shadow: 0 0 50px black;
border-radius:9px;
border: 1px solid orange;
width: 80%;
margin: auto;
}
.mini_ava {
float: left;
}
.mini_ava img {
width: 40px;
height: 40px;
margin: 0 5px;
border-radius: 10px;
transition: all 2s;
-moz-transition: all 2s;
-webkit-transition: all 2s;
-o-transition: all 2s;
}
.mini_ava img:hover
{
width: 80px;
height: 80px;
}
#av_quickreply img{
position: relative;
top: 35px;
left: 15px;
}
#av_quickreply {
float: left;
}
.colorpicker {
width: 356px;
height: 176px;
overflow: hidden;
position: absolute;
background: url(http://i83.servimg.com/u/f83/17/45/19/77/light11.png);
font-family: Arial, Helvetica, sans-serif;
display: none;
}
.colorpicker.dark{
background: url(http://i83.servimg.com/u/f83/17/45/19/77/dark11.png);
}
.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://i83.servimg.com/u/f83/17/45/19/77/colorp10.png);
}
.colorpicker_color div div {
position: absolute;
top: 0;
left: 0;
width: 11px;
height: 11px;
overflow: hidden;
background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp10.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://i83.servimg.com/u/f83/17/45/19/77/colorp11.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://i83.servimg.com/u/f83/17/45/19/77/custom11.png) top;
left: 212px;
top: 142px;
}
.colorpicker.dark .colorpicker_hex {
background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp11.png) top;
}
.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://i83.servimg.com/u/f83/17/45/19/77/custom12.png);
top: 52px;
left: 212px;
}
.colorpicker.dark .colorpicker_rgb_r{
background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp12.png);
}
.colorpicker_rgb_g {
background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom13.png);
top: 82px;
left: 212px;
}
.colorpicker.dark .colorpicker_rgb_g {
background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp13.png);
}
.colorpicker_rgb_b {
background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom14.png);
top: 112px;
left: 212px;
}
.colorpicker.dark .colorpicker_rgb_b {
background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp14.png);
}
.colorpicker_hsb_h, .colorpicker_hsb_s, .colorpicker_hsb_b {
display: none;
}
.colorpicker_submit {
position: absolute;
background: url("http://i83.servimg.com/u/f83/17/45/19/77/accept10.png") no-repeat;
cursor: pointer;
right: 10px;
width: 48px;
height: 50px;
top: 118px;
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;
}
.colorpicker { z-index: 3; }
G. R. P. W.
- 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 -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<td class="catHead" colspan="2" height="28">
<!-- BEGIN switch_viewonline_link -->
<span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
<!-- END switch_viewonline_link -->
<!-- BEGIN switch_viewonline_nolink -->
<span class="cattitle">{L_WHO_IS_ONLINE}</span>
<!-- END switch_viewonline_nolink -->
</td>
</tr>
<tr>
<td class="row1" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
<td class="row1" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />
{TOTAL_USERS}<br />
{NEWEST_USER}</span></td>
</tr>
<tr>
<td class="row1"><span class="gensmall">{TOTAL_USERS_ONLINE}<br />
{RECORD_USERS}<br />
<br />
{LOGGED_IN_USER_LIST}</span></td>
</tr>
{L_CONNECTED_MEMBERS}
{L_WHOSBIRTHDAY_TODAY}
{L_WHOSBIRTHDAY_WEEK}
<tr>
<td class="row1">
<div class="M14_leg_left"> <img src="http://i42.tinypic.com/2ykyquv.jpg"align="absmiddle"/></div>
<div class="M14_leg_right"> <img src="http://i42.tinypic.com/2ykyquv.jpg"align="absmiddle"/></div>
<span id="M14_groupes">{LEGEND}:<br />
<a href="http://grpw.exprimetoi.com/g1-administrateur-vincent"style="color: #FF0312;font-size:11px;">Administrateur Vincent</a> <br />
<a href="http://grpw.exprimetoi.com/g9-les-enqueteurs-du-grp"style="color: #AB7200;font-size:11px;">
Les enquêteurs du G.R.P</a> <br />
<a href="http://grpw.exprimetoi.com/g10-webmasters-du-site-officiel-grpw"style="color: #FF6600;font-size:11px;">Webmasters du site officiel G.R.P.W</a> <br />
<a href="http://grpw.exprimetoi.com/g7-membres-partenaires"style="color:6F00FF;font-size:11px;">Membres partenaires</a> <br />
<a href="http://grpw.exprimetoi.com/g11-2-liste-des-membres-actifs"style="color:#000000;font-size:11px;">2 = Liste des Membres Actifs</a> <br />
<a href="http://grpw.exprimetoi.com/g12-1-presentation-obligatoire"style="color:#000000;font-size:11px;">1 = Présentation Obligatoire</a> <br />
</span>
</td>
</tr>
<!-- BEGIN switch_chatbox_activate -->
<tr>
<td class="row1">
<span class="gensmall">{TOTAL_CHATTERS_ONLINE} : {CHATTERS_LIST}<br />
<!-- BEGIN switch_chatbox_popup -->
<div id="chatbox_popup"></div>
<script type="text/javascript">
//<![CDATA[
insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
//]]>
</script>
<!-- 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}
<!-- 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 -->
Re: Aligner verticalement la légende des groupes, comment procéder ?
Re,
mon petit lapin préféré , et la css , il faut la déposer
comme mentionné sur mon précédent message
a++
mon petit lapin préféré , et la css , il faut la déposer
comme mentionné sur mon précédent message
- Code:
/*l image a gauche dans la legende*/
.M14_leg_left
{
float:left;
margin-top:20px;/*positionnement de l image a 20px du haut*/
margin-left:100px;/*positionnement de l image a 100px de la gauche*/
}
/*l image a droite dans la legende*/
.M14_leg_right
{
float:right;
margin-top:20px;/*positionnement de l image a 20px du haut*/
margin-right:100px;/*positionnement de l image a 100px de la droite*/
}
/*La legende*/
#M14_groupes
{
color:black;/*la couleur de police du titre*/
font-size:12px;/*la taille de police du titre*/
display:block; /*on demande un affichage en bloc*/
min-width:200px;/*la largeur minimum du bloc*/
max-width:250px;/*la largeur maximale du bloc*/
height:auto;/*on autorise une hauteur indefinie*/
/*on centre le bloc automatiquement avec les margin*/
margin-left:auto;
margin-right:auto;
/*on donne un espace en haut 5px a droite 2px en bas 5px et a gauche 2px*/
padding:5px 2px 5px 2px;
text-align:center;/*on centre le texte*/
}
/*le caractere devant chaque groupe*/
#M14_groupes a:before
{
content:'*';
float:left;
}
a++
Invité- Invité
Re: Aligner verticalement la légende des groupes, comment procéder ?
Ce que tu ajoutes pour modifier, je le place ou exactement, y a tellement eu de modification que je suis perdu.
Merci.
[quote="bugsbuny"]feuille css
Merci.
[quote="bugsbuny"]feuille css
- Code:
/*--- Cette partie correspond à la description du forum ---*/
.forum-description {
margin: auto;
padding: 10px;
color: #000000;
width: 80%;
border: 3px solid #000000;
-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 #000000;
border-right: 3px solid #000000;
border-top: 3px solid #000000;
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 #000000;
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: 60%;
text-align: center;
height: auto;
font-size: 11px;
}
.moder {
color : green;
font-weight : bold;
background-color : black;
box-shadow: 0 0 50px black;
border-radius:9px;
border: 1px solid orange;
width: 80%;
margin: auto;
}
.mini_ava {
float: left;
}
.mini_ava img {
width: 40px;
height: 40px;
margin: 0 5px;
border-radius: 10px;
transition: all 2s;
-moz-transition: all 2s;
-webkit-transition: all 2s;
-o-transition: all 2s;
}
.mini_ava img:hover
{
width: 80px;
height: 80px;
}
#av_quickreply img{
position: relative;
top: 35px;
left: 15px;
}
#av_quickreply {
float: left;
}
.colorpicker {
width: 356px;
height: 176px;
overflow: hidden;
position: absolute;
background: url(http://i83.servimg.com/u/f83/17/45/19/77/light11.png);
font-family: Arial, Helvetica, sans-serif;
display: none;
}
.colorpicker.dark{
background: url(http://i83.servimg.com/u/f83/17/45/19/77/dark11.png);
}
.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://i83.servimg.com/u/f83/17/45/19/77/colorp10.png);
}
.colorpicker_color div div {
position: absolute;
top: 0;
left: 0;
width: 11px;
height: 11px;
overflow: hidden;
background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp10.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://i83.servimg.com/u/f83/17/45/19/77/colorp11.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://i83.servimg.com/u/f83/17/45/19/77/custom11.png) top;
left: 212px;
top: 142px;
}
.colorpicker.dark .colorpicker_hex {
background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp11.png) top;
}
.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://i83.servimg.com/u/f83/17/45/19/77/custom12.png);
top: 52px;
left: 212px;
}
.colorpicker.dark .colorpicker_rgb_r{
background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp12.png);
}
.colorpicker_rgb_g {
background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom13.png);
top: 82px;
left: 212px;
}
.colorpicker.dark .colorpicker_rgb_g {
background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp13.png);
}
.colorpicker_rgb_b {
background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom14.png);
top: 112px;
left: 212px;
}
.colorpicker.dark .colorpicker_rgb_b {
background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp14.png);
}
.colorpicker_hsb_h, .colorpicker_hsb_s, .colorpicker_hsb_b {
display: none;
}
.colorpicker_submit {
position: absolute;
background: url("http://i83.servimg.com/u/f83/17/45/19/77/accept10.png") no-repeat;
cursor: pointer;
right: 10px;
width: 48px;
height: 50px;
top: 118px;
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;
}
.colorpicker { z-index: 3; }
G. R. P. W.
Milouze14 a écrit:Re,
mon petit lapin préféré , et la css , il faut la déposer
comme mentionné sur mon précédent messageN'oublie pas de cliquer sur le bouton
- Code:
/*l image a gauche dans la legende*/
.M14_leg_left
{
float:left;
margin-top:20px;/*positionnement de l image a 20px du haut*/
margin-left:100px;/*positionnement de l image a 100px de la gauche*/
}
/*l image a droite dans la legende*/
.M14_leg_right
{
float:right;
margin-top:20px;/*positionnement de l image a 20px du haut*/
margin-right:100px;/*positionnement de l image a 100px de la droite*/
}
/*La legende*/
#M14_groupes
{
color:black;/*la couleur de police du titre*/
font-size:12px;/*la taille de police du titre*/
display:block; /*on demande un affichage en bloc*/
min-width:200px;/*la largeur minimum du bloc*/
max-width:250px;/*la largeur maximale du bloc*/
height:auto;/*on autorise une hauteur indefinie*/
/*on centre le bloc automatiquement avec les margin*/
margin-left:auto;
margin-right:auto;
/*on donne un espace en haut 5px a droite 2px en bas 5px et a gauche 2px*/
padding:5px 2px 5px 2px;
text-align:center;/*on centre le texte*/
}
/*le caractere devant chaque groupe*/
#M14_groupes a:before
{
content:'*';
float:left;
}
a++
Re: Aligner verticalement la légende des groupes, comment procéder ?
Re,
oups désolé ,
j'ai regroupé ta css précédente et celle que je t'ai donné .
Supprimes tout le contenu de ta css et insères ceci:
a++
oups désolé ,
j'ai regroupé ta css précédente et celle que je t'ai donné .
Supprimes tout le contenu de ta css et insères ceci:
- Code:
/*l image a gauche dans la legende*/
.M14_leg_left
{
float:left;
margin-top:20px;/*positionnement de l image a 20px du haut*/
margin-left:100px;/*positionnement de l image a 100px de la gauche*/
}
/*l image a droite dans la legende*/
.M14_leg_right
{
float:right;
margin-top:20px;/*positionnement de l image a 20px du haut*/
margin-right:100px;/*positionnement de l image a 100px de la droite*/
}
/*La legende*/
#M14_groupes
{
color:black;/*la couleur de police du titre*/
font-size:12px;/*la taille de police du titre*/
display:block; /*on demande un affichage en bloc*/
min-width:200px;/*la largeur minimum du bloc*/
max-width:250px;/*la largeur maximale du bloc*/
height:auto;/*on autorise une hauteur indefinie*/
/*on centre le bloc automatiquement avec les margin*/
margin-left:auto;
margin-right:auto;
/*on donne un espace en haut 5px a droite 2px en bas 5px et a gauche 2px*/
padding:5px 2px 5px 2px;
text-align:center;/*on centre le texte*/
}
/*le caractere devant chaque groupe*/
#M14_groupes a:before
{
content:'*';
float:left;
}
/*--- Cette partie correspond à la description du forum ---*/
.forum-description {
margin: auto;
padding: 10px;
color: #000000;
width: 80%;
border: 3px solid #000000;
-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 #000000;
border-right: 3px solid #000000;
border-top: 3px solid #000000;
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 #000000;
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: 60%;
text-align: center;
height: auto;
font-size: 11px;
}
.moder {
color : green;
font-weight : bold;
background-color : black;
box-shadow: 0 0 50px black;
border-radius:9px;
border: 1px solid orange;
width: 80%;
margin: auto;
}
.mini_ava {
float: left;
}
.mini_ava img {
width: 40px;
height: 40px;
margin: 0 5px;
border-radius: 10px;
transition: all 2s;
-moz-transition: all 2s;
-webkit-transition: all 2s;
-o-transition: all 2s;
}
.mini_ava img:hover
{
width: 80px;
height: 80px;
}
#av_quickreply img{
position: relative;
top: 35px;
left: 15px;
}
#av_quickreply {
float: left;
}
.colorpicker {
width: 356px;
height: 176px;
overflow: hidden;
position: absolute;
background: url(http://i83.servimg.com/u/f83/17/45/19/77/light11.png);
font-family: Arial, Helvetica, sans-serif;
display: none;
}
.colorpicker.dark{
background: url(http://i83.servimg.com/u/f83/17/45/19/77/dark11.png);
}
.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://i83.servimg.com/u/f83/17/45/19/77/colorp10.png);
}
.colorpicker_color div div {
position: absolute;
top: 0;
left: 0;
width: 11px;
height: 11px;
overflow: hidden;
background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp10.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://i83.servimg.com/u/f83/17/45/19/77/colorp11.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://i83.servimg.com/u/f83/17/45/19/77/custom11.png) top;
left: 212px;
top: 142px;
}
.colorpicker.dark .colorpicker_hex {
background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp11.png) top;
}
.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://i83.servimg.com/u/f83/17/45/19/77/custom12.png);
top: 52px;
left: 212px;
}
.colorpicker.dark .colorpicker_rgb_r{
background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp12.png);
}
.colorpicker_rgb_g {
background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom13.png);
top: 82px;
left: 212px;
}
.colorpicker.dark .colorpicker_rgb_g {
background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp13.png);
}
.colorpicker_rgb_b {
background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom14.png);
top: 112px;
left: 212px;
}
.colorpicker.dark .colorpicker_rgb_b {
background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp14.png);
}
.colorpicker_hsb_h, .colorpicker_hsb_s, .colorpicker_hsb_b {
display: none;
}
.colorpicker_submit {
position: absolute;
background: url("http://i83.servimg.com/u/f83/17/45/19/77/accept10.png") no-repeat;
cursor: pointer;
right: 10px;
width: 48px;
height: 50px;
top: 118px;
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;
}
.colorpicker { z-index: 3; }
G. R. P. W.
a++
Invité- Invité
Re: Aligner verticalement la légende des groupes, comment procéder ?
Je dis BRAVO et MERCI, ça ressemble parfaitement à ce que je cherchais.
Comment puis-je souligner en pointiller " La légende " ?
Comment puis-je souligner en pointiller " La légende " ?
Re: Aligner verticalement la légende des groupes, comment procéder ?
Re,
recherches cette ligne dans ton template:
a++
recherches cette ligne dans ton template:
- Code:
<span id="M14_groupes">{LEGEND}:<br />
- Code:
<span id="M14_groupes"><span style="border-bottom:1px dotted #ffffff;">{LEGEND}:</span><br />
a++
Invité- Invité
Re: Aligner verticalement la légende des groupes, comment procéder ?
Magnifique, tout est mis à part les étoiles, je ne trouve pas le code pour les changer en point noir avec le code suivant : • (
PS : j'ai réussi à changer l'étoile en point mais il est aussi haut que l'étoile, je le veux au même niveau que les groupes, donc centré à gauche.
Je devient ennuyant LOL
- Code:
•
PS : j'ai réussi à changer l'étoile en point mais il est aussi haut que l'étoile, je le veux au même niveau que les groupes, donc centré à gauche.
Je devient ennuyant LOL
Re: Aligner verticalement la légende des groupes, comment procéder ?
Re,
Par contre j’espère que ce sera les dernières modifications .
En attendant donne moi tout le template et ta css ,
je travaillerais demain avec .
a++
Que veux tu dire car sur ton forum c'est bien aligné .
PS : j'ai réussi à changer l'étoile en point mais il est aussi haut que l'étoile, je le veux au même niveau que les groupes, donc centré à gauche.
Par contre j’espère que ce sera les dernières modifications .
En attendant donne moi tout le template et ta css ,
je travaillerais demain avec .
a++
Invité- Invité
Re: Aligner verticalement la légende des groupes, comment procéder ?
EDIT : Il reste juste une dernière opération : centrer le bloc au centre pour que quand je modifie la largeur de la première image à gauche, le bloc ne bouge pas.
Pour le reste, j'ai trouvé et j'ai même mis un cadre ou il y a les groupes au centre.
Quelqu'un peut m'aider ?
Je ne peux pas continuer à employer le temps de milouze14.
Alors, les points sont un chouia trop haut, ils devraient être au niveau des lignes rouges comme sur la capture ci-dessous.
- cliquer pour voir la capture:
Le css complet :
- Code:
/*l image a gauche dans la legende*/
.M14_leg_left
{
float:left;
margin-top:70px;/*positionnement de l image a 70px du haut*/
margin-left:90px;/*positionnement de l image a 40px de la gauche*/
}
/*l image a droite dans la legende*/
.M14_leg_right
{
float:right;
margin-top:70px;/*positionnement de l image a 70px du haut*/
margin-right:80px;/*positionnement de l image a 40px de la droite*/
}
/*La legende*/
#M14_groupes
{
color:white;/*la couleur de police du titre*/
font-size:18px;/*la taille de police du titre*/
display:block;/*on demande un affichage en bloc*/
min-width:200px;/*la largeur minimum du bloc*/
max-width:250px;/*la largeur maximale du bloc*/
height:auto;/*on autorise une hauteur indefinie*/
margin-left:auto;/*on centre le bloc automatiquement avec les margin*/
margin-right:auto;/*on donne un espace en haut 5px a droite 2px en bas 5px et a gauche 2px*/
padding:5px 2px 5px 2px;
text-align:center;/*on centre le texte*/
}
/*--- Cette partie correspond à la description du forum ---*/
.forum-description {
margin: auto;
padding: 10px;
color: #000000;
width: 80%;
border: 3px solid #000000;
-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 #000000;
border-right: 3px solid #000000;
border-top: 3px solid #000000;
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 #000000;
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: 60%;
text-align: center;
height: auto;
font-size: 11px;
}
.moder {
color : green;
font-weight : bold;
background-color : black;
box-shadow: 0 0 50px black;
border-radius:9px;
border: 1px solid orange;
width: 80%;
margin: auto;
}
.mini_ava {
float: left;
}
.mini_ava img {
width: 40px;
height: 40px;
margin: 0 5px;
border-radius: 10px;
transition: all 2s;
-moz-transition: all 2s;
-webkit-transition: all 2s;
-o-transition: all 2s;
}
.mini_ava img:hover
{
width: 80px;
height: 80px;
}
#av_quickreply img{
position: relative;
top: 35px;
left: 15px;
}
#av_quickreply {
float: left;
}
.colorpicker {
width: 356px;
height: 176px;
overflow: hidden;
position: absolute;
background: url(http://i83.servimg.com/u/f83/17/45/19/77/light11.png);
font-family: Arial, Helvetica, sans-serif;
display: none;
}
.colorpicker.dark{
background: url(http://i83.servimg.com/u/f83/17/45/19/77/dark11.png);
}
.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://i83.servimg.com/u/f83/17/45/19/77/colorp10.png);
}
.colorpicker_color div div {
position: absolute;
top: 0;
left: 0;
width: 11px;
height: 11px;
overflow: hidden;
background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp10.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://i83.servimg.com/u/f83/17/45/19/77/colorp11.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://i83.servimg.com/u/f83/17/45/19/77/custom11.png) top;
left: 212px;
top: 142px;
}
.colorpicker.dark .colorpicker_hex {
background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp11.png) top;
}
.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://i83.servimg.com/u/f83/17/45/19/77/custom12.png);
top: 52px;
left: 212px;
}
.colorpicker.dark .colorpicker_rgb_r{
background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp12.png);
}
.colorpicker_rgb_g {
background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom13.png);
top: 82px;
left: 212px;
}
.colorpicker.dark .colorpicker_rgb_g {
background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp13.png);
}
.colorpicker_rgb_b {
background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom14.png);
top: 112px;
left: 212px;
}
.colorpicker.dark .colorpicker_rgb_b {
background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp14.png);
}
.colorpicker_hsb_h, .colorpicker_hsb_s, .colorpicker_hsb_b {
display: none;
}
.colorpicker_submit {
position: absolute;
background: url("http://i83.servimg.com/u/f83/17/45/19/77/accept10.png") no-repeat;
cursor: pointer;
right: 10px;
width: 48px;
height: 50px;
top: 118px;
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;
}
.colorpicker { z-index: 3; }
G. R. P. W.
- 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 -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<td class="catHead" colspan="2" height="28">
<!-- BEGIN switch_viewonline_link -->
<span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
<!-- END switch_viewonline_link -->
<!-- BEGIN switch_viewonline_nolink -->
<span class="cattitle">{L_WHO_IS_ONLINE}</span>
<!-- END switch_viewonline_nolink -->
</td>
</tr>
<tr>
<td class="row1" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
<td class="row1" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />
{TOTAL_USERS}<br />
{NEWEST_USER}</span></td>
</tr>
<tr>
<td class="row1"><span class="gensmall">{TOTAL_USERS_ONLINE}<br />
{RECORD_USERS}<br />
<br />
{LOGGED_IN_USER_LIST}</span></td>
</tr>
{L_CONNECTED_MEMBERS}
{L_WHOSBIRTHDAY_TODAY}
{L_WHOSBIRTHDAY_WEEK}
<tr>
<td class="row1">
<div class="M14_leg_left"> <img src="http://i42.tinypic.com/2ykyquv.jpg"align="absmiddle"/></div>
<div class="M14_leg_right"> <img src="http://i42.tinypic.com/2ykyquv.jpg"align="absmiddle"/></div>
<TABLE BORDER WIDTH=300 HEIGHT=100>
<TR><TD><CENTER><B>Liste des Groupes</B></CENTER></TD></TR>
<TR>
<TD>
<ul>
<span id="M14_groupes"><span style="border-bottom:1px dotted #ffffff;">{LEGEND}:</span><br />
<li><a href="http://grpw.exprimetoi.com/g1-administrateur-vincent"style="color: #FF0312;font-size:11px;">Administrateur Vincent</a> <br /></li>
<li><a href="http://grpw.exprimetoi.com/g9-les-enqueteurs-du-grp"style="color: #AB7200;font-size:11px;">
Les enquêteurs du G.R.P</a> <br /></li>
<li><a href="http://grpw.exprimetoi.com/g10-webmasters-du-site-officiel-grpw"style="color: #FF6600;font-size:11px;">Webmasters du site officiel G.R.P.W</a> <br /></li>
<li><a href="http://grpw.exprimetoi.com/g7-membres-partenaires"style="color:6F00FF;font-size:11px;">Membres partenaires</a> <br /></li>
<li><a href="http://grpw.exprimetoi.com/g11-2-liste-des-membres-actifs"style="color:#000000;font-size:11px;">2 = Liste des Membres Actifs</a> <br /></li>
<li><a href="http://grpw.exprimetoi.com/g12-1-presentation-obligatoire"style="color:#000000;font-size:11px;">1 = Présentation Obligatoire</a> <br /></li>
</span>
</ul>
</TD>
</TR>
</TABLE>
<!-- BEGIN switch_chatbox_activate -->
<tr>
<td class="row1">
<span class="gensmall">{TOTAL_CHATTERS_ONLINE} : {CHATTERS_LIST}<br />
<!-- BEGIN switch_chatbox_popup -->
<div id="chatbox_popup"></div>
<script type="text/javascript">
//<![CDATA[
insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
//]]>
</script>
<!-- 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}
<!-- 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 -->
Dernière édition par bugsbuny le Jeu 26 Sep 2013 - 21:37, édité 1 fois
Re: Aligner verticalement la légende des groupes, comment procéder ?
Salut bugsbuny,
je vois que tu as changé la structure du code html,
en laissant le code que je t'ai donné précédemment et en insérant ceci dans la css
l'alignement est correcte:
a++
je vois que tu as changé la structure du code html,
en laissant le code que je t'ai donné précédemment et en insérant ceci dans la css
l'alignement est correcte:
- Code:
#M14_groupes a:before
{
content:'•';
float:left;
}
a++
Invité- Invité
Page 1 sur 2 • 1, 2
Sujets similaires
» Comment aligner verticalement le titre date et pseudo dans la colonne derniers sujets ?
» Aligner (verticalement) les champs du profil
» Changer l'emplacement de la légende (verticalement)
» Légende des groupes n’apparaît plus
» Affichage de la légende des groupes
» Aligner (verticalement) les champs du profil
» Changer l'emplacement de la légende (verticalement)
» Légende des groupes n’apparaît plus
» Affichage de la légende des groupes
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 2
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum