S'identifier - S'inscrire - Ecrire un article - Contact

Comment modifier le modèle et les styles CSS ?

Par @nnie • Aide • Mardi 09/03/2010 • 2 commentaires  • Lu 1902 fois • Version imprimable


Hello !
 
Je me penche comme promis sur le html (je suis pas sûre qu'il en sorte jamais quelque chose) mais je suis au niveau débutant (genre pour les nuls) alors que je travaille sur 2 blogs déjà très avancés (merci Stéphane)... Je ne peux pas prendre le risque de tout planter avec des essais hasardeux car ils ont déjà un usage professionnel (sailing-anushka et voilerie-jacana).

Je ne trouve donc pas ce que je cherche dans les fonctions avancées de mon modèle. J'ai bien trouvé comment accéder en visu au code de la page mais pas comment l'éditer ?
( j'ai lu quelque part qu'on pouvait utiliser open office writer pour ce faire ? c'est bien ça ? et on s'y prend comment ? est-ce que c'est par page ? ou pour l'ensemble du modèle ?)
Je ne comprends pas bien ce qu'on peut modifier par le module "menu administrateur" "mise en page" "blocs de HTML"  ou "modèles" "modifier" mais là, c'est quasiment incompréhensible (est-ce là le CSS ?) et ce qu'on doit directement modifier dans le code source...
 
Par exemple :
Sachant que j'ai un modèle personnalisé :
 
- je voudrais changer la casse du sous-titre "dans l'Océan Indien" : enlever le bold
- garder celle du texte qui est small j'imagine ?
Je trouve ça où ?
  • si on regarde les onglets : je voudrais encore une fois enlever le bold de cette ligne, la casse des rubriques dans le menu déroulant étant OK, il me semble que si je vais dans "modèle" "modifier"...
/* Dropdown Menus */
 
strong, dt { font-weight: bold;
}
 img { border: 0;
}
 a { color: #<smartcolor link>;
 text-decoration:none;
 font-weight:bold;
Mais lequel est-ce ? il me semble que c'est le premier mais à quoi correspond le 2ème ?
 
  • pour agrandir la largeur des menus déroulants afin qu'il n'y ait pas de texte sur deux lignes
 /* Dropdown Menus */
#nav li ul {
     position: absolute;
     left: -999em;
     height: auto;
     width: 174pxc'est bien la largeur de l'onglet ?
     border-bottom: 1px solid #<smartcolor background_menu 50w>;
     z-index:10;
     background-color: #<smartcolor background_menu>;
 }
 
#nav li li {
     width: 172px; c'est bien la largeur du menu déroulant ?

Je suis pas sûre d'avoir été claire mais merci tout de même de vos commentaires
annie

Commentaires

par Stephane le Mardi 09/03/2010 à 20:50

Stephane Pour ne rien casser, le mieux c'est de télécharger le modèle, le renommer sur ton ordinateur, le modifier (soit en ligne dans le menu administrateur, soit avec un éditeur de texte comme Wordpad (surtout pas un traitement de texte comme OpenOffice Writer)).

http://aide.viabloga.com/news/creer-une-mise-en-page-personnelle

Comme ça tu peux changer les CSS, enlever les "bold", renvoyer le modèle, et tester.


Re: par Annie le Mardi 09/03/2010 à 21:59

Bon, ça répond pas à toutes mes questions mais au moins, je ne vais plus avoir peur de tout perdre :)
J'essaye. Merci.



Session

Pour participer plus facilement, ouvrez une session :

Identifiant de
mon blog
Nom d'utilisateur
Mot de passe

Si vous avez déjà un blog sur ViaBloga ou si vous avez ouvert un compte sur l'un d'entre eux, vous pouvez vous identifier avec votre nom d'utilisateur et mot de passe en précisant d'abord l'identifiant de votre blog.

S'inscrire

Archives par mois