Séparation entre 2 deux messages

[dje8269]

Détails techniques

Version du forum : phpBB3
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Internet Explorer
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Toujours
Lien du forum : http://fantas-pic.forumactif.org

Description du problème

Bonjour à tous ,

Voila je cherche actuellement à créer un effet de séparation entre deux messages d'internaute .

En effet a l'heure actuel; une ligne blanche sépare les messages , sans une grande distinction , voir même pas du tout .

je souhaiterais donc pouvoir remédié a cela , soit par une ligne continue entre les messages ( gris foncé par exemple) , ou alors le TOP créer un bandeau ( qui fera office de ligne de séparation . Dans ce bandeau le rectangle sur l'image .

[Invité]

Re,

tu peux insérer un simple javascript :

Modules/HTML&JAVASCRIPT/
Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite.
Cocher Sur les sujets
colle ceci:

Code:

$(function(){
$('div[id^="p"].post').after('<div style="height:10px;background:#666666;margin-top:2px ;margin-bottom:2px;"></div>');

});


Dans ce code, tu as ceci qui se déposera entre chaque messages:

Code:

<div style="height:10px;background:#666666;margin-top:2px ;margin-bottom:2px;"></div>

tu peux changer
la hauteur en modifiant la valeur 10px de height
la couleur de fond en changeant la couleur de fond #666666 de background
la marge du haut en changeant la valeur 2px de margin-top
la marge du bas en changeant la valeur 2px de margin-bottom

Tu peux aussi définir que cette séparation soit centrée et ne fasse que la moitié de la largeur de tes messages,
il suffit de mettre un

Code:


width:50%;margin-left:25%;


Ton code sera donc comme ceci:

Code:

$(function(){
$('div[id^="p"].post').after('<div style="width:50%;margin-left:25%;height:10px;background:#666666;margin-top:2px ;margin-bottom:2px;"></div>');

});


Penses à cliquer sur le bouton

a++

[dje8269]

Génial merci beaucoup !

Au début ca n'a pas fonctionné, jamais oublié de mettre le JavaScript sur "toutes les pages" .