Blog d'aide de Blog4ever

Blog d'aide de Blog4ever

Comment nomer un CSS "global"

40 appréciations
Hors-ligne
Bonjour. Je progresse (oui oui) en CSS, mais il y a une question à laquelle je ne trouve pas de réponse, c'est :

comment ma fenêtre CSS peut savoir si je lui parle de la page en cours ou de la globalité de mon blog ? Ce que je voudrais, précisément, c'est que TOUT soit, par défaut, en helvetica neue. J'ai donc introduit la "font-family body helvetica neue", mais apparemment les titres des rubriques qui sont repris automatiquement sur la page d'un article appartenant à cette rubrique, apparaissent dans la typo de ma page d'accueil (typo Overblock (que je voudrais donc passer elle aussi en helvetica neue, sauf le titre-nom de blog, qui me plaît bien en Overblock. Hum, vous suivez ?...)
Ma question corolaire est : comment dire à ma fenêtre CSS que je veux juste modifer la typo d'une phrase (par exempel une fois que j'aurai tout passé en helvetica neue grâce à vos indication , je devrai faire comment pour que mon titre de blog, et seulement lui (!) apparaisse en overblock ?

Il faut que je crée une "classe" : "tout le contenu" ?

Et quand je veux une exception, je doit créer une classe spécifique à l'élément donné (par exemple une phrase, ou un mot, etc) et recopier cet élément dans le CSS ?

Merci

PS : excusez-moi pour la grosse faute dans le titre, mais je ne peux apparemment pas revenir dessus ("nomer" au lieu de "nommer", of course !)

Dernière modification le jeudi 30 Octobre 2014 à 10:09:53

40 appréciations
Hors-ligne
PS : désolée j'ai écrit "overblock" en pensant oleoscript,. C'est la typo que je voudrais conserver uniquement pour le nom de mon blog TOUT le reste du blog serait helvetica neue/arial (selon les navigateurs)

4036 appréciations
Hors-ligne
:bd:
En css chaque partie est conditionnée sauf indication contraire.
le body c'est la page et ensuite il y a des codes qui conditionnent chaque partie.

/* Hauteur de l'image d'en-tête */
header .image
{
height: 380px;
/* Taille du texte dans le contenu */
article
{
font-size : 18px;
body {
font-family:helvetica neue, sans-serif;
/* titres dans le menu*/
{
font-family:helvetica neue, sans-serif;
} /* titres dans la body*/
{
font-family:helvetica neue, sans-serif;


Ces codes sont faux.
Il n'y a rien de fermé { }
Attention car la police helvetica neu n'est pas courante et le lecteur ne la verra pas si elle n'est pas installé sur son ordi. ( c'est pour ça qu'il y a arial à la suite.....

il faut mettre :
body {
background-color: #fffce9;
background-image: url("/resources/img/blogs/dizperso/backgrounds/theme-32.png");
color: #212121;
font-family: helvetica neu,arial;
}
article {
font-family: helvetica neu,arial;
min-height: 300px;
padding: 20px;
position: relative;
width: 667px;
}

cette image ne fonctionne pas.
background-image: url("/resources/img/blogs/dizperso/backgrounds/theme-32.png");


40 appréciations
Hors-ligne
Merci Simon. Les "codes qui ne fonctionnent pas" doivent être un reste d'essai que j'ai supprimé à moitié en oubliant en plus de valider la suppression !!! ,-) car pour le moment, les seules choses que j'ai installées (et validées) fonctionnent (la typo de body, la typo page d'accueil, mon image d'en tête, les widgets... ).
Je vais retourner corriger mon oubli !

Concernant mon choix de typo, en fait j'ai mis les 2 (helvetica et arial) comme tu as vu, car souvent elles vont de paire (voire avec calibri en plus). D'après ce que j'ai vu sur différents ordinateur (PC et Mac) et différents navigateurs, ça passe. Tout de même : c'est la typo par défaut de blog4ever, celle qui se met si on n'en choisit pas une autre) donc s'ils l'ont choisie, c'est qu'on peut l'utiliser, j'espère... (?...)

En tout cas, merci pour cette réponse ! :b2:

Vous ne disposez pas des permissions nécessaires pour répondre à un sujet de la catégorie Année 2014.

Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 6061 autres membres