De beaux titres de forums… sur la page d’accueil seulement ! Bouton_activeDe beaux titres de forums… sur la page d’accueil seulement ! Bouton_hoverDe beaux titres de forums… sur la page d’accueil seulement ! Fb-hoverDe beaux titres de forums… sur la page d’accueil seulement ! Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
De beaux titres de forums… sur la page d’accueil seulement ! EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
De beaux titres de forums… sur la page d’accueil seulement ! EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
De beaux titres de forums… sur la page d’accueil seulement ! EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
De beaux titres de forums… sur la page d’accueil seulement ! EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
De beaux titres de forums… sur la page d’accueil seulement ! EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
De beaux titres de forums… sur la page d’accueil seulement ! EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
De beaux titres de forums… sur la page d’accueil seulement ! EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
De beaux titres de forums… sur la page d’accueil seulement ! EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment :
Smartphone Xiaomi 14 – 512 Go- 6,36″ 5G ...
Voir le deal
599 €

Partagez
 

De beaux titres de forums… sur la page d’accueil seulement !

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://www.css-actif.com
Orange
Orange
RocketMan
RocketMan

Masculin Messages : 3086



De beaux titres de forums… sur la page d’accueil seulement ! Empty

De beaux titres pour vos forums… sur la page d’accueil seulement !


Informations générales

Description :
Vous avez mis une jolie mise en page vous vos titres de forums mais catastrophe ! Elle se répercute - entre autres - dans la navigation hiérarchique des forums (la partie Index :: Nom de forum :: Nom de sous forum :: etc au dessus des forums). Ce tutoriel vous expliquera comment éviter ce problème, mais aussi comment simplifier le processus.

Démo :
Aucune démonstration disponible

Testé sur :
Non renseigné

Crédits :
Proposé par Orange le 04/10/2009 | Validé par Orange

Mise(s) à jour :
Mise à jour le 13/08/2012 par 'Christa Lostmindy

Le tutoriel


Beaucoup d’entre vous ont sans doute profité du superbe tutoriel CSS Faire de beaux titres proposé par Johian. La méthode qu’il suggère semble être très populaire pour les titres des forums (je vous rappelle que pour modifier les titres de vos forums il faut coller le code donné dans le tuto comme titre de forum dans le panneau d’administration). Si vous avez un forum avec un nombre incalculable de sous-forums, il devient lourd de modifier manuellement chaque titre ! En plus, vous devrez subir votre titre sur l’ensemble des endroits où il est affiché (sous-forums et messages compris), ce qui n'est pas toujours très esthétique au final.

En pratique, comment faire ?


Il va vous falloir modifier les templates du forum, donc en être le fondateur et utiliser la version PhpBB2 de ForumActif. Dans votre Panneau d’administration (mode avancé), allez dans l'onglet Affichage puis dans le menu Templates » Général. Dans la liste de templates qui s’offre à vous, trouvez index_box puis cliquez sur son nom ou l'icone d'édition De beaux titres de forums… sur la page d’accueil seulement ! Editer pour éditer.

Dans le template, trouvez le code :
Code:
{catrow.forumrow.FORUM_NAME}
(Utilisez Ctrl+F pour le trouver plus rapidement.)

Remplacez la sélection par ceci :
Code:
<span class="CLASSE-DES-TITRES">{catrow.forumrow.FORUM_NAME}</span></a>
En remplaçant bien sûr CLASSE-DES-TITRES par votre propre classe telle que définie dans votre CSS.

Reste plus qu’à cliquer sur « Enregistrer », puis revenir à la liste des templates généraux pour valider De beaux titres de forums… sur la page d’accueil seulement ! Ajouter vos changements. Sachez qu’à tout moment vous pouvez cliquer sur De beaux titres de forums… sur la page d’accueil seulement ! Supprimer pour revenir au template initial.

Bonne chance !

Spoiler:

Addendum par 'Christa


Si vous souhaitez mettre une image de titre à vos catégories ou à vos forums mais qu'elle ne soit visible que pour l'affichage des catégories/forum et non dans la navigation, écrivez ledit titre de cette façon :
Code:
<img src="URL_IMAGE_TITRE" /><span>Votre titre ordinaire</span>
Puis dans le CSS ajoutez ceci :
Code:
.secondarytitle h2 span , .hierarchy a span { display:none; }
td.nav a > img , .catBottom .nav a > img { display : none }
Le premier sélecteur (en fait, il y en a deux, séparés par une virgule) va chercher le <span> dans les catégories et le cacher par un display:none;.
Le deuxième sélecteur (là encore, il y en a deux séparés par une virgule) quant à lui va chercher l'image dans la navigation à l'intérieur des forums et la cache.

Notez bien que ce code marche pour une version non modifiée de votre template index_box.

MessageSujet: De beaux titres de forums… sur la page d’accueil seulement !   De beaux titres de forums… sur la page d’accueil seulement ! EmptyDim 04 Oct 2009, 20:08
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



De beaux titres de forums… sur la page d’accueil seulement ! Empty
FAQ


Q
C'est quoi la 'CLASSE-DES-TITRES' ?

R
C'est une classe que tu définiras toi-même à l'aide de propriétés CSS. Par exemple, tu peux remplacer CLASSE-DES-TITRES par titreforum puis créer une classe CSS correspondante :
Code:
.titreforum {
/* propriétés CSS comme tu veux */
}


Q
J'ai toujours l'effet des titres ailleurs que sur la page d'accueil !

R
Si tu as utilisé le tutoriel donné en lien par Orange au début de ce tuto, as-tu pensé à retirer les codes directement dans les titres des forums définis via le panneau d'administration (gestion des forums) ?


Pour toute question sur ce tutoriel, merci de poster une demande d'aide ici :
http://www.css-actif.com/f17-aide-css-xhtml
MessageSujet: Re: De beaux titres de forums… sur la page d’accueil seulement !   De beaux titres de forums… sur la page d’accueil seulement ! EmptyJeu 21 Juil 2011, 21:06
Revenir en haut Aller en bas
http://managerpes.forum2ouf.com/forum.htm
kun
kun
{ Membre }
{ Membre }

Masculin Messages : 53



De beaux titres de forums… sur la page d’accueil seulement ! Empty
Merci
MessageSujet: Re: De beaux titres de forums… sur la page d’accueil seulement !   De beaux titres de forums… sur la page d’accueil seulement ! EmptyDim 05 Aoû 2012, 15:40
Revenir en haut Aller en bas
http://fictions.forumgratuit.eu/
Evangaia
Evangaia
{ Membre }
{ Membre }

Féminin Messages : 17



De beaux titres de forums… sur la page d’accueil seulement ! Empty
Merci infiniment pour l'"ADDENDUM" c'était exactement ce que je cherchais !
MessageSujet: Re: De beaux titres de forums… sur la page d’accueil seulement !   De beaux titres de forums… sur la page d’accueil seulement ! EmptyVen 01 Fév 2013, 10:54
Revenir en haut Aller en bas
Bebux
Bebux
{ Membre }
{ Membre }

Féminin Messages : 40



De beaux titres de forums… sur la page d’accueil seulement ! Empty
J'ai peur de faire une grosse bêtise en modifiant mon template car je crois que, en faites la proposition de ce tuto est pour quelqu'un qui, sur son forum, n'a mis qu'une image d'en tête pour toutes ces catégories c'est bien ça ? Genre des petits nuages partout mais sans écrire Catégorie 1 Catégorie 2 etc.. c'est ça ? Car étant donné que sur mon forum j'ai fait plusieurs catégories et donc plusieurs en-têtes est-ce que cela fonctionnera quand même ? Car Si je suis tout bien, je crois que non. Mais vu que je suis une grosse kiche c'est fort possible que vous me repreniez pour me le dire ^^ De beaux titres de forums… sur la page d’accueil seulement ! 523658

Merci en tout cas pour ce tuto!!
MessageSujet: Re: De beaux titres de forums… sur la page d’accueil seulement !   De beaux titres de forums… sur la page d’accueil seulement ! EmptySam 02 Mar 2013, 14:02
Revenir en haut Aller en bas
Marley Smith
Marley Smith
{ Membre }
{ Membre }

Féminin Messages : 24



De beaux titres de forums… sur la page d’accueil seulement ! Empty
Merci beaucoup De beaux titres de forums… sur la page d’accueil seulement ! 73120010 I love you
MessageSujet: Re: De beaux titres de forums… sur la page d’accueil seulement !   De beaux titres de forums… sur la page d’accueil seulement ! EmptyMar 09 Avr 2013, 13:36
Revenir en haut Aller en bas
http://fetishfeet.forumfemina.com/
msfeettoes
msfeettoes
{ Membre }
{ Membre }

Féminin Messages : 34



De beaux titres de forums… sur la page d’accueil seulement ! Empty
bonjour
ca fonctionne aussi sur la version phpbb3 ..
MessageSujet: Re: De beaux titres de forums… sur la page d’accueil seulement !   De beaux titres de forums… sur la page d’accueil seulement ! EmptyJeu 25 Avr 2013, 13:32
Revenir en haut Aller en bas
http://les4royaumes.forumperso.com/index.htm
Sighild
Sighild
{ Membre }
{ Membre }

Féminin Messages : 26



De beaux titres de forums… sur la page d’accueil seulement ! Empty
Merci beaucoup pour ce tuto!!
MessageSujet: Re: De beaux titres de forums… sur la page d’accueil seulement !   De beaux titres de forums… sur la page d’accueil seulement ! EmptyJeu 25 Avr 2013, 14:06
Revenir en haut Aller en bas
http://www.theoriginalvampires.com
LuxAeterna
LuxAeterna
{ Membre }
{ Membre }

Féminin Messages : 28



De beaux titres de forums… sur la page d’accueil seulement ! Empty
Merci beaucoup ! Very Happy
MessageSujet: Re: De beaux titres de forums… sur la page d’accueil seulement !   De beaux titres de forums… sur la page d’accueil seulement ! EmptySam 11 Mai 2013, 13:12
Revenir en haut Aller en bas
scaretale
scaretale
{ Membre }
{ Membre }

Masculin Messages : 65



De beaux titres de forums… sur la page d’accueil seulement ! Empty
c'est clair et concis, j'adore ! merci !
MessageSujet: Re: De beaux titres de forums… sur la page d’accueil seulement !   De beaux titres de forums… sur la page d’accueil seulement ! EmptyLun 13 Jan 2014, 05:31
Revenir en haut Aller en bas
http://queen-city.american-forum.net/
babs
babs
{ Membre }
{ Membre }

Féminin Messages : 36



De beaux titres de forums… sur la page d’accueil seulement ! Empty
Merci beaucoup pour ce tuto super intéressant Very Happy
MessageSujet: Re: De beaux titres de forums… sur la page d’accueil seulement !   De beaux titres de forums… sur la page d’accueil seulement ! EmptySam 12 Avr 2014, 10:12
Revenir en haut Aller en bas
http://www.pubda3m.com
TroJan V!RuS
{ Membre }
{ Membre }

Masculin Messages : 18



De beaux titres de forums… sur la page d’accueil seulement ! Empty
merci beaucoup  De beaux titres de forums… sur la page d’accueil seulement ! 1779901633 
MessageSujet: Re: De beaux titres de forums… sur la page d’accueil seulement !   De beaux titres de forums… sur la page d’accueil seulement ! EmptyMar 24 Juin 2014, 19:11
Revenir en haut Aller en bas
http://essayetestforum.forumactif.org/
Patriciadpt34110
{ Membre }
{ Membre }

Féminin Messages : 19



De beaux titres de forums… sur la page d’accueil seulement ! Empty
merci
MessageSujet: Re: De beaux titres de forums… sur la page d’accueil seulement !   De beaux titres de forums… sur la page d’accueil seulement ! EmptyMer 07 Déc 2016, 08:56
Revenir en haut Aller en bas
Contenu sponsorisé




De beaux titres de forums… sur la page d’accueil seulement ! Empty
MessageSujet: Re: De beaux titres de forums… sur la page d’accueil seulement !   De beaux titres de forums… sur la page d’accueil seulement ! Empty
Revenir en haut Aller en bas
 

De beaux titres de forums… sur la page d’accueil seulement !

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» De beaux titres.. sur la page d'accueil seulement (messages)
» [Résolu] Afficher les images des titres des forums seulement sur la page d'accueil
» De beaux titres de sous-forums (messages)
» Pour faire des beaux titres de sous-forums
» [Page d'accueil] Un cadre déformé par le Message sur la page d'accueil [RÉSOLU]

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: Tutoriels de CSSActif :: ForumActif Pas à pas :: Les Forums et Catégories-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit