Affichage icônes de légende Bouton_activeAffichage icônes de légende Bouton_hoverAffichage icônes de légende Fb-hoverAffichage icônes de légende Fb-active
AccueilForumÉquipe 
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
Affichage icônes de légende EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Affichage icônes de légende EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Affichage icônes de légende EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Affichage icônes de légende EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Affichage icônes de légende EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Affichage icônes de légende EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Affichage icônes de légende EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Affichage icônes de légende EmptySam 11 Fév 2023, 06:04 par Krager


CSSActif :: Tutoriels de CSSActif :: ForumActif Pas à pas :: Les Forums et CatégoriesPartagez
 

Affichage icônes de légende

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://voodoo-child.darkbb.com/forum.htm
Voodoo Child
Voodoo Child
{ Membre }
{ Membre }

Féminin Messages : 97



Affichage icônes de légende Empty
Icônes de légendes rangées

Niveau: Facile | Par: Voodoo Child | Validé par: Pitbull | En date du: 30/09/2009

Nous avons tous et toutes une légende d'icônes sur nos forums de ce type là :

Affichage icônes de légende Avanti10
Crédit CssActif

mais ce n'est pas une fatalité et nous pouvons les avoir comme ici :

Affichage icônes de légende Aprasi10
Crédit Voodoo Child forum

Et donc supprimer quelques répétitions.

Pour cela aller dans les templates et modifier le fichier viewforum body.

Chercher ce morceau de code :
Code:
  <!-- BEGIN switch_legend -->
  <tr>
      <td colspan="2">
        <table border="0" cellpadding="6" cellspacing="2" align="center">
            <tr>
              <td>
                  <img src="{FOLDER_NEW_IMG}" alt="{L_FOLDER_NEW_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_NEW_IMG}</span><br />
                  <img src="{FOLDER_HOT_NEW_IMG}" alt="{L_FOLDER_HOT_NEW_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_HOT_NEW_IMG}</span><br />
                  <img src="{FOLDER_LOCKED_NEW_IMG}" alt="{L_FOLDER_LOCKED_NEW_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_LOCKED_NEW_IMG}</span>
              </td>
              <td>
                  <img src="{FOLDER_IMG}" alt="{L_FOLDER_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_IMG}</span><br />
                  <img src="{FOLDER_HOT_IMG}" alt="{L_FOLDER_HOT_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_HOT_IMG}</span><br />
                  <img src="{FOLDER_LOCKED_IMG}" alt="{L_FOLDER_LOCKED_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_LOCKED_IMG}</span>
              </td>
              <td valign="top">
                  <img src="{FOLDER_ANNOUNCE_IMG}" alt="{L_FOLDER_ANNOUNCE_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_ANNOUNCE_IMG}</span><br />
                  <img src="{FOLDER_STICKY_IMG}" alt="{L_FOLDER_STICKY_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_STICKY_IMG}</span><br />
              </td>
            </tr>
        </table>
      </td>
  </tr>
  <!-- END switch_legend -->

Et le remplacer par celui ci :

Code:
<!-- BEGIN switch_legend -->
  <tr>
    <td colspan="2">
        <table border="0" align="center">
            <tr>
                <td align="center" valign="middle"><img src="{FOLDER_NEW_IMG}" alt="{L_FOLDER_NEW_IMG}" border="0" /><br>
                  <span class="gensmall">{L_FOLDER_NEW_IMG}</span></td>
                                              <td align="center" valign="middle"><img src="{FOLDER_IMG}" alt="{L_FOLDER_IMG}" border="0" /><br>
                <span class="gensmall">{L_FOLDER_IMG}</span><br />              </td>
                <td align="center" valign="middle"><img src="{FOLDER_LOCKED_IMG}" alt="{L_FOLDER_LOCKED_IMG}" border="0" /><br>
                  <span class="gensmall">Topic Verrouillé</span></td>
            </tr>
        </table>
      <table width="300" border="0" align="center">
              <tr>
                <td align="center" valign="middle" ><img src="{FOLDER_STICKY_IMG}" alt="{L_FOLDER_STICKY_IMG}" border="0" /><br>
                <span class="gensmall">{L_FOLDER_STICKY_IMG}</span></td>
                <td align="center" valign="middle" ><img src="{FOLDER_ANNOUNCE_IMG}" alt="{L_FOLDER_ANNOUNCE_IMG}" border="0" /><br>
                <span class="gensmall">                {L_FOLDER_ANNOUNCE_IMG}</span></td>
              </tr>
            </table>
      <br></td>
  </tr>
  <!-- END switch_legend -->

Pensez à valider puis à publier ^^

EDITION à la demande du créateur du tuto :
Variante avec centrage des textes :
Exemple :
Affichage icônes de légende Deuxic10

Remplacer le code par :

Code:
<!-- BEGIN switch_legend -->
  <tr>
    <td colspan="2">
        <table border="0" align="center">
            <tr>
                <td align="center" valign="middle"><img src="{FOLDER_NEW_IMG}" alt="{L_FOLDER_NEW_IMG}" border="0" /><br>
                  <span class="gensmall">{L_FOLDER_NEW_IMG}</span></td>
                                              <td align="center" valign="middle"><img src="{FOLDER_IMG}" alt="{L_FOLDER_IMG}" border="0" /><br>
                <span class="gensmall">{L_FOLDER_IMG}</span><br />              </td>
                <td align="center" valign="middle"><img src="{FOLDER_LOCKED_IMG}" alt="{L_FOLDER_LOCKED_IMG}" border="0" /><br>
                  <span class="gensmall">Topic Verrouillé</span></td>
            </tr>
        </table>
      <table width="300" border="0" align="center">
              <tr>
                <td align="center" valign="middle" ><img src="{FOLDER_STICKY_IMG}" alt="{L_FOLDER_STICKY_IMG}" border="0" /><br>
                <span class="gensmall">{L_FOLDER_STICKY_IMG}</span></td>
                <td align="center" valign="middle" ><img src="{FOLDER_ANNOUNCE_IMG}" alt="{L_FOLDER_ANNOUNCE_IMG}" border="0" /><br>
                <span class="gensmall">                {L_FOLDER_ANNOUNCE_IMG}</span></td>
              </tr>
            </table>
      <br></td>
  </tr>
  <!-- END switch_legend -->
MessageSujet: Affichage icônes de légende   Affichage icônes de légende EmptyMer 30 Sep 2009, 10:49
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Affichage icônes de légende Empty
FAQ


Q
Qu'est-ce que sont ces "messages populaires" et quelle est leur utilité ?

R
Les messages populaires, ce sont les messages dans lesquels y'a beaucoup de posts, tu peux régler dans le panneau d'administration le seuil de messages à atteindre pour qu'un topic soit considéré comme populaire.


Q
Comment faire pour supprimer la légende de ces icônes à la fin du forum ?

R
Panneau d'Admin > Général > Messages & Emails > Configuration > Messages > Afficher la légende des statuts des messages > Non


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: Affichage icônes de légende   Affichage icônes de légende EmptyJeu 21 Juil 2011, 20:51
Revenir en haut Aller en bas
http://caelumcalidus.forumactif.com
LoliChou
LoliChou
{ Membre }
{ Membre }

Féminin Messages : 71



Affichage icônes de légende Empty
Bonsoir,

Un énorme merci pour ce partage ! Affichage icônes de légende 3933776953
MessageSujet: Re: Affichage icônes de légende   Affichage icônes de légende EmptyMer 24 Avr 2013, 17:35
Revenir en haut Aller en bas
Contenu sponsorisé




Affichage icônes de légende Empty
MessageSujet: Re: Affichage icônes de légende   Affichage icônes de légende Empty
Revenir en haut Aller en bas
 

Affichage icônes de légende

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

 Sujets similaires

-
» Affichage d'icônes de légende (messages)
» Affichage des derniers sujets sur l'image de légende
» Problème affichage des derniers messages sur l'image de légende
» Legende Images
» Structure forum (style légende)

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-
ChatBox
:
AccueilAccueil  RechercherRechercher  Dernières imagesDernières images  Connexion  S'enregistrerS'enregistrer  

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