arrondis - Encadrés en arrondis des titres des forums Bouton_activearrondis - Encadrés en arrondis des titres des forums Bouton_hoverarrondis - Encadrés en arrondis des titres des forums Fb-hoverarrondis - Encadrés en arrondis des titres des forums 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
» Système d'onglets simple et personnalisable
arrondis - Encadrés en arrondis des titres des forums EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
arrondis - Encadrés en arrondis des titres des forums EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
arrondis - Encadrés en arrondis des titres des forums EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
arrondis - Encadrés en arrondis des titres des forums EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
arrondis - Encadrés en arrondis des titres des forums EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
arrondis - Encadrés en arrondis des titres des forums EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
arrondis - Encadrés en arrondis des titres des forums EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
arrondis - Encadrés en arrondis des titres des forums EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment : -25%
PC Portable Gamer 16,1” HP Victus 16 – 16 ...
Voir le deal
749.99 €

Partagez
 

Encadrés en arrondis des titres des forums

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://so-mode.1fr1.net/
Vintage.
{ Membre }
{ Membre }

Féminin Messages : 18



arrondis - Encadrés en arrondis des titres des forums Empty
Encadrés en arrondis des titres de catégories

Niveau: Facile | Par: Vintage. | Validé par: Hαrιcoow | En date du: 27/06/2010
Mise à jour et correction du tutoriel par Lostmindy le 01/03/2011

    Bonjour à 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 :

    arrondis - Encadrés en arrondis des titres des forums 463224effet1

    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;
}
MessageSujet: Encadrés en arrondis des titres des forums   arrondis - Encadrés en arrondis des titres des forums EmptyDim 27 Juin 2010, 11:38
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



arrondis - Encadrés en arrondis des titres des forums Empty
FAQ


Q
Les arrondis ne marchent pas chez moi !

R
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
MessageSujet: Re: Encadrés en arrondis des titres des forums   arrondis - Encadrés en arrondis des titres des forums EmptyJeu 21 Juil 2011, 21:04
Revenir en haut Aller en bas
 

Encadrés en arrondis des titres des forums

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

 Sujets similaires

-
» Mettre un encadrés arrondis a mes titres
» Encadrés en arrondis des titres de catégories (messages)
» Question sur les coins arrondis des forums
» Titres des forums - Problème
» Modifier titres des Forums.

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: Tutoriels de CSSActif :: ForumActif Pas à pas :: Les Forums et Catégories-

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 | Cookies | Forum gratuit