Ce code amélioré permet de personnaliser et de modifier votre Qui en ligne en dessus d’une image, ayant les groupes sur la droite et centré, puis avec tout le texte en justify.

 

Rendez-vous dans votre Panneau d’Administration
♦ Dirigez-vous dans Affichages > Templates > Général > Index_body.
♦ Recherche le code entre ses 2 balises

<!– BEGIN disable_viewonline –>

<!– END disable_viewonline –>

♦ Vous alliez maintenant remplacer tout le code par celui de ci-dessous en modifiant les caractère en Majuscule

<!– BEGIN disable_viewonline –>
<table cellspacing= »2″ cellpadding= »2″ width= »865″ border= »0″ class= »statistiques »>
<tr>
<td width= »15% »></td>
<td width= »15% » valign= »top »><br><br><br><br><br><br><center><img src= »IMAGE TITRE GROUPE »><br><br>
<span class= »groupes »><a href= »/LIEN_DU_GROUPE »><font color= »#COULEURS » size= »1″>
<b>NOM_DU_GROUPE</b></font></a></span><img src= »http://stockage.ffmystery.com/images/groupe_transp.png »>
<span class= »groupes »><a href= »/LIEN_DU_GROUPE »><font color= »#COULEURS » size= »1″>
<b>NOM_DU_GROUPE</b></font></a></span><img src= »http://stockage.ffmystery.com/images/groupe_transp.png »>
<span class= »groupes »><a href= »/LIEN_DU_GROUPE »><font color= »#COULEURS » size= »1″>
<b>NOM_DU_GROUPE</b></font></a></span><img src= »http://stockage.ffmystery.com/images/groupe_transp.png »>
<span class= »groupes »><a href= »/LIEN_DU_GROUPE »><font color= »#COULEURS » size= »1″>
<b>NOM_DU_GROUPE</b></font></a></span><img src= »http://stockage.ffmystery.com/images/groupe_transp.png »>
<span class= »groupes »><a href= »/LIEN_DU_GROUPE »><font color= »#COULEURS » size= »1″>
<b>NOM_DU_GROUPE</b></font></a></span><img src= »http://stockage.ffmystery.com/images/groupe_transp.png »>
<span class= »groupes »><a href= »/LIEN_DU_GROUPE »><font color= »#COULEURS » size= »1″>
<b>NOM_DU_GROUPE</b></font></a></span><img src= »http://stockage.ffmystery.com/images/groupe_transp.png »><br><br>
<span class= »groupes »><a href= »/LIEN_DU_GROUPE »><font color= »#COULEURS » size= »1″><b>NOM_DU_GROUPE</b></font></a></span><img src= »http://stockage.ffmystery.com/images/groupe_transp.png »>
<span class= »groupes »><a href= »/LIEN_DU_GROUPE »><font color= »#COULEURS » size= »1″><b>NOM_DU_GROUPE</b></font></a></span><img src= »http://stockage.ffmystery.com/images/groupe_transp.png »>
<span class= »groupes »><a href= »/LIEN_DU_GROUPE »><font color= »#COULEURS » size= »1″><b>NOM_DU_GROUPE</b></font></a></span><br><br>
<center><img src= »IMAGE TITRE STATISTIQUES »></center><br>
<div style= »text-align:justify; »><span class= »gensmall »><span id= »delf »><font COLOR= »#COULEUR DU TEXTE »>Voyons qui est maintenant en ligne… {TOTAL_USERS_ONLINE}. {LOGGED_IN_USER_LIST}</font></span></span></div></div><br>
<div style= »text-align:justify; »><span class= »gensmall »><span id= »delf »><font COLOR= »#COULEUR DU TEXTE »>NOM DU FORUM est un forum CATEGORIE DU FORUM sous le thème des THEME DU FORUM qui a été crée le DATE DE CREATION par la fondatrice, NOM DU FONDATEUR. {RECORD_USERS}. Le codage de ce « Qui est en ligne » a été entièrement codé par <a style= »color: #COULEUR; » href= »http://www.mof-design.com/ » target= »bank »>Shaynee</a> sur <a style= »color: #COULEUR; » href= »http://www.mof-design.com » target= »bank »>MoF Design</a>, merci de ne pas le retirer ! {TOTAL_USERS}. {TOTAL_POSTS}. {NEWEST_USER}.<br><br></font></span></span></div>
<table width= »100% » valign= »top » style= »text-align: justify; background-color: #COULEUR DE LA BORDURE; »><span class= »gensmall »><span id= »delf »>{L_WHOSBIRTHDAY_TODAY}
{L_CONNECTED_MEMBERS}</span></span></table>
<td width= »3% »></td>
</tr>
</table>
<!– END disable_viewonline –>

♦ Selon la largeur de votre image du qui est en ligne, vous deviez surement modifier width= »865″ au tout début du code.

<table cellspacing= »2″ cellpadding= »2″ width= »865″ border= »0″ class= »statistiques »>

♦ Dirigez-vous maintenant dans Affichages > Couleurs > Général > Feuille de Style CSS
♦ Installez ce code en modifiant les #COULEUR et en mettant votre image de votre Qui en Ligne

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~- QUI EST EN LIGNE -~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* TABLEAU DU QEEL ?
—————————————————–*/

.statistiques{
border:1px;
border:1px;
background-image: url(« LIEN IMAGE »);  /*Ici mettez le lien de l’image de votre QEEL*/
background-repeat: no-repeat;
background-position: center;
height: 723px; /*Ici mettez la hauteur de l’image qui sera sur le QEEL*/
}

.groupes{
border: 1px #COULEUR dashed; /*Regler l’épaisseur du contour et de la couleur des bords des nom de groupe*/
padding-right:5px;
padding-left:5px;
padding-bottom:3px;
font-size:14px;
font-weight: bold;
text-align:center;
text-decoration: none !important;
}

/* COULEUR DU TEXTE SUR LE QEEL
PARTIE ANNIVERSAIRE ET DERNIERE CONNEXION DES MEMBRES
—————————————————–*/

.gensmall {
text-decoration: none;
color : #COULEUR;
 }

/* LIEN EN MINI-MAJUSCULE
—————————————————–*/

a {
font-variant: small-caps;
}

a:link,a:active,a:visited {
font-variant: small-caps;
text-decoration: none !important;
 }

a:hover{
font-variant: small-caps;
text-decoration: none !important;
}

♦ Selon la taille de votre image qui est en ligne, vous deviez surement modifier « height:300px; » dans .statistiques

♦ Et enregistrez. !

Il est interdit de retirer le crédit qui est en bas de la page d’accueil et de prendre possession de mon codage!!! Si je le remarque, vous serez banni définitivement sans explication !!!

© By Shaynee

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *