Aligner verticalement la légende des groupes, comment procéder ?

Page 1 sur 2 1, 2  Suivant

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

Résolu Aligner verticalement la légende des groupes, comment procéder ?

Message par bugsbuny le Mer 25 Sep 2013 - 9:21

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.

bugsbuny
# Tropactif #

Masculin
Messages : 1185
Inscrit(e) le : 01/03/2007

http://grpw.exprimetoi.com
bugsbuny a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aligner verticalement la légende des groupes, comment procéder ?

Message par Milouze14 le Mer 25 Sep 2013 - 11:29

Salut bugsbuny,
j'ai réussi à trouver quelque chose qui y ressemble Clin d\'oeil .




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>
Remplaces par:

Code:

<tr>
          <td class="row1"><span class="gensmall">{LEGEND} : <br /><span id="M14_groupes">{GROUP_LEGEND}</span></span></td>
   </tr>

Pense à enregistrer puis à valider en cliquant respectivement sur :mqlkdfjgrerr: puis :Ajout:

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style


Colles ceci:
Code:


#M14_groupes 
{
display:block;
width:120px;
height:auto;
}

Pense à cliquer sur le bouton

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aligner verticalement la légende des groupes, comment procéder ?

Message par bugsbuny le Mer 25 Sep 2013 - 11:48

Bonjour Milouze14, merci pour le code, maintenant, y a t il moyen de centrer les phrases mais que chaque groupe soit à la ligne et centré comme sur la capture d'écran ?

J'ai mis dans feuille de style css:
#M14_groupes
{
display:block;
width:200px;
height:auto;
}



Merci.

bugsbuny
# Tropactif #

Masculin
Messages : 1185
Inscrit(e) le : 01/03/2007

http://grpw.exprimetoi.com
bugsbuny a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aligner verticalement la légende des groupes, comment procéder ?

Message par Milouze14 le Mer 25 Sep 2013 - 12:02

Re,
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>

Remplaces par ceci:
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 Wink  .

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aligner verticalement la légende des groupes, comment procéder ?

Message par bugsbuny le Mer 25 Sep 2013 - 12:13

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

bugsbuny
# Tropactif #

Masculin
Messages : 1185
Inscrit(e) le : 01/03/2007

http://grpw.exprimetoi.com
bugsbuny a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aligner verticalement la légende des groupes, comment procéder ?

Message par Milouze14 le Mer 25 Sep 2013 - 12:16

Re,
je dois me sauver, j'essaierais de te trouver tout çà demain Wink  .

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aligner verticalement la légende des groupes, comment procéder ?

Message par bugsbuny le Mer 25 Sep 2013 - 12:18

@Milouze14 a écrit:Re,
je dois me sauver, j'essaierais de te trouver tout çà demain Wink  .

a++
Merci à toi et bonne journée thumright 

bugsbuny
# Tropactif #

Masculin
Messages : 1185
Inscrit(e) le : 01/03/2007

http://grpw.exprimetoi.com
bugsbuny a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aligner verticalement la légende des groupes, comment procéder ?

Message par Milouze14 le Jeu 26 Sep 2013 - 5:32

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 Wink .

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aligner verticalement la légende des groupes, comment procéder ?

Message par bugsbuny le Jeu 26 Sep 2013 - 7:19

@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 Wink .

a++
Bonjour Milouze14,
Bien dormi ?

Que veux tu dire par forum ne correspond pas ?

Merci.

bugsbuny
# Tropactif #

Masculin
Messages : 1185
Inscrit(e) le : 01/03/2007

http://grpw.exprimetoi.com
bugsbuny a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aligner verticalement la légende des groupes, comment procéder ?

Message par Milouze14 le Jeu 26 Sep 2013 - 7:43

Re,

pas longtemps, mais c'est toujours réparateur Laughing .

La capture que tu as montrée n'est pas en relation avec ton forum Wink .

Edit: c'est ok maintenant Clin d\'oeil  .

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aligner verticalement la légende des groupes, comment procéder ?

Message par Milouze14 le Jeu 26 Sep 2013 - 7:51

Re,

j'ai tout ce qu'il me faut pour les couleur etc etc.

Désires tu avoir autre chose de particulier ?
a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aligner verticalement la légende des groupes, comment procéder ?

Message par bugsbuny le Jeu 26 Sep 2013 - 7:55

@Milouze14 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++
Excellent, non, tout ce que je veux, ce sont les groupes l'un en dessous de l'autre et centré, voilà, LOL
Pour le moment, c'est tout.

bugsbuny
# Tropactif #

Masculin
Messages : 1185
Inscrit(e) le : 01/03/2007

http://grpw.exprimetoi.com
bugsbuny a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aligner verticalement la légende des groupes, comment procéder ?

Message par Milouze14 le Jeu 26 Sep 2013 - 8:14

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 Clin d\'oeil  .

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>
Supprimes et remplaces par:

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>

Pense a enregistrer les modifications en cliquant respectivement sur et

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Recherches ceci:
Code:

#M14_groupes
{
display:block;
 width:120px;
 height:auto;
}
Supprimes et remplaces par:
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*/
}

Pense à cliquer sur le bouton

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aligner verticalement la légende des groupes, comment procéder ?

Message par bugsbuny le Jeu 26 Sep 2013 - 8:39

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.

bugsbuny
# Tropactif #

Masculin
Messages : 1185
Inscrit(e) le : 01/03/2007

http://grpw.exprimetoi.com
bugsbuny a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aligner verticalement la légende des groupes, comment procéder ?

Message par Milouze14 le Jeu 26 Sep 2013 - 8:48

Re,
tu veux dire un saut de ligne :

Dans ce cas recherches:
Code:
<span id="M14_groupes">{LEGEND}:<br />
ajoutes à la suite un autre saut de ligne :
Code:
<br />
Ensuite tu peux ajouter avant chaque groupe un code texte :
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 Clin d\'oeil  .

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

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aligner verticalement la légende des groupes, comment procéder ?

Message par bugsbuny le Jeu 26 Sep 2013 - 9:12

Voilà qui est fait, ça donne pas trop beau, y a t il moyen de centrer les puces l'une au-dessus de l'autre ?
Il faut modifier des pixels quelques part ?

Je voudrais également insérer une image à gauche et à droite des groupes, tu connais la procédure ?



Merci.

bugsbuny
# Tropactif #

Masculin
Messages : 1185
Inscrit(e) le : 01/03/2007

http://grpw.exprimetoi.com
bugsbuny a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aligner verticalement la légende des groupes, comment procéder ?

Message par Milouze14 le Jeu 26 Sep 2013 - 9:55

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 Wink .
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;

}

Pense à cliquer sur le bouton

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>
        
supprimes et remplaces par:
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++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aligner verticalement la légende des groupes, comment procéder ?

Message par bugsbuny le Jeu 26 Sep 2013 - 10:34

Voilà, j'ai fais les modifications mais tout est l'un en dessous de l'autre comme sur la capture d'écran.


bugsbuny
# Tropactif #

Masculin
Messages : 1185
Inscrit(e) le : 01/03/2007

http://grpw.exprimetoi.com
bugsbuny a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aligner verticalement la légende des groupes, comment procéder ?

Message par Milouze14 le Jeu 26 Sep 2013 - 11:16

Re,
tu peux me donner le template dans sa totalité stp ainsi que ta css Wink .

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aligner verticalement la légende des groupes, comment procéder ?

Message par bugsbuny le Jeu 26 Sep 2013 - 11:21

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.
 
 
Index body

Code:
{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <!-- BEGIN message_admin_titre -->
   <tr>
      <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
   </tr>
   <!-- END message_admin_titre -->
   <!-- BEGIN message_admin_txt -->
   <tr>
      <td class="row1" rowspan="3" align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
   </tr>
   <!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->

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

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

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

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

{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td width="50%" valign="top">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
         <!-- END switch_user_logged_in -->
         <!-- BEGIN switch_delete_cookies -->
         <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
         <!-- END switch_delete_cookies -->
         </span>
      </td>
      <td width="50%" align="right">
         <span class="gensmall">
            <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
            <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
            <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
            <!-- BEGIN switch_on_index -->
               <!-- BEGIN switch_delete_cookies -->
               <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
               <!-- END switch_delete_cookies -->
            <!-- END switch_on_index -->
         </span>
      </td>
   </tr>
</table>

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

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

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

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

<!-- BEGIN disable_viewonline -->
<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 -->

bugsbuny
# Tropactif #

Masculin
Messages : 1185
Inscrit(e) le : 01/03/2007

http://grpw.exprimetoi.com
bugsbuny a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aligner verticalement la légende des groupes, comment procéder ?

Message par Milouze14 le Jeu 26 Sep 2013 - 11:27

Re,

mon petit lapin préféré Very Happy , 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;
       
        }
       
N'oublie pas de cliquer sur le bouton

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aligner verticalement la légende des groupes, comment procéder ?

Message par bugsbuny le Jeu 26 Sep 2013 - 11:49

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
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é Very Happy , 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;
        
        }
        
N'oublie pas de  cliquer sur le bouton

a++

bugsbuny
# Tropactif #

Masculin
Messages : 1185
Inscrit(e) le : 01/03/2007

http://grpw.exprimetoi.com
bugsbuny a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aligner verticalement la légende des groupes, comment procéder ?

Message par Milouze14 le Jeu 26 Sep 2013 - 11:53

Re,
oups désolé ,
j'ai regroupé ta css précédente et celle que je t'ai donné Wink  .


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.
   
   
Pense à cliquer sur le bouton

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aligner verticalement la légende des groupes, comment procéder ?

Message par bugsbuny le Jeu 26 Sep 2013 - 12:09

Je dis BRAVO et MERCI, ça ressemble parfaitement à ce que je cherchais.

Comment puis-je souligner en pointiller " La légende " ?


merci merci merci merci merci merci merci merci merci merci ok Yahoo thumleft 

bugsbuny
# Tropactif #

Masculin
Messages : 1185
Inscrit(e) le : 01/03/2007

http://grpw.exprimetoi.com
bugsbuny a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aligner verticalement la légende des groupes, comment procéder ?

Message par Milouze14 le Jeu 26 Sep 2013 - 12:48

Re,

recherches cette ligne dans ton template:
Code:
<span id="M14_groupes">{LEGEND}:<br />
remplace par:
Code:
<span id="M14_groupes"><span style="border-bottom:1px dotted #ffffff;">{LEGEND}:</span><br />
Penses a enregistrer les modifications en cliquant respectivement sur et

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aligner verticalement la légende des groupes, comment procéder ?

Message par bugsbuny le Jeu 26 Sep 2013 - 13:08

Magnifique, tout est mis à part les étoiles, je ne trouve pas le code pour les changer en point noir avec le code suivant : •  (
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

bugsbuny
# Tropactif #

Masculin
Messages : 1185
Inscrit(e) le : 01/03/2007

http://grpw.exprimetoi.com
bugsbuny a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aligner verticalement la légende des groupes, comment procéder ?

Message par Milouze14 le Jeu 26 Sep 2013 - 15:06

Re,



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.
Que veux tu dire car sur ton forum c'est bien aligné Wink .

Par contre j’espère que ce sera les dernières modifications Clin d\'oeil .

En attendant donne moi tout le template et ta css ,
je travaillerais demain avec Clin d\'oeil .

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aligner verticalement la légende des groupes, comment procéder ?

Message par bugsbuny le Jeu 26 Sep 2013 - 16:24

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.
   
    
    
Le template complet index body :
Code:

{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <!-- BEGIN message_admin_titre -->
   <tr>
      <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
   </tr>
   <!-- END message_admin_titre -->
   <!-- BEGIN message_admin_txt -->
   <tr>
      <td class="row1" rowspan="3" align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
   </tr>
   <!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->

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

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

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

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

{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td width="50%" valign="top">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
         <!-- END switch_user_logged_in -->
         <!-- BEGIN switch_delete_cookies -->
         <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
         <!-- END switch_delete_cookies -->
         </span>
      </td>
      <td width="50%" align="right">
         <span class="gensmall">
            <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
            <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
            <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
            <!-- BEGIN switch_on_index -->
               <!-- BEGIN switch_delete_cookies -->
               <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
               <!-- END switch_delete_cookies -->
            <!-- END switch_on_index -->
         </span>
      </td>
   </tr>
</table>

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

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

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

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

<!-- BEGIN disable_viewonline -->
<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 -->
Après les points, ce sera tout, je te remercie pour le temps que tu as pris pour m'aider, MERCI.


Dernière édition par bugsbuny le Jeu 26 Sep 2013 - 21:37, édité 1 fois

bugsbuny
# Tropactif #

Masculin
Messages : 1185
Inscrit(e) le : 01/03/2007

http://grpw.exprimetoi.com
bugsbuny a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aligner verticalement la légende des groupes, comment procéder ?

Message par bugsbuny le Jeu 26 Sep 2013 - 21:33

up

bugsbuny
# Tropactif #

Masculin
Messages : 1185
Inscrit(e) le : 01/03/2007

http://grpw.exprimetoi.com
bugsbuny a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aligner verticalement la légende des groupes, comment procéder ?

Message par Milouze14 le Ven 27 Sep 2013 - 6:09

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:

Code:

#M14_groupes a:before
{
content:'•';
float:left;
}


a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Page 1 sur 2 1, 2  Suivant

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum