Membres connectés récemment
[PHPBB3] Coloriser les messages édités
+6
photoclic
Anita87
50Thierry
dymo
mariok
damieng59
10 participants
Page 1 sur 1 • Partagez
,
l'astuce consiste a coloriser les messages édités et déposer une infobulle au survol du message concerné :
Aperçu imagé:
Modules/HTML JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript
Mettre un titre explicite.
Cochez sur les sujets.
Déposez ce script:
Penser a enregistrer puis à valider en cliquant respectivement sur puis
Puis on va donner un style :
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Déposez ceci:
Penser a enregistrer puis à valider en cliquant respectivement sur puis
Attention!!! Laissez le selecteur background-color afin que l'image en ligne reste visible
Choisissez les couleurs désirées et prenez bien en compte que les class corner ont été supprimé par le script afin d'avoir un rendu correcte et de pouvoir mettre des bordures arrondies sans déformation dû à ces class
l'astuce consiste a coloriser les messages édités et déposer une infobulle au survol du message concerné :
Aperçu imagé:
Modules/HTML JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript
Mettre un titre explicite.
Cochez sur les sujets.
Déposez ce script:
- Code:
$(function(){
$('.postbody:contains("Dernière édition")').closest('.post').attr('id','M14_inner').attr('title','Ce message a été édité');
// SUPPRESSION DES CLASS CORNER
$('#M14_inner').find('.corners-top, .corners-bottom').remove();
});
Penser a enregistrer puis à valider en cliquant respectivement sur puis
Puis on va donner un style :
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Déposez ceci:
- Code:
/*Coloriser les messages edites*/
#M14_inner.post
{
background-color:#ADCF4F;
border:2px dotted #8E3557 ;
cursor:pointer;
-webkit-border-radius: 6px;
-moz-border-radius:6px;
border-radius:6px;
}
Penser a enregistrer puis à valider en cliquant respectivement sur puis
Attention!!! Laissez le selecteur background-color afin que l'image en ligne reste visible
Choisissez les couleurs désirées et prenez bien en compte que les class corner ont été supprimé par le script afin d'avoir un rendu correcte et de pouvoir mettre des bordures arrondies sans déformation dû à ces class
Sujets similaires
» [PHPBB3] Alterner l'apparence sur les messages
» [PHPBB2] Coloriser les cases derniers messages en fonction de la couleur du groupe
» [PHPBB3]Afficher le nombre de sujets/messages sur les messages
» [PHPBB3]Supprimer le tag "Re" sur les messages
» [PHPBB3] Afficher les sujets et les messages progressivement
» [PHPBB2] Coloriser les cases derniers messages en fonction de la couleur du groupe
» [PHPBB3]Afficher le nombre de sujets/messages sur les messages
» [PHPBB3]Supprimer le tag "Re" sur les messages
» [PHPBB3] Afficher les sujets et les messages progressivement
Créer un compte ou se connecter pour répondre
Vous devez être membre pour répondre.
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum