CSS tutoriaux scripts creer un blog over blog

1 2 3 suivant

Utiliser les class ID

Source : http://www.siteduzero.com/tuto-3-32-1-mettre-en-place-le-css.html?sesid=94f421f6ed281ffc4a24f903bb697a602393c000&sesmid=-3420#ss_part_1 Ce que je vous ai montré jusqu'ici a quand même un défaut : cela implique par exemple que TOUS les paragraphes soient écrits par exemple en bleu / […]

Quelle est la différence entre class et ID ?

Les classes sont destinées à être utilisées plusieurs fois dans le document HTML qui sera mis en forme alors que les ID ne doivent en principe être utilisés qu'une seule fois dans chaque page HTML. Pour définir une classe CSS, on ajoute un point devant son nom. Pour définir une ID, on ajoute […]

Comment mettre une ombre sur une boîte CSS

OMBRAGE SUR UNE BOITE CSS Menu "Ombrage" Sommaire Ombrage 1 Ombrage 2 Ombrage 3 Exemple CODE SOURCE CSS ET HTML Pour tester ce script COMMENTAIRES Il s'agit de créer une ombre. Le principe est très simple. On crée 2 boites identiques, mais de couleurs différentes. L'une des 2, au choix, […]

Module : . box comment modifier le contenu d'un module ?

POUR CHANGER LA TAILLE .box {font-size: 20px; } POUR LE SOULIGNER .box {text-decoration:underline ; } POUR CHANGER SA COULEUR .box {color:red; } POUR LE METTRE EN ITALIQUE .box {font-style: italic; } POUR LE CENTRER .box { text-align:center; } POUR LE METTRE EN GRAS .box {font-weight:bold;} […]

a:hover a signification

a:hover { text-decoration:none; color:#ffffff} couleur du lien quand on le survol a : couleur des liens exemple : a { text-decoration:underline; color:#ffffff; font-size:120%; }

Modifier le module de présentation .box content li

Voici la ligne à modifier : .box-content li { list-style:square; color:#ffffff; margin:10px; padding:1px; } Pour modifier couleur : color : #ffffff ; (votre couleur hexadécimal au choix) ; Pour la taille de la police : ajouter dans la ligne font-size : small ou medium ou large au choix ! […]

Changer la couleurdes liens

Dans votre CSS, modifiez les 2 lignes là avec votre propre couleur Pour agrandir la taille des polices des liens ajouter font-size:130%;} Exemple : a {text-decoration:underline; color:#525050; font-size:150%;} a:hover {text-decoration:none; color:#525050;} Sachant que si vous avez modifié la […]

Titre des modules et CSS

.boxtitre span : fond du titre des modules Exemple : .box-titre span{background:url(http://img187.imageshack.us/img187/5337/b04eg6.jpg) .boxtitre : fond tu titre .box-titre h2 : titre des modules Pour modifier couleur : ajouter color : #FF0000 (la couleur hexadécimal est bien évidemment à […]

CSS et modules over blog

.articlerecent : le module de la liste des articles récents .lien : les liens .recherche : le module de recherche .recommander : le module "recommander" .archive : les archives .calendrier : le calendrier .w3c : le module W3C .concours : le module "over-blog - créer un blog" .categorie : la […]

Signification h1 h2 h3 a liens a:hover li img image input bouton

h1 titre des pages h2 sous titre de niveau 2 h3 sous titre de niveau 3 a liens: la couleurs, la mise en forme, etc.. a:hover liens, mais lors du survol de celui ci par la souris li un élément d'une liste img image: pour définir des bordures en général input bouton, et autres éléments d'un […]

FONT FAMILY FONT STYLE FONT WEIGHT

Font-family permet de choisir la police ou la famille de police qui va être appliquée au texte. Sachez que seules les polices installées sur l'ordinateur de votre visiteur pourront être vues par ce dernier. Evitez donc les polices exotiques et veillez à choisir une famille générique de […]

list-style-type

Pour les listes énumératives, vous pouvez spécifier la forme de la puce. Pour les listes numérotées, vous pouvez avoir une influence sur la représentation des numéros. Avec list-style-type: vous pouvez contrôler l'apparence des signes d'une liste. Une des mentions suivantes est permise. decimal […]

Cacher les ascenceurs à l interieur des modules

En règle générale, s'il y a un ascenseur, c'est que le contenu du module est plus large que le contenant. Mais, il peut arriver que le contenant soit entièrement visible et pourtant un tout petit ascenseur s'est créé, très inesthétique. On peut donc le supprimer. Ainsi, j'avais un ascenseur […]

Comprendre les CSS over blog : Balises

Balises html de base Document : document html : corps du document Titres : titre 1er niveau : titre 2ème niveau : titre 3ème niveau (... et ainsi de suite jusqu'à 6) Éléments de texte : paragraphe : liste à puce : liste numérotée : élement d'une liste : lien hypertexte Tableau : tableau : […]

Comment modifier titre de vos modules ?

Aller dans votre CSS (mode avancé CSS) Pour augmenter taille police .box-titre h2 {font-size: 15px; } Pour changer la police .box-titre h2 {font-family: georgia;} Pour centrer le titre .box-titre h2 { text-align:center; } Pour changer la couleur .box-titre h2 {color:red; } Pour […]