Alors je vais poster ici plusieurs petites astuces concernant le css :

1° -  Pour que les titres ou toute autre partie de écrite de votre blog soir en petites majuscules comme ceci, vous devez ajouter le code : font-variant: small-caps; dans les paragraphes que vous souhaitez, pour les titres, dates, commentaires, catégories, liens des menus, titres de menus, etc. ( Si vous ne savez pas à quels sont les parties correspondantes de la fueille css, reportez vous à cet article )

Exemple : Pour que les titres des articles soient en petites majuscules, ajoutez le code à la partie .title :

.title {
            color: #a9a9a9;
            font-family: Tahoma;
            font-size: 8pt;
            font-weight: bold;
            font-style: normal;
            font-variant: small-caps;
            text-decoration: none;
            text-align: left;
            padding-top: 4px;
            margin-left: 4px;
}


2° - Pour que la première lettre des mots soit en majuscule, si par exemple vous voulez que tous les pseudos de ceux qui postent dans votre tagboard aient une majuscule, même ceux qui n'en n'ont pas normalement, ( comme ici ) il faut ajouter le code text-transform: capitalize; Vous pouvez également mettre une majuscule à votre pseudo si vous ne l'avez pas fait lors de votre inscription.

Exemple : En mettant ce code dans la partie qui concerne les pseudos de la tagboard, tous les pseudos ont une majuscule.

#tagframe a {
            color: #ecdb6f;
            font-family: Tahoma;
            font-size: 8pt;
            font-weight: bold;
            font-style: normal;
            text-transform: capitalize;
            text-decoration: none;
}


3° - Pour que le texte soit barré, comme ceci, il faut remplacer le none, ou underline, dans la ligne text-decoration, par line-through ( comme ici lorsque l'on passe sur les liens ), ainsi, selon le paragraphe que vous choisissez dans votre feuille css, le texte sera barré.

Exemple : Avec ce code placé dans ce paragraphe, lorsque l'on passe le curseur sur les pseudos de la tagboard, ils sont barrés.

#tagframe a:hover {
            color: #aeaacd;
            font-size: 8pt;
            font-weight: bold;
            font-style: normal;
            text-decoration: line-through;
}

J'espère avoir été assez claire dans mes explications ...

Publié par Sakatruc le 22 février 2007 à 15:48

Classé dans CSS | 6 commentaires

Tags :

Par Astyana le 22 février 2007 à 16:12
Merci beaucoup ! :)
Par twisted le 22 février 2007 à 17:55
Niaaah :D BRAVO une fois de plus, miss <3<3 et surtout merci pour tout ce que tu fais pour nous aider :] Bonne continuation... De toute façon, je passe assez régulièrement pour en apprendre toujours plus :p
[j'écris là, sinon la tagboard bouzillée xD]
hi
Par Tartine-Ch0c0lat le 22 février 2007 à 23:17
t'es coooowblog du mois =D
Yeaaah trop mérité en plus...
Par mon.royaume le 28 février 2007 à 20:12
Il est génial ce blog, dommage qu'il n'y est pas plus souvent ces aides pour CSS...
Par lilyknupa le 18 mars 2007 à 23:52
Est-il possible d'utiliser l'astuce des petites majuscules dans les articles ?
Si oui, comment doit-on procéder ?
Merci =)
Par lilyknupa le 18 mars 2007 à 23:53
C'est cool de faire un blog pour les aides ^^
 

Ajouter un commentaire

Note : Sakatruc n'accepte que les commentaires des personnes possédant un compte sur Cowblog : vous devez obligatoirement être identifié pour poster un commentaire.









Commentaire :








Votre adresse IP sera enregistrée pour des raisons de sécurité.
 

La discussion continue ailleurs...

Pour faire un rétrolien sur cet article :
http://sakatruc.cowblog.fr/trackback/1653255

 
Créer un podcast