[PHPBB2] Afficher un message en haut de sujet lorsqu'il est verrouillé

Milouze14 Mar 19 Nov 2013 - 7:35

 ,

l'aperçu imagé :




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

Mettre un titre explicite: Sujet verrouillé

Cocher  "Sur les sujets".

Déposez ceci:

Code:


$(document).ready(function(){
$('#page-body').has('#i_reply[alt="Ce sujet est verrouillé, vous ne pouvez pas éditer les messages ou faire de réponses."]').find('td.nav').closest('table').before('
<center>
<div class="M14_sujet_ferme">Sujet désormais verrouillé...</div>
</center>
');
});


Pensez a cliquer sur le bouton Valider

Changez si besoin le texte ici:

Code:

<div class="M14_sujet_ferme">Sujet désormais verrouillé...</div>

On va donner maintenant une apparence à notre module,

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Code:


.M14_sujet_ferme
{
margin: 15px 0px;/*on decale de 15px du haut puis 0 */
width:20%;/*on demande une largeur de 20%*/
padding: 13px 10px 13px 50px;/*l espace interieur du bloc*/
border: 1px solid #20aec8;/*la bordure*/
background-image: url(LE LIEN DE L IMAGE);/*le lien de l image 16 px*/
background-repeat: no-repeat;/*on ne repete pas l image*/
background-position: 10px center;/*on place l image a 10 px du haut puis on la centre*/
color: #20aec8 !important;/*la couleur de police*/
background-color: #141414;/*la couleur de fond*/
-webkit-border-radius: 10px;/*les bordures arrondies*/
-moz-border-radius: 10px;
border-radius: 10px;
text-align: center;/*on centre le texte*/
font-size: 12px;/*on donne une taille de police*/
}



Pensez à valider les modifications en cliquant sur le bouton  

fascicularia Mar 19 Nov 2013 - 10:27

Astucieux et pratique donc adopté immédiatement. Merci Philippe pour ce partage

fleur78 Mar 19 Nov 2013 - 10:45

Teten85 Mar 19 Nov 2013 - 19:43

Merci Philippe  

Invité Mer 20 Nov 2013 - 5:55

  merci Phil magnifique

pierre31250 Sam 4 Jan 2014 - 12:08

Jérôme 90 Mar 4 Mar 2014 - 20:26

Merci   

Invité Jeu 20 Mar 2014 - 19:29

databar Jeu 14 Aoû 2014 - 22:14

safranite Ven 15 Aoû 2014 - 12:18

Eczema Help Dim 12 Oct 2014 - 19:51

Merci 

Prongs Mer 22 Oct 2014 - 11:15

Merci pour cette astuce vraiment sympathique

Dada Mer 31 Déc 2014 - 18:00

patriciadpt30 Dim 22 Fév 2015 - 11:29

sensei Sam 7 Mar 2015 - 20:05

Invité Jeu 12 Mar 2015 - 1:39

Rumbelle85 Mer 1 Avr 2015 - 13:01

Tranchees Dim 12 Avr 2015 - 16:30

Keltah Lun 8 Juin 2015 - 21:58

dédé54 Mar 23 Juin 2015 - 22:46

dédé54 Mar 23 Juin 2015 - 22:53

Bokouji Dim 12 Juil 2015 - 19:27

Invité Mar 28 Juil 2015 - 8:39

Invité Mar 28 Juil 2015 - 23:13

Coucou , il y a une petite erreur dans le CSS :

width:20%;/*on demande une largeur de 20%;
padding: 13px 10px 13px 50px;/*l espace interieur du bloc*/

Le ; avant le "padding"

Merci pour cette astuce !

Invité Sam 1 Aoû 2015 - 0:14

Cool ! De petits plus comme je les aime ! 

Contenu sponsorisé