C'est la fin du projet CSSActif, vous trouverez les explications ici : Fin de CSSActif, ouverture du forum. Le forum reste cependant ouvert à tous et ses ressources sont entièrement disponibles. Merci à tous !
Derniers sujets
» [RPG] Fiche de présentation
Mar 21 Mar 2017, 13:28 par neko-systeme

» Système d'onglets simple et personnalisable
Sam 18 Mar 2017, 21:43 par Invité

» [RPG] Fiche personnage avec bannière
Sam 18 Mar 2017, 13:26 par Invité

» [RPG] Fiche personnage avec bannière latérale
Sam 18 Mar 2017, 13:23 par Invité

» Menu horizontal
Sam 18 Mar 2017, 11:47 par Ami-mimi

» Message d'accueil alias PA
Mar 14 Mar 2017, 16:14 par Invité

» Infobulle avec effets CSS3
Mar 14 Mar 2017, 10:15 par Oxidize

» Trois colonnes avec effet Zoom
Ven 10 Mar 2017, 17:07 par Invité


Poster un nouveau sujet   Répondre au sujetPartagez | 
 

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

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Voir le profil de l'utilisateur http://www.css-actif.com
avatar
RocketMan
RocketMan

Masculin Messages : 3080



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 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 vos changements. Sachez qu’à tout moment vous pouvez cliquer sur 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.




{ I would love to change the world, but they won't give me the source code }
MessageSujet: De beaux titres de forums… sur la page d’accueil seulement !   Dim 04 Oct 2009, 20:08
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.i-love-harvard.com/
avatar
Blanche-Neige
Blanche-Neige

Féminin Messages : 5575



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


Le forum n'est désormais plus géré par le staff, laissé seulement ouvert pour que les ressources et l'entraide restent accessibles. Vous pouvez néanmoins m'envoyer un MP pour supprimer un message, signaler un plagiat ou autre, je m'en occuperai à ma prochaine connexion.
MessageSujet: Re: De beaux titres de forums… sur la page d’accueil seulement !   Jeu 21 Juil 2011, 21:06
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://managerpes.forum2ouf.com/forum.htm
avatar
{ Membre }
{ Membre }

Masculin Messages : 53



Merci
MessageSujet: Re: De beaux titres de forums… sur la page d’accueil seulement !   Dim 05 Aoû 2012, 15:40
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://fictions.forumgratuit.eu/
avatar
{ Membre }
{ Membre }

Féminin Messages : 17



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 !   Ven 01 Fév 2013, 10:54
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
{ Membre }
{ Membre }

Féminin Messages : 40



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 ^^

Merci en tout cas pour ce tuto!!
MessageSujet: Re: De beaux titres de forums… sur la page d’accueil seulement !   Sam 02 Mar 2013, 14:02
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
{ Membre }
{ Membre }

Féminin Messages : 24



Merci beaucoup I love you
MessageSujet: Re: De beaux titres de forums… sur la page d’accueil seulement !   Mar 09 Avr 2013, 13:36
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://fetishfeet.forumfemina.com/
avatar
{ Membre }
{ Membre }

Féminin Messages : 33



bonjour
ca fonctionne aussi sur la version phpbb3 ..


"Les courbes d'une femme sont magnifiques, de leur visage jusqu'à leurs pieds.."
MessageSujet: Re: De beaux titres de forums… sur la page d’accueil seulement !   Jeu 25 Avr 2013, 13:32
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://les4royaumes.forumperso.com/index.htm
avatar
{ Membre }
{ Membre }

Féminin Messages : 26



Merci beaucoup pour ce tuto!!
MessageSujet: Re: De beaux titres de forums… sur la page d’accueil seulement !   Jeu 25 Avr 2013, 14:06
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.theoriginalvampires.com
avatar
{ Membre }
{ Membre }

Féminin Messages : 28



Merci beaucoup ! Very Happy
MessageSujet: Re: De beaux titres de forums… sur la page d’accueil seulement !   Sam 11 Mai 2013, 13:12
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
{ Membre }
{ Membre }

Masculin Messages : 65



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

Féminin Messages : 36



Merci beaucoup pour ce tuto super intéressant Very Happy
MessageSujet: Re: De beaux titres de forums… sur la page d’accueil seulement !   Sam 12 Avr 2014, 10:12
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.pubda3m.com
{ Membre }
{ Membre }

Masculin Messages : 18



merci beaucoup   
MessageSujet: Re: De beaux titres de forums… sur la page d’accueil seulement !   Mar 24 Juin 2014, 19:11
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://essayetestforum.forumactif.org/
{ Membre }
{ Membre }

Féminin Messages : 19



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




MessageSujet: Re: De beaux titres de forums… sur la page d’accueil seulement !   
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

-
» Titres de barres sur page d'accueil
» afficher les titres des derniers sujet dans le message sur la page d'accueil
» Infobulles + Titres pour la page d'accueil
» titres des sujets en page d'accueil
» Titre du forum et nom de la page d'accueil

Permission de ce forum:Vous pouvez répondre aux sujets dans ce forum
CSSActif :: Tutoriels de CSSActif :: ForumActif Pas à pas :: Les Forums et Catégories-
Poster un nouveau sujet   Répondre au sujet

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 | Contact | Signaler un abus | Forum gratuit | Informatique et Internet | Outils pour Webmestres