Comment personnaliser le code de la page INFORMATION

[Chevakine]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Personnalisation du forum via CSS/HTML
Lien du forum : https://herviefaye.forumactif.com/

Description du problème

Bonjour,

Je souhaiterai personnaliser la page d'Information qui dit :

"Votre Profil a été mis à jour
Cliquez ici pour retourner sur votre profil
Voir mon profil"

Il s’agirait simplement de l'encadrer via le CSS avec un "background". Je me débrouille niveau code, j'ai surtout besoin de savoir quel Template et quel élément joue dessus.

Est-ce que si je modifie cette page, cela va impacter ce même genre de message lorsque l'on poste un message RP par exemple ? Ce dernier nous propose de revenir au sujet ou au forum je crois. Cela m'arrangerai...

En vous remerciant par avance !

[Chevakine]

up

[Chevakine]

up

[Invité]

Hello Chevakine,

alors non, le script suivant va rechercher juste le texte de la balise span
ayant la class gen contenant le texte:"Votre profil a été mis à jour".

A partir de là, il va ajouter cette class (M14_profil_info) à la table ayant la class forumline

Donc, cela sera pour une prochaine demande  .

Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Codes Javascript

Activer la gestion des codes Javascript : Oui Non

Mets un titre explicite.
Coches sur toutes les pages.


Déposes ceci:

Code:


$(function(){$('span.gen').each(function(){var test=$(this).text();var result=test.match(/Votre profil a été mis à jour/);
if(result)
{
$(this).closest('table.forumline').addClass('M14_profil_info').attr('cellspacing','0').attr('cellpadding','0');  
}
});});


Penses a cliquer sur le bouton VALIDER


Un peu de style:

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

Ajoutes ceci:

Code:


/*LA TABLE QUI RECOIT CETTE NOTIFICATION*/
.forumline.M14_profil_info
{
width:50%;
margin-left:25%;
border:none!important;
}
/*ON SUPPRIME L IMAGE DE FOND ET LES BORDURES DE LA BALISE TH*/
.forumline.M14_profil_info .thHead{background-image:none!important;border:none!important;text-transform:uppercase;}
/*LES COULEURS*/
.forumline.M14_profil_info .thHead b,
.forumline.M14_profil_info .gen,
.forumline.M14_profil_info a[href^="/profile?mode=editprofile"],
.forumline.M14_profil_info a[href^="/u"]
{
  color:white!important;
}
/*LES LIENS*/
.forumline.M14_profil_info a[href^="/profile?mode=editprofile"],
.forumline.M14_profil_info a[href^="/u"]
{
  text-decoration:none!important;
}
/*ON IMPOSE UNE COULEUR DE FOND*/
.forumline.M14_profil_info .thHead,
.forumline.M14_profil_info td.row1
{
background-color:black!important;
}



Penses à cliquer sur le bouton


L'aperçu imagé:




a++

[Chevakine]

Bonjour !

Merci beaucoup pour ton travail ! C'est en effet une excellente solution que je vais reproduire sur d'autres pages complètement inaccessibles. J'ai vu en effet en examinant la page de feuille de perso qu'il y avait des class et des id sur lesquels je pouvais influer.

Par contre, pour les pages Amis et Ignorés, Notifications, Favoris, Brouillons et Tags impossible de trouver, pas de class en examinant et en recherchant sur le net c'est à priori inaccessible pourtant j'ai bien aperçu sur quelques forums que ça avait été personnalisé, alors est-ce vraiment impossible ? Peut-être dois-je ouvrir une nouvelle demande ?

Concernant la page INFORMATION, en modifiant une autre, je me suis rendue compte que ça se répercutait dessus. Comme c'est plus simple, je donne l'info ici :

Il s'agit du template dans Affichage > Templates > Général >  error_body. En modifiant celui-ci, cela se répercute sur toutes les pages d'info et d'erreur.
Pas sur les pages de confirmation oui/non en revanche qui a son propre template dans Affichage > Templates > Général > confirm_body.


Merci encore !

[Invité]

Re,
effectivement en passant par le template cela règle pas mal de chose .

Ensuite, comme le script n'est plus d'actualité,
si ce dernier est encore présent dans la gestion, remplaces le par celui-ci:

Code:


$(function(){
$('th:contains(Informations)').closest('table.forumline').addClass('M14_profil_info').attr('cellspacing','0').attr('cellpadding','0'); 
});

a++

[Chevakine]

Merci !
Je mets Résolu et rouvrirai un sujet pour les autres pages.