Modifier l'apparence des pseudos dans la liste des utilisateurs en ligne Bouton_activeModifier l'apparence des pseudos dans la liste des utilisateurs en ligne Bouton_hoverModifier l'apparence des pseudos dans la liste des utilisateurs en ligne Fb-hoverModifier l'apparence des pseudos dans la liste des utilisateurs en ligne 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'apparence des pseudos dans la liste des utilisateurs en ligne EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Modifier l'apparence des pseudos dans la liste des utilisateurs en ligne EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Modifier l'apparence des pseudos dans la liste des utilisateurs en ligne EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Modifier l'apparence des pseudos dans la liste des utilisateurs en ligne EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Modifier l'apparence des pseudos dans la liste des utilisateurs en ligne EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Modifier l'apparence des pseudos dans la liste des utilisateurs en ligne EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Modifier l'apparence des pseudos dans la liste des utilisateurs en ligne EmptySam 11 Fév 2023, 06:04 par Krager

» Vos partenaires dans le footer
Modifier l'apparence des pseudos dans la liste des utilisateurs en ligne EmptyMar 07 Fév 2023, 08:40 par Oxtran

-50%
Le deal à ne pas rater :
-50% Baskets Nike Air Huarache Runner
69.99 € 139.99 €
Voir le deal

Partagez
 

Modifier l'apparence des pseudos dans la liste des utilisateurs en ligne

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Pitbull*
Invité




Modifier l'apparence des pseudos dans la liste des utilisateurs en ligne Empty

Modifier l'apparence des pseudos dans la liste des utilisateurs en ligne


Informations générales

Description :
La liste des utilisateurs en ligne, c'est la partie "Utilisateurs enregistrés" dans le Qui Est en Ligne. Vous souhaitez personnaliser la mise en forme des pseudos, par exemple les mettre en italiques ? Suivez ce tutoriel Wink

Démo :
-

Testé sur :
Tous les navigateurs

Crédits :
Proposé par Pitbull le 29/09/2009 | Pitbull

Mise(s) à jour :
Mise à jour le 30/06/2012 par 'Christa Lostmindy

Le tutoriel


Rappel : Pour pouvoir éditer les templates de votre forum, vous devez utiliser un compte fondateur.

La partie Template


Rendez vous dans votre panneau d'administration, dans l'onglet Affichage, puis dans le menu Templates et cliquez sur Général. Dans la liste des templates, ouvrez index_body en cliquant sur son titre.

Cherchez le code suivant :
Code:
{LOGGED_IN_USER_LIST}
Et encadrez le par un span avec une classe du nom de votre choix, comme ceci :
Code:
<span class="ListeConnectes">{LOGGED_IN_USER_LIST}</span>

Une fois votre modification faite, enregistrez votre template. Pensez à le publier en cliquant sur l'icone "+" vert à côté de son nom dans la liste des templates.

La partie CSS


A présent, vous n'avez plus qu'à jouer un peu avec les CSS pour avoir la mise en forme que vous souhaitez.

Rendez vous dans votre panneau d'administration, onglet Affichage puis dans le menu Images et Couleurs et cliquez sur Couleurs, puis allez dans l'onglet Feuille de style CSS.

Vous devez ajouter vos modifications dans le champ de texte à votre disposition.

Pour mettre les pseudos en italique :
Code:
.ListeConnectes a {
font-style: italic;
}

Pour mettre les pseudos en petites majuscules :
Code:
.ListeConnectes a {
font-variant:small-caps;
}

Vous pouvez aussi combiner plusieurs propriétés CSS pour un affichage original. A vous de faire quelques recherches pour connaitre les propriétés CSS qui vous intéressent !
MessageSujet: Modifier l'apparence des pseudos dans la liste des utilisateurs en ligne   Modifier l'apparence des pseudos dans la liste des utilisateurs en ligne EmptyMar 29 Sep 2009, 11:06
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Modifier l'apparence des pseudos dans la liste des utilisateurs en ligne Empty
FAQ


Q
Est-ce possible d’appliquer cet effet pour les utilisateurs connectés les dernières 24 heures ?

R
Oui. Il suffit de faire le même code mais pour la variable {L_CONNECTED_MEMBERS}, ce qui nous donne pour le template:
Code:
 <span class="NomDeVotreClasse">{L_CONNECTED_MEMBERS}</span>
Et pour le CSS :
Code:
  .NomDeVotreClasse {
font-style: italic;
}


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'apparence des pseudos dans la liste des utilisateurs en ligne   Modifier l'apparence des pseudos dans la liste des utilisateurs en ligne EmptyVen 22 Juil 2011, 08:04
Revenir en haut Aller en bas
 

Modifier l'apparence des pseudos dans la liste des utilisateurs en ligne

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

 Sujets similaires

-
» Modifier l'apparence des noms d'utilisateurs en ligne
» Modifier les phrases du "Qui Est En Ligne"
» Modifier l'apparence des pseudos sans toucher aux liens
» <Template : phpBB2> Afficher icône en ligne/hors ligne dans les profils
» Enlever ou modifier un élément de la liste de sujets

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: Tutoriels de CSSActif :: ForumActif Pas à pas :: Le Footer-

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