Forum
Moderateurs: Alexis
Auteur Message
Latias31
Messages: 73
Bonjour Jiix. Je te propose aujourd'hui une fonction que je trouve vraiment utile, présente sur certains site. C'est l'utilisation de balises BBcodes du genre [h1] [h2] et [h3].
Par exemple, si un membre utilise
[h1] Titre [/h1], ce titre sera par exemple d'une certaine taille et grosseur.
Par contre, pour ceux qui utilisent du CSS modifié, ils pourront modifier la valeur de ces H1 H2 et H3.
Pour exemple, j'vais prendre mon site (si tu vois le quel c'est). Il est plein d'ombres sous les caractères. Et bah j'aimerais par exemple que l'ombre soit Blanche et que la police soit de taille 18 pour tous les H1, ainsi qu'aligné au centre. Exemple :

 h1 {
    text-align: center;
    font-size: 18px;
    text-shadow: #FFFFFF 0.5px 0.5px 9px;
}

Ce n'est qu'une proposition, mais de manière à améliorer la présentations d'articles, celle-ci est vraiment utile. De plus que je ne pense pas que cette dernière soit si longue à programmer pour toi. Après, c'toi qui voit, hein.

- Edité le 08/01/2012 à 10:25 -
Alexis

Messages: 1136
Site internet
Ce n'est pas nécessaire de créer de nouvelles balises, tu peux tout simplement utiliser la balise taille et mettre ton texte en taille 18 (par exemple), puis ajouter ceci au CSS:

 .t18 { 
    text-align: center; 
    font-size: 18px; 
    text-shadow: #FFFFFF 0.5px 0.5px 9px; 

Tu peux faire la même chose avec toutes les tailles bien sûr.

image
image
image
Vous aimez les services offerts par UtiliWeb ? 
Signez le livre d'or !
Vous voulez être au courant de nos actualités ?
Suivez nous !
Vous voulez faire un geste pour nous aider ? 
Faites un don !

Latias31
Messages: 73
L'ennuie c'est que si quelqu'un veut utiliser la taille 18 pour UNIQUEMENT mettre le texte d'une certaine taille ...
Alexis

Messages: 1136
Site internet
Dans ce cas, tu peux utiliser une autre taille (777 par exemple) en supposant que personne en voudra écrire un texte de cette taille là.

image
image
image
Vous aimez les services offerts par UtiliWeb ? 
Signez le livre d'or !
Vous voulez être au courant de nos actualités ?
Suivez nous !
Vous voulez faire un geste pour nous aider ? 
Faites un don !

Latias31
Messages: 73
Ah bah oui suis-je bête. C'est moins ergonomique, mais merci beaucoup Jiix !
Latias31
Messages: 73
Ah mince. J'ai un gros problème : ça ne marche pas.
C'est ni immense, ni comme les propriétés le veulent : c'est normal. Que faire ? Choisir plus petit ? :s

EDIT : En effet, après quelques test, ça marche parfaitement avec du 30 / 31.
EDIT2 : Sauf pour le text-align: center; qui ne fait rien...
EDIT3 : Le font-size non plus...

- Edité le 08/01/2012 à 18:19 -
Alexis

Messages: 1136
Site internet
  
    display: block;
    text-align: center;  
    font-size: 18px !important;  
    text-shadow: #FFFFFF 0.5px 0.5px 9px;  

Comme ça ça devrait être bon.

image
image
image
Vous aimez les services offerts par UtiliWeb ? 
Signez le livre d'or !
Vous voulez être au courant de nos actualités ?
Suivez nous !
Vous voulez faire un geste pour nous aider ? 
Faites un don !

Latias31
Messages: 73
Ah oui, en effet. Le "!important" et le "display: block" signifient quoi, exactement ? :S
Alexis

Messages: 1136
Site internet
Le !important permet de rendre une instruction prioritaire par rapport aux autres lorsque des instructions se contredisent.

Dans le cas présent, le code html de la page contient une instruction disant que le texte doit s'afficher en taille 777, et ton CSS contient une instruction disant que le texte doit s'afficher en taille 18. Le !important permet de dire au navigateur que l'instruction contenue dans le CSS est plus importante que celle contenue dans le code html.


Pour le display: block, tu trouveras une explication assez complète sur
ce lien.

image
image
image
Vous aimez les services offerts par UtiliWeb ? 
Signez le livre d'or !
Vous voulez être au courant de nos actualités ?
Suivez nous !
Vous voulez faire un geste pour nous aider ? 
Faites un don !

 

Aller à:     Haut de page