 Vintage. 
{ Membre }
 Messages : 18
 | Encadrés en arrondis des titres de catégories Niveau: Facile | Par: Vintage. | Validé par: Hαrιcoow | En date du: 27/06/2010Mise à jour et correction du tutoriel par Lostmindy le 01/03/2011Bonjour à tous. Je vais vous proposer mon premier tutorial donc soyez indulgents. Si vous êtes une âme curieuse, ce tutoriel à été inventé par moi, enfin, pour l'instant, je l'ai trouvé moi-même donc j'en suis assez fière. Comment l'ai-je trouvé ? En faisant une fausse manip' et tac, un joli résultat. Généralement, je trouve grâce au hasard (en voici la preuve) Bref, je vous épargne mon discours. Voici voilà le résultat que vous obtiendrez :
Ce tutoriel vous permettra donc de donner aux titres des forums un aspect de barre aux coins arrondis.
Bref, on se met à la pratique à présent....
Donc, allez dans votre panneau d'administration » Affichages » Couleurs » Feuille de style CSS, et ajoutez ceci :
- Code:
-
a.forumlink{
display:block;
background-color: #COULEUR-DE-FOND;
border-bottom: 5px double #COULEUR-BORDURE;
text-align: center;
font-weight: bold;
/* Les bordures arrondies */
-moz-border-radius: 7px;
-webkit-border-radius:7px;
border-radius:7px;
}
Après, libre à vous de rajouter des propriétés CSS pour approfondir la personnalisation, comme celles-ci par exemple :
letter-spacing: ??px; /* Espacement entre les lettres */
font-family: nom de la police; /* Choix d'une police d'écriture */
font-size: ??px; /* Taille du texte */
Pour aller plus loin Ajouté par Lostmindy le 01/03/2011 Si vous souhaitez modifier les couleurs du texte des liens, il vous faudra aller un peu plus loin et utiliser ce code-ci en plus de celui donné plus haut : - Code:
-
/* pour les liens normaux ou déjà visités */
a.forumlink:link, a.forumlink:visited {
color:#COULEUR;
}
/* pour les liens survolés ou activés */
a.forumlink:hover, a.forumlink:active {
color:#COULEUR;
} | | |
|
Kaiji 
Blanche-Neige
Messages : 5578
| FAQ Les arrondis ne marchent pas chez moi ! Le code peut ne pas marcher si tu utilises une version d'Internet Explorer antérieure à la version 9 comme navigateur. Normalement, il est compatible Firefox, Chrome, Safari et Opéra. Avec Internet Explorer, c'est une autre histoire... Pour toute question sur ce tutoriel, merci de poster une demande d'aide ici :
http://www.css-actif.com/f17-aide-css-xhtml | | |
|
Lun 03 Juin 2024, 17:20 par 
