La date/heure actuelle est Lun 14 Oct 2024 - 13:39

34 résultats trouvés pour ff0000

Comment attribuer les couleurs à chaque rang ?

Bonsoir,

Ce tutoriel sur Les rangs l'explique. Wink

PA / Utilisateurs & groupes / Administration des rangs : cliquez sur edit pour éditer un rang.

Plus particulièrement à la fin dudit tutoriel :

Tag ff0000 sur Forum gratuit : Le forum des forums actifs - Page 2 09615175839 5. Comment colorer un rang ?

Afin d'obtenir un rang coloré, insérez ce code dans le titre du rang :
Code:
<font color="#FF0000">Titre du rang</font>

Ce code aura pour résultat : Titre du rang

Vous pouvez modifier la couleur #FF0000 par celle de votre choix. Vous pouvez également mettre le rang en gras, en ajoutant les balises <b> et </b> en début et fin de rang :
Code:
<b>Titre du rang</b>

Rendra : Titre du rang

Vous pouvez combiner gras + couleur :
Code:
<font color=#FF0000><b>titre du rang</b></font>

Donnera : Titre du rang
D'autres nombreuses possibilités s'offrent à vous. Wink


Cordialement.
par Chacha
le Sam 20 Déc 2014 - 20:01
 
Rechercher dans: Archives des problèmes avec le panneau d'administration
Sujet: Comment attribuer les couleurs à chaque rang ?
Réponses: 15
Vues: 1982

Le HTML – Comment ça marche ?

Le HTML - Comment ça marche ?


Le HTML (HyperText Mark-Up Language) est le langage informatique le plus utilisé sur le web.
Très simple à comprendre et à apprendre, il est possible avec le HTML, de créer une page web complète facilement.
Il est souvent associer avec d’autres langages comme le CSS (feuilles de style en cascade) et le JavaScript.

Les balises rudimentaires

Nous allons voir les balises les plus simples que vous pourrez utiliser au quotidien dans le développement de votre forum.

  • Mettre un texte en Gras :
    Code:
    <strong>Texte</strong>

    Ce qui donnera :
    Texte

  • Mettre un texte en italique :
    Code:
    <em>Texte</em>

    Ce qui donnera :
    Texte

  • Souligner un texte :
    Code:
    <u>Texte</u>

    Ce qui donnera :
    Texte

  • Barrer un texte :
    Code:
    <s>Texte</s>

    Ce qui donnera :
    Texte

  • Mettre à gauche un texte :
    Code:
    <p align="left">Texte</p>

    Ce qui donnera :
    Texte

  • Centrer un texte :
    Code:
    <p align="center">Texte</p>

    Ce qui donnera :
    Texte

  • Mettre à droite un texte :
    Code:
    <p align="right">Texte</p>

    Ce qui donnera :
    Texte

  • Justifier un texte :
    Code:
    <p align="justify">Texte</p>

    Ce qui donnera :
    Texte

  • Taille du texte :
    Code:
    <font size="X">Texte</font>

    (Remplacer X par un nombre.)
    Ce qui donnera :
    Texte Texte

  • Changer la police d’un texte :
    Code:
    <font face="X">Texte</font>

    (Remplacer X par une police d’écriture, vous pouvez en mettre plusieurs à la suite en les séparant d’une virgule , si une personne qui visite votre page n’a pas la première police installée sur son ordinateur, ce sera la suivante qui sera utilisée et ainsi de suite par exemple : Times New Roman, Tahoma, Arial.)
    Ce qui donnera :
    Texte

  • Couleur du texte :
    Code:
    <font color="X">Texte</font>

    (Remplacer X par une couleur en anglais ou par un Code couleur (héxadécimal) par exemple pour le rouge : red ou #FF0000.)
    Ce qui donnera :
    Texte

Il faut savoir qu’il est possible via le CSS de remplacer ces balises de présentation du texte !

  • Un lien URL :
    Code:
    <a href="X">Texte</a>

    (Remplacer X par votre lien url : http://www.monlienurl.com )
    Ce qui donnera :
    Texte

  • Une image :
    Code:
    <img src="X" />

    (Remplacer X par le lien url de votre image : http://www.monlienurl.com/monimage.jpg )
    Ce qui donnera :
    Tag ff0000 sur Forum gratuit : Le forum des forums actifs - Page 2 Helpmo10

  • Un saut de ligne :
    Code:
    Forum<br>Actif

    Ce qui donnera :
    Forum
    Actif

  • Une liste :
    Code:
    <ul><li>ForumActif</ul>

    Ce qui donnera :

  • ForumActif

  • Un tableau :
    Code:
    <table border="1"><tr><td>Forum</td><td>Actif</td></tr><tr><td>C’est</td><td>Super !</td></tr></table>

    Ce qui donnera :
    ForumActif
    C’estSuper !



Les zones d’utilisation du HTML sur votre forum

Il vous est possible d’utiliser le HTML dans plusieurs parties de votre forum, et notamment les suivantes :

  • Dans les messages du forum – Lire le tutoriel : Activer le HTML.

  • Dans les annonces :
    Panneau d'administration  Général  Messages et emails - Annonces


  • Dans les newsletters (package Tag ff0000 sur Forum gratuit : Le forum des forums actifs - Page 2 2398224970 uniquement) :
    Panneau d'administration  Général  Newsletter - Écrire et envoyer


  • Sur la page d’accueil :
    Panneau d'administration  Affichage  Page d'accueil - Généralités


  • Dans les pages HTML :
    Panneau d'administration  Modules  HTML & JAVASCRIPT - Gestion des pages HTML


Apprendre le HTML

Pour aller plus loin, voici quelques sites pour apprendre le HTML.

Alsacréation - Le HTML.
OpenWeb - Les standards du HTML.
Code Academy - Les fondamentaux
Open Classrooms - Votre première page web en HTML

Et retrouvez également notre tutoriel sur le code CSS:
Tuto Tutoriel sur le CSS - Feuilles de style en cascade.

par Alex Fowl
le Dim 10 Avr 2011 - 19:45
 
Rechercher dans: Questions/Réponses fréquentes
Sujet: Le HTML – Comment ça marche ?
Réponses: 0
Vues: 13784

[CSS phpBB3] Apparence de la Barre de Navigation

Apparence de la Barre de Navigation (phpBB3)

Dans ce tutoriel, nous vous proposons quelques astuces pour personnaliser la barre de navigation d'un forum en version phpBB3.

Apparence de la barre de navigation par défaut


Par défaut, la barre de navigation d'un forum en phpBB3 a cette apparence :

Tag ff0000 sur Forum gratuit : Le forum des forums actifs - Page 2 Barre110

  1. Ligne de séparation ;
  2. Couleur d'arrière-plan de la barre de navigation ;
  3. Champ de recherche rapide


Modification de l'apparence de la barre de navigation


Afin de modifier l'apparence de la barre de navigation, nous allons utiliser la feuille de style CSS du forum.

Panneau d'administration  Affichage  Images et Couleurs - couleurs (Onglet Feuille de style CSS)


Barre de séparation


Modifier la couleur de la barre de séparation


Dans cet exemple, nous allons mettre la ligne de séparation en rouge dont le code hexadécimal est #ff0000.

Tag ff0000 sur Forum gratuit : Le forum des forums actifs - Page 2 Barre210

Code:
.navbar ul{
border-color:#ff0000;
}


Supprimer la barre de séparation


Voici le code CSS pour supprimer la barre de séparation sous la barre de navigation :

Tag ff0000 sur Forum gratuit : Le forum des forums actifs - Page 2 Barre310

Code:
.navbar ul{
border-bottom:none;
}


Décaler cette barre de séparation vers le bas


Internet explorer a pour fâcheuse habitude de mettre les bordures à l'intérieur de l'élément HTML, ce qui fait que les boutons de la barre de navigation se retrouvent par dessus le trait de séparation. Voici donc comment espacer le trait de séparation, pour le décoller des boutons de la barre de navigation :

Tag ff0000 sur Forum gratuit : Le forum des forums actifs - Page 2 Barre410

Code:
.navbar ul{
padding-bottom : 5px;
}


Couleur de Fond


Modifier la couleur de fond de la barre de navigation


Dans cet exemple, nous allons modifier la couleur d'arrière-plan de la zone de la barre de navigation en bleu ciel dont le code hexadécimal est #e5f1f9.

Tag ff0000 sur Forum gratuit : Le forum des forums actifs - Page 2 Barre510

Code:
.navbar{
background-color: #e5f1f9;
}


Modifier la couleur de fond de la zone de la barre de navigation


Voici comment limiter ce changement de couleur à la seule barre de navigation :

Tag ff0000 sur Forum gratuit : Le forum des forums actifs - Page 2 Barre610

Code:
.navbar ul{
background-color: #e5f1f9;
}


Zone recherche


Supprimer le champ de recherche dans la barre de navigation


Ce code CSS permet de supprimer le champ de Recherche dans la barre de navigation :

Tag ff0000 sur Forum gratuit : Le forum des forums actifs - Page 2 Barre710

Code:
#search-box{
visibility:hidden;
}


Réduire la hauteur de la zone Recherche de la barre de navigation


Une fois la zone de recherche cachée, on peut également diminuer la hauteur de cette zone laissée vide

Tag ff0000 sur Forum gratuit : Le forum des forums actifs - Page 2 Barre810

Code:
#search-box{
height:1px;
visibility:hidden;
}


par Lezebre
le Dim 16 Mar 2008 - 17:43
 
Rechercher dans: Trucs et astuces
Sujet: [CSS phpBB3] Apparence de la Barre de Navigation
Réponses: 0
Vues: 18055

Les rangs

Les rangs

Qu'est ce qu'un rang ?

Le rang est un texte qui s'affiche juste en dessous du pseudo des membres dans leurs messages et sur leurs profils. Il permet de distinguer certains utilisateurs particuliers (notamment les administrateurs et modérateurs) ou de créer différentes distinctions entre les membres.

Il existe 2 types de rangs sur Forumactif :

  • les rangs normaux : ils dépendent du nombre de messages postés par le membre. A chaque fois qu'un membres a posté un certain nombre de message son rang change.
    Par exemple au départ (0 message) il a le rang "nouveau membre", avec 10 message il devient "débutant", avec 20 messages il devient "petit bavard", etc.

  • les rangs spéciaux : ils ne dépendent pas du nombres de messages et sont donc donnés manuellement par un administrateur du forum. Ce sont des rangs qui permettent de différencier des membres importants sur le forum.
    Par exemple : Administrateur, Modérateur, Banni, 1er avertissement, Membre le plus gentil du mois...

    Attention, ces rangs spéciaux ne confèrent aucun pouvoir de modération ou d'administration !


Comment créer et gérer les rangs ?

La création et la gestion des différents rangs s'effectue sur le Panneau d'administration :
Panneau d'administration  Utilisateurs & Groupes  Rangs - Administration des rangs


Créer un rang

Cliquez sur le bouton "Créer un nouveau rang"

Voir illustration:


  • Titre du rang : correspond au texte du rang tel qui apparaitra sur votre forum. Ce champ accepte certaines balises de HTML telles que <strong> pour le gras ou <em> pour l'italique, s'agissant des plus simples.

  • Définir en tant que rang spécial : vous permet de choisir si ce nouveau rang sera attribué automatiquement en fonction du nombre de messages postés (choix "non"), ou s'il devra être attribué manuellement par un administrateur (choix "oui"),

  • Nombre minimum de messages : ce champ ne s'applique qu'à un rang qui n'est pas défini comme rang spécial, et vous permet d'établir le seuil à partir duquel l'utilisateur portera ce rang.

  • URL de l'image du rang : permet de joindre à un rang une image qui s'affichera en dessous de celui-ci dans les messages et profils des utilisateurs porteurs du rang


Ordonner les rangs spéciaux

Sur la liste des rangs, vous disposez d'un bouton "Trier" qui vous permet d'ordonner les rangs spéciaux afin d'en faciliter l'attribution dans le Panneau d'administration par les administrateurs du forum (voir point 3). Il vous suffit de cliquer sur "Trier" puis de classer vos rangs dans l'ordre souhaité par glisser-déposer et de cliquer sur "Enregistrer".

Vous pouvez par exemple classer vos rangs en fonction de leur importance afin de les retrouver plus facilement, en particulier si vous en possédez beaucoup, ou encore pour mettre en tête de liste ceux que vous attribuez ou retirez le plus souvent à vos membres.

Voir illustration:


Remarques : L'ordre des rangs influe exclusivement leur ordre d'affichage dans la liste des rangs et sur les profils du Panneau d'administration. Chaque utilisateur ne pouvant avoir qu'un rang à la fois, l'ordre choisi n'impactera pas le rendu affiché aux utilisateurs côté forum.
Les rangs normaux sont classés de manière automatique et non modifiable en nombre croissant de messages nécessaires à leur obtention.

Comment voir et gérer les membres associés à un rang ?

Afficher la liste des membres associés à un rang

Vous avez la possibilité d'accéder à la liste des membres associés à un rang, qu'il s'agisse d'un rang normal comme d'un rang spécial.
Panneau d'administration  Utilisateurs & Groupes  Rangs - Administration des rangs


Cliquez sur l'icône edit du rang dont vous voulez voir les membres. Vous trouverez ensuite la liste en dessous du formulaire d'édition du rang.

Voir illustration:


Attribuer un rang

Seuls les rangs spéciaux nécessitent d'être attribués manuellement par un administrateur : les autres s'afficheront automatiquement en fonction du nombre de messages postés.

Pour les rangs spéciaux :
Panneau d'administration  Utilisateurs & Groupes  Utilisateurs - Gestion des utilisateurs


Recherchez le membre en tapant son pseudo, et cliquez sur edit face à son pseudo. Une fois sur la page d'édition de cet utilisateur, vous trouverez en pied de page l'option relative au rang :

Voir illustration:


ATTENTION : Attribuer un rang spécial à quelqu'un ne lui donne aucun droit, cela permet juste de mettre un mot sous son pseudo. Si vous voulez que la personne soit modératrice ou administratrice, vous devez lui donner ces pouvoirs indépendamment du rang.


Personnaliser les rangs

Puis-je styliser les rangs ?

C'est tout à fait possible : pour cela, insérer dans le champ "titre du rang" le code suivant :

Code:
<span class="rank_1">Titre du rang</span>


Puis ajoutez à votre CSS le code suivant (une seule fois) :
Panneau d'administration  Affichage  Couleurs - onglet Feuille de style CSS


Code:
span.rank_1 {
    color: #FF0000;
}


Le résultat sera le suivant : Titre du rang

Vous pouvez créer autant de rangs colorés que souhaitez, vous devrez alors répéter l'opération ci-dessous. Une fois que ce code est dans le CSS, il n'a plus besoin d'y être placé à chaque fois. Si vous voulez créer un autre rang de la même couleur, vous pourrez alors simplement l'intituler :
Code:
<span class="rank_1">Titre du nouveau rang</span>


Si vous souhaitez une autre couleur, vous devrez changer la class rank_1 par une autre, par exemple rank_2 et ajouter un nouveau code dans le CSS déterminant un style à ce rang. Par exemple :
Code:
span.rank_2 {
    color: #0000ff;
}


Vous pouvez bien entendu modifier les couleurs (#FF0000, #0000ff) par celles de votre choix.

Notez que vous pouvez utiliser de nombreuses propriétés de CSS pour donner une apparence personnalisée à vos rangs : gras, italique, cadre, couleur de fond...
Pour plus d'informations à ce sujet, nous vous invitons à lire ce sujet : le CSS, comment ça marche ?

N'afficher que l'image du rang et non son texte

Vous pouvez vouloir n'afficher que l'image du rang sans que le texte ne figure sur les profils des utilisateurs.
Pour ce faire, vous devez créer un nouveau rang en spécifiant une image de rang, et lui donner le titre suivant :

Code:
<span class="rank_no_text">Titre du rang</span>


Puis ajoutez à votre CSS le code suivant (une seule fois) :
Panneau d'administration  Affichage  Couleurs - onglet Feuille de style CSS


Code:
span.rank_no_text {
    display:none;
}


De cette façon, le texte du rang continuera à apparaitre sur votre panneau d'administration (plus pratique pour bien gérer les utilisateurs) mais ne s'affichera plus sur le forum.

Tutoriels connexes

Pour attribuer à vos membres une couleur de pseudo spécifique ou encore leur donner un accès spécial au forum (modération, section privée, etc.) en complément de leur rang, nous vous invitons à lire ces tutoriels :


par Maélya
le Ven 29 Oct 2004 - 20:10
 
Rechercher dans: Questions/Réponses fréquentes
Sujet: Les rangs
Réponses: 0
Vues: 26132

Revenir en haut

Page 2 sur 2 Précédent  1, 2

Sauter vers: