Modification de la FAQ

[Plümpheit]

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Moi uniquement
Lien du forum : http://oc-test-graph-code.forumactif.com

Description du problème

Bonjour

Voila je voudrais ajouter un background à certaine partit du forum, dont la FAQ. Donc je suis allé sur le template et j'ai mis une div class.

Mais quand je vais voir la prévisualiation, j'ai ça :
http://oc-test-graph-code.forumactif.com/faq?dhtml=no&tt=1

alors que ma FAQ c'est ça :
http://oc-test-graph-code.forumactif.com/faq

Quand je valide mon super rose (en fait c'est ma couleur de test XDD) n'apprait plus du tout non plus. MAis en dehors de ça les deux pages ne sont pas les mêmes.

Une idée?

[Invité]

Hello Plümpheit,

via le template, tu ne pourras rien faire mon ami, seul un script pourra donner une class à la balise body :


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

Mettre un titre explicite.
Cocher sur toutes les pages.

Déposes ceci:

Code:


$(function(){
if($('dl.faq #faqCookies').length) {
$('#phpbb').addClass('M14_faq');
};
});



Penses à cliquer sur le bouton VALIDER


Ensuite la c.s.s sera alors:

Code:

body#phpbb.M14_faq
{

}


a++

[Neptunia]

Bonjour ^^


Si en prévisualisant vous tombez sur la version dhtml, c'est que vous avez édité la version dhtml de votre FAQ.
Si vous voulez éditer l'autre FAQ il vous faut éditer l'autre template.

[Plümpheit]

@ milouze: merci de l'aide mais cela ne fonctionne pas.

@netpunia: non non j'ai bien édité la faq_body et non la version dhtlm ^^

faq_body Utilisé pour la FAQ de votre forum Valeur par défaut En attente
faq_dhtml Faq version dhtml Valeur par défaut

[Invité]

Re,

@ milouze: merci de l'aide mais cela ne fonctionne pas.

Faudrait au moins placer le script, il est absent  .
Edit, ainsi que la css.

a++

[Invité]

Re,
avant que tu me dises que cela ne fonctionne pas,
supprime le point devant body.
Et vu que tu utilises des background-image , ta css sera alors:

Code:


body#phpbb.M14_faq
{
background-image: none;
background-color: #ffc0cb;
}

a++

[Plümpheit]

Désolé pour le point :p Et merci de pendre du temps pour moi ^^

Par contre ce n'est pas l'effet rechercher. Grossièrement et dans l'absolu je voudrai un truc du genre :

[Invité]

Re,
il suffit de trouver le conteneur et hop , le tout est joué:

Code:


body#phpbb.M14_faq .panel.row1
{
background-color:RGBA(135,135,135,0.42)!important;
}


A toi de changer la valeur du background-color .



a++

[Plümpheit]

Merci Milouze t'es vraiment un amour!

Alors puisque je te tiens je vais encore abusé de tes talents (si tu t'y vois pas d'inconvenants )

Ce que on vient de faire a la FAQ c'est possible de le reproduire sur d'autres pages? Comme les groupes, la messagerie et les les liens "search" (ect)?

Et comment trouver le conteneur? Peut tout le faire le même pour tous?

Désolée pour toutes ses questions >0< mais je pensais pas que ce serais aussi compliqué :p

[Invité]

Re,
pour tout ce que tu demandes, il faut éditer le script et supprimer le contenu et insérer celui-ci:
Je t'ai commenté chaque script et ensuite la class attribuée.

Code:


//LA FAQ
$(function(){
if($('dl.faq #faqCookies').length) {
$('#phpbb').addClass('M14_faq');
};
});
//LES GROUPES
if(location.pathname == '/groups'){
$(function(){
$('#phpbb').addClass('M14_groups');
});
}
//LES MPS
if(document.title=="Messages Privés"){
$(function(){
$('#phpbb').addClass('M14_mps');
});
}
//LA RECHERCHE AVANCEE
$(function(){
  if($('h1.page-title:contains("Recherche avancée")').length) {
$('#phpbb').addClass('M14_recherche');
};
});
 

//LES MEMBRES
if(document.title=="Membres"){
$(function(){
$('#phpbb').addClass('M14_membres');
});
}



Ensuite, il suffit de trouver la class donnée et de reproduire ce que tu souhaites ,
comme pour les mps:
le conteneur sera .forabg:

Code:

/*LES MPS*/
body#phpbb.M14_mps .forabg
{
TA CSS
}



Et ainsi de suite .

a++

[Plümpheit]

Bien... merci. Je t'avoue que c'est un peu compliqué quand même... J'ai grossièrement réussi je pense, les groupes. La liste des membres a déjà été modifié avec un template.

Cependant j'ai un bug sur la recherche avancée... J'ai fait une boulette tu penses?

Code:


/*LA RECHERCHE AVANCEE*/
body#phpbb.M14_recherche .forabg
{
background-color:RGBA(135,135,135,0.42)!important;
}

[Invité]

Re,

cela peut différencier selon les endroits .
testes plutôt:

Code:


/*LA RECHERCHE AVANCEE*/
body#phpbb.M14_recherche .panel
{
background-color:RGBA(135,135,135,0.42)!important;
}


a++

[Plümpheit]

non ça passe pas!
pourtant le forabg est bien noté dans la liste des code cette fois. Puisque pour les groupes le contenaire était .panel justement!

[Invité]

Re,
lorsque tu parles de trouver search:

Je t'ai donné pour cette page ici:
https://forum.forumactif.com/search

a++

[Plümpheit]

Ah oui ! et ça à marché XD

Mais on est obligé de passé par le java et le php?

On peut pas modifer tout les .panel .forabg et row juste d'une ligne dans le (la?) CSS ?

[Invité]

Re,
pas forcément, tu peux essayer directement :

Code:

 
.panel
{
background-color:RGBA(135,135,135,0.42)!important;
}


a++

[Plümpheit]

Ok super c'est parfais et moins lourd et moins long a coder aussi!!!

Merci beaucoup Milouze pour ta grande patience a mon égard surtout (et ta gentillesse ^^)

Je marque en résolu et je vais bossé sur le css...

[Invité]

Re,
de rien Plümpheit,
bon courage pour la suite .

a++