[PHPBB2] Personnaliser l'affichage des notifications dans le profil

Rappel du premier message :

,

dans les templates , vous pourrez toujours chercher les notifications , elles sont absentes   .

Pourtant on peut via un script donner un Id et ensuite grâce à la feuille de style donner le style désiré .

Aperçu imagé:


Bon les couleurs sont moches , mais c'est juste pour dire que presque tout est paramétrable  


Modules/HTML JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript
Mettre un titre explicite.
Cocher sur toutes les pages.
Déposez ce script:

Code:


$(function(){
$('input[id="mail_type_1"]').closest('form[name="notif_opts"]').attr('id','M14_Notif');
});

//LE BLOC ANNONCANT LES NOTIFICATIONS
$(function(){
$('th.thCornerL:contains("Notifications")').closest('.forumline').attr('id','M14_Bloc_Notif');
});



Pensez a cliquer sur le bouton 


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


Collez ceci:

Code:


/*Debut du bloc des notifications*/
form#M14_Notif .forumline
{
border:1px solid orange;
}

/*La partie haute*/
form#M14_Notif .tHead
{
background:green;
color:red;
}
/*Les parties Types de notifications Par email et Dans la toolbar */
form#M14_Notif #checkboxes.forumline th
{
background:grey;
color:yellow;
}

/*Personnalisation des cellules*/
form#M14_Notif td , form#M14_Notif td .gen
{
padding: 5px;
color:white;
background:green;
}
/*La ligne du bas*/
form#M14_Notif .catBottom
{
background:orange;
}
/*Le input enregistrer*/
form#M14_Notif  input[value="Enregistrer"]
{
background-color:yellow;
color:black;
}
/*Les liens Tout sélectionner  Tout désélectionner*/
form#M14_Notif .gensmall
{
color:black;
text-decoration:none !important;
}
/*Fin du bloc des notifications*/

/******Debut du bloc affichant les notifications*/
/*La ligne du titre*/
table#M14_Bloc_Notif.forumline .catHead
{
background:yellow;
}
/*La couleur du titre*/
table#M14_Bloc_Notif.forumline .catHead h1.cattitle
{
color:pink;
}
/*Les lignes des notifications et date*/
table#M14_Bloc_Notif.forumline th
{
background:green;
  color:white;
}

/*Les notifications affichees*/
table#M14_Bloc_Notif.forumline td.gen ,table#M14_Bloc_Notif.forumline td.gen a[href^="/"]
{
background:black;
color:blue;
text-decoration:none !important;
}


/*La partie basse*/
table#M14_Bloc_Notif.forumline .catBottom
{
background:blue;
color:black;
}
/*Les inputs partie basse*/
/*Bouton supprimer*/
table#M14_Bloc_Notif.forumline .catBottom input[value="Supprimer"]
{
background-color:yellow;
color:black;
}
/*Bouton Tout supprimer*/
table#M14_Bloc_Notif.forumline .catBottom input[value="Tout Supprimer"]
{
background-color:black;
color:yellow;
}



Pensez à valider les modifications en cliquant sur le bouton  


Les couleurs ne sont pas chouettes , à vous de mettre votre fofo en valeur  

Merci beaucoup !

Merci beaucoup !