Personnalisation template (qui est en ligne + affichage sujet)

Bonjour à vous,

Je poursuis la personnalisation de mon futur forum et comme précédemment j'ai quelques petites difficultés à modifier les codes pour que ça fonctionne avec ce que j'ai en tête.

Je vais commencer par le "qui est en ligne", j'ai choisie ce modèle : http://www.aht.li/2917594/QEEL16.png, que je trouve sublime, mais j'aimerais modifier la phrase "qui est en ligne ?" par une phrase de ma composition, c'est à dire : Qui se promène en ville ? ; mais je ne sais pas comment effectuer cette modification. Je voudrais également ajouter la description de chaque groupe avec une infobulle et je n'ai pas trouver comment faire :)

Ensuite, ma seconde personnalisation concerne l'affichage des sujets, et ce modèle : http://www.aht.li/2930581/SBJ6.png ; je fais souvent des longs profils sur mes forums et je voudrais y ajouter une barre de défilement, pour qu'ils aient tous la même taille. De plus, je voudrais également que les images (car j'ajoute un gifs), puisse se redimensionner et ne pas déborder sur la partie message, s'il est trop grand.

Merci d'avance et surtout, je m'excuse de vous importuner avec mes questions :)

Remplacez :

Code:

<!-- TITRE --><div class="tleQEEL"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></div>

Par :

Code:

<!-- TITRE --><div class="tleQEEL"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">Qui se promène en ville ?</a></div>

Remplacez :

Code:

<!-- GROUPES --><div class="blocGQEEL">{GROUP_LEGEND}</div>

Par :

Code:

<!-- GROUPES --><div class="blocGQEEL"><!-- I --><div class="infoGROUP"><!-- COULEUR --><a href="" target="_blank" style="color:lightblue;">Groupe 1</a><!-- DESCRIPTION --><div>Description du groupe 1</div></div><!-- II --><div class="infoGROUP"><!-- COULEUR --><a href="" target="_blank" style="color:lightgreen;">Groupe 2</a><!-- DESCRIPTION --><div>Description du groupe 2</div></div><!-- FIN GROUPES --></div>

Remplacez :

Code:

/* BLOC GROUPES QEEL */
.blocGQEEL {
position:absolute; margin-left:655px;
width:145px; height:330px; overflow:auto;
text-align:center; color:rgba(0,0,0,0); line-height:14px;
background:grey; /* MODIFIABLE */
}
/* GROUPE QEEL */
.blocGQEEL a {
display:block;
padding:3px; margin-bottom:2px;
font-size:16px; font-weight:bold; text-transform:uppercase;
}

Par :

Code:

/* BLOC GROUPES QEEL */
.blocGQEEL {
position:absolute; margin-left:655px;
width:145px; height:320px; padding-top:10px; text-align:center;
background:grey; /* MODIFIABLE */
}
/* GROUPE QEEL */
.infoGROUP a {
display:block; margin:5px auto;
font-size:16px; font-weight:bold; text-transform:uppercase;
}
/* DESCRIPTION GROUPE QEEL */
.infoGROUP div {
position:absolute; margin-left:150px; margin-top:-30px;
width:150px; padding:5px;
background:rgba(250,250,250,0.5); color:black; /* MODIFIABLE */
font-size:11px; text-align:justify;
opacity:0;
}
.infoGROUP:hover div {
opacity:1;
}

Pour le profil, remplacez & modifiez la largeur en conséquence :

Code:

/* BLOC INFORMATIONS JOUEUR */
.abtPOST {
margin:10px auto;
width:222px; overflow:auto;
text-align:left; font-size:11px;
}

Ajoutez :

Code:

/* IMAGES INFORMATIONS JOUEUR */
.abtPOST img{
margin:auto;
max-width:190px;
}

Bonjour,

Un grand merci à vous, c'est parfait :)