Modifier l'emplacement du nombre de sujets/messages d'un forum Bouton_activeModifier l'emplacement du nombre de sujets/messages d'un forum Bouton_hoverModifier l'emplacement du nombre de sujets/messages d'un forum Fb-hoverModifier l'emplacement du nombre de sujets/messages d'un forum 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
» Fiche de Présentation RPG
Modifier l'emplacement du nombre de sujets/messages d'un forum EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Modifier l'emplacement du nombre de sujets/messages d'un forum EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Modifier l'emplacement du nombre de sujets/messages d'un forum EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Modifier l'emplacement du nombre de sujets/messages d'un forum EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Modifier l'emplacement du nombre de sujets/messages d'un forum EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Modifier l'emplacement du nombre de sujets/messages d'un forum EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Modifier l'emplacement du nombre de sujets/messages d'un forum EmptySam 11 Fév 2023, 06:04 par Krager

» Vos partenaires dans le footer
Modifier l'emplacement du nombre de sujets/messages d'un forum EmptyMar 07 Fév 2023, 08:40 par Oxtran

Le deal à ne pas rater :
Cdiscount : -30€ dès 300€ d’achat sur une sélection Apple
Voir le deal

Partagez
 

Modifier l'emplacement du nombre de sujets/messages d'un forum

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Basil Hawkins
Basil Hawkins
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 2912



Modifier l'emplacement du nombre de sujets/messages d'un forum Empty

Modifier l'emplacement des statistiques d'un forum


Informations générales

Description :
Ce tutoriel vous permettra de modifier l'emplacement des statistiques du nombre de messages et nombre de sujets d'un forum. Vous pourrez les placer à côté du titre du forum ou bien à la suite de la description.

Démo :
screen11.png

Testé sur :
Firefox, Chrome, Internet Explorer

Crédits :
Proposé et validé par Basil Hawkins le 01/01/2010
Améliorations supplémentaires par Orange et 'Christa Lostmindy

Mise(s) à jour :
Fusion des tutoriels existants par 'Christa Lostmindy le 05/08/2012

Le tutoriel


Vous trouverez un complément à ce tutoriel en lisant le sujet "Messages et sujets" indiqués au dessus du dernier message posté
• Ce tutoriel s'applique aux forums ForumActif en version phpbb2
• Vous devez être fondateur pour pouvoir éditer les templates

Retirer les colonnes "Sujets" et "Messages"


Dans la mesure où on va placer les statistiques ailleurs, les deux colonnes qui contiennent ces valeurs deviennent obsolètes. La première étape sera donc de s'en débarrasser.

Pour ceci, rendez-vous tout d'abord sur votre panneau d'administration, onglet Affichage, puis dans le menu Templates » Général et éditez le template index_box.

Cherchez, puis supprimez les lignes de code suivantes :
Code:
<th nowrap="nowrap" width="50">{L_TOPICS}</th>
Le titre de la colonne "Sujets"
Code:
<th nowrap="nowrap" width="50">{L_POSTS}</th>
Le titre de la colonne "Messages"

Ce n'est pas tout, on a retiré le titre des deux colonnes mais les colonnes en elles-mêmes sont toujours là. Plus bas dans le code de votre template, cherchez, puis supprimez ce bout de code :
Code:
<td class="row3" align="center" valign="middle" height="50">
 <span class="gensmall">{catrow.forumrow.TOPICS}</span>
 </td>
 <td class="row2" align="center" valign="middle" height="50">
 <span class="gensmall">{catrow.forumrow.POSTS}</span>
 </td>
Attention aux erreurs d'inattention, vous devez supprimer deux cellules, n'oubliez pas le </td> final par exemple.

Remarquez les variables {catrow.forumrow.TOPICS} et {catrow.forumrow.POSTS}, nous les réutiliserons plus tard, ce sont elles qui affichent respectivement le nombre de sujets et le nombre de messages des forums.

Positionner les statistiques du forum


Toutes les modifications qui suivent nécessitent de modifier le template index_box comme précédemment.

Méthode 1 : Placer les statistiques à droite du titre du forum


Trouvez cette partie de code :
Code:
<h{catrow.forumrow.LEVEL} class="hierarchy">
Juste avant cette partie, ajoutez cette ligne :
Code:
<div class="StatsForum">{catrow.forumrow.TOPICS} sujets & {catrow.forumrow.POSTS} messages</div>
(Puis sautez une ligne histoire de pouvoir vous y retrouver)
Ensuite, toujours dans l'onglet Affichage de votre panneau d'administration, sélectionnez le menu Images et couleurs » Couleurs, puis l'onglet Feuille de style CSS et ajoutez-y ce code :
Code:

.StatsForum {
   float:right;
   font-size:9px;
   padding:2px;
}
Évidemment, si vous avez les bases nécessaires en CSS, vous pouvez ensuite personnaliser l'apparence du texte selon vos souhaits.

Méthode 2 : Placer les statistiques à gauche du titre du forum


Utilisez la même méthode que précédemment, mais dans le CSS remplacez float:right; par float:left;

Méthode 3 : Placer les statistiques sous le titre du forum


Trouvez cette partie de code :
Code:
</h{catrow.forumrow.LEVEL}>
Juste après cette partie, sautez une ligne et ajoutez cette ligne :
Code:
<div class="StatsForum">{catrow.forumrow.TOPICS} sujets & {catrow.forumrow.POSTS} messages</div>
Ensuite, toujours dans l'onglet Affichage de votre panneau d'administration, sélectionnez le menu Images et couleurs » Couleurs, puis l'onglet Feuille de style CSS et ajoutez-y ce code :
Code:

.StatsForum {
   font-size:10px;
   text-align:left; /* alignement du texte : left, center ou right */
}
Et ajoutez toutes les propriétés CSS que vous voulez pour la mise en forme. Wink

Méthode 4 : Placer les statistiques sous la description


Trouvez cette partie de code :
Code:
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
Juste après ce code, ajoutez cette ligne :
Code:
<div class="StatsForum">{catrow.forumrow.TOPICS} sujets & {catrow.forumrow.POSTS} messages</div>
Le code CSS correspondant est le même que celui pour placer les statistiques sous le titre.

Méthode 5 : Placer les statistiques sous la liste des sous-forums


Trouvez cette partie de code :
Code:
<span class="gensmall">
 <!-- BEGIN switch_moderators_links -->
 {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
 <!-- END switch_moderators_links -->
 {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
 </span>
Juste après ce code, ajoutez cette ligne :
Code:
<div class="StatsForum">{catrow.forumrow.TOPICS} sujets & {catrow.forumrow.POSTS} messages</div>
Le code CSS correspondant est le même que celui pour placer les statistiques sous le titre.
MessageSujet: Modifier l'emplacement du nombre de sujets/messages d'un forum   Modifier l'emplacement du nombre de sujets/messages d'un forum EmptyJeu 31 Déc 2009, 20:13
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Modifier l'emplacement du nombre de sujets/messages d'un forum Empty
FAQ


Q
Je constate un souci chez moi : cela ne s'applique pas à l'intérieur du forum (lorsqu'on clique sur un sous-forum pour voir les sujets, ceux-ci restent avec les quatre colonnes au lieu des deux de la page d'accueil.)

R
C'est normal, ce tutoriel s'applique à la liste des forums, et non pas celle des sujets.


Q
Je voudrais conserver les colones de statistiques tout en affichant le texte "contient xx messages dans xx sujets", comment faire ?

R
Il suffit de ne pas supprimer les bouts de code indiqués dans le tutoriel. Cela ne provoquera aucun bug de les laisser Wink


Q
Je n'ai plus les cellules avec écrit "Sujets" et "Messages", mais j'ai toujours celles contenant le nombre de sujets et de messages !

R
Tu as probablement oublié de supprimer une partie du code comme conseillé. Vérifie bien chaque étape !


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: Modifier l'emplacement du nombre de sujets/messages d'un forum   Modifier l'emplacement du nombre de sujets/messages d'un forum EmptyJeu 21 Juil 2011, 21:08
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



Modifier l'emplacement du nombre de sujets/messages d'un forum Empty
Tutoriel corrigé et mis à jour le 05/08/2012
MessageSujet: Re: Modifier l'emplacement du nombre de sujets/messages d'un forum   Modifier l'emplacement du nombre de sujets/messages d'un forum EmptyDim 05 Aoû 2012, 17:45
Revenir en haut Aller en bas
Enigma.
{ Membre }
{ Membre }

Masculin Messages : 11



Modifier l'emplacement du nombre de sujets/messages d'un forum Empty
Tout d'abord merci pour le tutoriel, j'aurais une question. Je fais la manipulation telle que vous la donnez, donc j'efface les codes à effacer mais lorsque j'ajoute le code à l'endroit où la méthode 1 le précise je me retrouve avec les balises de fin </td> et </tr> qui deviennent rouge et les statistiques n'apparaissent donc pas. Est ce possible que vous m'aidiez ?

Edit modération : Attention au HTML dans les messages !
MessageSujet: Re: Modifier l'emplacement du nombre de sujets/messages d'un forum   Modifier l'emplacement du nombre de sujets/messages d'un forum EmptyJeu 30 Aoû 2012, 11:47
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



Modifier l'emplacement du nombre de sujets/messages d'un forum Empty
Bonjour, comme indiqué au dessus de la boîte de réponse, les tutoriels sont ouverts aux commentaires et aux suggestions seulement. En cas de problème, dirigez-vous vers l'Aide CSS & xHTML. N'oubliez pas de mentionner le lien du tutoriel ce faisant.
MessageSujet: Re: Modifier l'emplacement du nombre de sujets/messages d'un forum   Modifier l'emplacement du nombre de sujets/messages d'un forum EmptyJeu 30 Aoû 2012, 12:40
Revenir en haut Aller en bas
bipaya
{ Membre }
{ Membre }

Masculin Messages : 26



Modifier l'emplacement du nombre de sujets/messages d'un forum Empty
Merci !
MessageSujet: Re: Modifier l'emplacement du nombre de sujets/messages d'un forum   Modifier l'emplacement du nombre de sujets/messages d'un forum EmptyJeu 20 Sep 2012, 06:53
Revenir en haut Aller en bas
http://hollywood-ramdam.lebonforum.com/
Kaileen
Kaileen
{ Membre }
{ Membre }

Féminin Messages : 103



Modifier l'emplacement du nombre de sujets/messages d'un forum Empty
Merci pour ce tutoriel Smile
MessageSujet: Re: Modifier l'emplacement du nombre de sujets/messages d'un forum   Modifier l'emplacement du nombre de sujets/messages d'un forum EmptyMar 09 Oct 2012, 08:44
Revenir en haut Aller en bas
http://pensionjulietta.1fr1.net
Tania Art
Tania Art
{ Membre }
{ Membre }

Féminin Messages : 51



Modifier l'emplacement du nombre de sujets/messages d'un forum Empty
Merci beaucoup pour ce tutoriel =D
MessageSujet: Re: Modifier l'emplacement du nombre de sujets/messages d'un forum   Modifier l'emplacement du nombre de sujets/messages d'un forum EmptyJeu 11 Oct 2012, 09:18
Revenir en haut Aller en bas
http://psylder.forumactif.com/
ChatalChiyo
ChatalChiyo
{ Membre }
{ Membre }

Féminin Messages : 6



Modifier l'emplacement du nombre de sujets/messages d'un forum Empty
Merci beaucoup pour le tutoriel !
MessageSujet: Re: Modifier l'emplacement du nombre de sujets/messages d'un forum   Modifier l'emplacement du nombre de sujets/messages d'un forum EmptySam 12 Jan 2013, 09:49
Revenir en haut Aller en bas
http://she-wolf.forumactif.com
SUMMIT.
SUMMIT.
{ Membre }
{ Membre }

Féminin Messages : 6



Modifier l'emplacement du nombre de sujets/messages d'un forum Empty
Tutoriel très utile, j'aime beaucoup. Merci !
MessageSujet: Re: Modifier l'emplacement du nombre de sujets/messages d'un forum   Modifier l'emplacement du nombre de sujets/messages d'un forum EmptySam 19 Jan 2013, 23:08
Revenir en haut Aller en bas
kii.ty
kii.ty
{ Membre }
{ Membre }

Féminin Messages : 46



Modifier l'emplacement du nombre de sujets/messages d'un forum Empty
Merci beaucoup
MessageSujet: Re: Modifier l'emplacement du nombre de sujets/messages d'un forum   Modifier l'emplacement du nombre de sujets/messages d'un forum EmptyDim 17 Mar 2013, 13:21
Revenir en haut Aller en bas
http://london-bridge.biz
cupidon
{ Membre }
{ Membre }

Féminin Messages : 18



Modifier l'emplacement du nombre de sujets/messages d'un forum Empty
merci pour le tuto sa a marcher mais sa ma fait un soucis en faite arf sa ne ma pas pris que le catégorie "messages" et "sujet" fin vous voyez se que je veux dire
MessageSujet: Re: Modifier l'emplacement du nombre de sujets/messages d'un forum   Modifier l'emplacement du nombre de sujets/messages d'un forum EmptyVen 07 Juin 2013, 23:42
Revenir en haut Aller en bas
http://beautiful-lie.olympiqueforum.com/
lutzy
lutzy
{ Membre }
{ Membre }

Féminin Messages : 14



Modifier l'emplacement du nombre de sujets/messages d'un forum Empty
merci beaucoup
mais moi ça me ne le met pas de côté ou au centre
MessageSujet: Re: Modifier l'emplacement du nombre de sujets/messages d'un forum   Modifier l'emplacement du nombre de sujets/messages d'un forum EmptyMar 27 Aoû 2013, 10:49
Revenir en haut Aller en bas
http://lesfrerescottforever.bbactif.com
destanee
{ Membre }
{ Membre }

Féminin Messages : 9



Modifier l'emplacement du nombre de sujets/messages d'un forum Empty
merci pour ce tuto c'est excellent
MessageSujet: Re: Modifier l'emplacement du nombre de sujets/messages d'un forum   Modifier l'emplacement du nombre de sujets/messages d'un forum EmptyMar 27 Aoû 2013, 11:20
Revenir en haut Aller en bas
Contenu sponsorisé




Modifier l'emplacement du nombre de sujets/messages d'un forum Empty
MessageSujet: Re: Modifier l'emplacement du nombre de sujets/messages d'un forum   Modifier l'emplacement du nombre de sujets/messages d'un forum Empty
Revenir en haut Aller en bas
 

Modifier l'emplacement du nombre de sujets/messages d'un forum

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

 Sujets similaires

-
» Modifier l'emplacement du nombre de sujets et messages
» <Template : phpBB2> Nombre sujets-messages dans la description du forum
» Sujets; Messages; Derniers Messages - comment les modifier ?
» Séparation des catégories et affichade de nombre de sujets et messages postés
» Mettre une image de fond aux cellules du forum (messages, forums, sujets)

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 | Forum gratuit