Séparation entre 2 deux messages

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

Résolu Séparation entre 2 deux messages

Message par dje8269 le Sam 25 Oct 2014 - 9:58

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 .






Dernière édition par dje8269 le Sam 25 Oct 2014 - 11:07, édité 1 fois

dje8269
*

Messages : 43
Inscrit(e) le : 19/09/2014

http://fantas-pic.forumactif.org
dje8269 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Séparation entre 2 deux messages

Message par Milouze14 le Sam 25 Oct 2014 - 10:57

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

Milouze14
+ Hyperactif +

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

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

Résolu Re: Séparation entre 2 deux messages

Message par dje8269 le Sam 25 Oct 2014 - 11:08

Génial merci beaucoup !

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

dje8269
*

Messages : 43
Inscrit(e) le : 19/09/2014

http://fantas-pic.forumactif.org
dje8269 a été remercié(e) par l'auteur de ce sujet.

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