Geckozone

Bonjour,

Je souhaiterais savoir comment on fait pour créer un nouveau style ? Je souhaite créer le style "mise à jour" pour paramétrer ma date de mise à jour de mon site.

Merci

cece90

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.20) Gecko/20081217 Firefox/2.0.0.20 (.NET CLR 3.5.30729)

Bonjour
Il eût été intéressant de jeter un coup d'oeil à
http://www.geckozone.org/forum/viewtopic.php?t=20704
pour y trouver facilement
http://josar.free.fr/tutoKompozer/feuilleStyle1.html

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.9.0.8) Gecko/2009032711 Ubuntu/8.04 (hardy) Firefox/3.0.8

oui, j'ai lu les tutoriels et les autres documents concernant les styles et leurs créations.

Le problème est que quand je crée un style, il ne s'affiche pas dans le menu déroulant une fois la fenêtre de création de règle est fermée. Par conséquent, rien s'applique pas au texte que je veux.

Du coup, je suis un peu perdu, et rien dans les tutoriels n'indiquent comment on peut créer son propre style tel que "menu" par exemple. J'ai beau crée une nouvelle règle de style, rien n'apparait par la suite. Je ne sais pas si on peut faire la même chose que dans les logiciels de traitements de texte. Mais dans Word ou Open Office, on peut créer son propre style. Donc, je cherche à faire la même chose avec Kompozer.

Merci,

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.20) Gecko/20081217 Firefox/2.0.0.20 (.NET CLR 3.5.30729)

Bonjour,

La notion de style n'est pas du tout la même entre les traitements de texte ou autres PAO et les pages HTML.
Dans une page internet, il ya 2 choses: le contenu et la mise en page.
En simplifiant, le contenu, c'est le html et la mise en page, c'est le css, appelé aussi feuilles de styles.
Pour pouvoir donner un aspect particulier à un élément de la page particulier, il suffit de créer un identifiant pour cet élément , et l'appliquer ensuite à l'élément.
création de l'identifiant:
ouvrir l'éditeur css (f11) > nouvelle règle > entrer un nom précédé du signe # (pour win > alt+ctrl+3) > créer la règle de style
Sélectionner ce nom dans la partie de gauche et créer les règles de style en voyageant dans les onglets de l'éditeur css > valider
Appliquer l'identifiant à l'élément:
Sélectionner l'élément dans la page html (après avoir quitté l'éditeur css)
Dans la barre d'état située en bas de l'écran, clic droit sur la balise correspondant à l'élément pour lequel on veut appliquer un style > id > choisir le nom de la règle ci-dessus > le style doit s'appliquer à l'élément.

Bonjour,

il y a une autre façon d’arriver au même résultat :

1. mettre le curseur sur l’élément qu’on veut styler (un lien, un titre, un paragraphe…)
2. dans la barre d’état tout en bas, repérer le bouton correspondant (<a> pour un lien, <h[1..6]> pour un titre, <p> pour un paragraphe…) — c’est généralement le bouton le plus à droite de la barre d’état
3. clic droit > style interne pour ouvrir le gestionnaire de styles
4. spécifier le style si besoin est (couleur, arrière-plan, police, marges…) — on devrait voir l’effet en temps réel
5. revenir à l’onglet « général », cliquer sur le bouton magique : « extraire et créer un style générique »
6. là on se pose la bonne question : à quoi doit s’appliquer ce style ?
   • à cet élément uniquement => on donne un identifiant (id), ça crée une règle « #monIdentifiant » (c’est ce que t’a proposé chinon37)
   • à tous les éléments de même type => ça crée une règle pour tous les éléments de ce type (a, h[1..6], p…)
   • en spécifiant une classe => ça crée une classe qu’on pourra retrouver facilement dans la barre d’outils principale (cf. la liste déroulante des classes)
7. valider, la règle de style est créée et appliquée à l’élément courant. Tu la verras dans l’éditeur CSS (F11), et quand tu la modifieras via cet éditeur CSS, les modifications seront répercutées sur toute ta page.

Ça en revient exactement au même, mais c’est un plus direct (moins de clics) et un poil plus intuitif, notamment quand on ne sait pas comment fonctionnent les feuilles de style : on crée d’abord le style, puis l’identifiant, et c’est KompoZer qui se charge de créer la feuille de style adéquate (ou de compléter une feuille de style existante).

Pour Gagea : ça peut être une façon plus simple de présenter la création d’une règle de style, je te laisse juge.
Ça ne remet pas en cause ton tuto, vu qu’à un moment ou un autre il faudra bien pouvoir modifier cette règle de style, mais ça peut faire une entrée en matière.

Merci beaucoup. J'aurais jamais deviné.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.20) Gecko/20081217 Firefox/2.0.0.20 (.NET CLR 3.5.30729)

Kazé a écrit :Pour Gagea : ça peut être une façon plus simple de présenter la création d’une règle de style, je te laisse juge.
Ça ne remet pas en cause ton tuto, vu qu’à un moment ou un autre il faudra bien pouvoir modifier cette règle de style, mais ça peut faire une entrée en matière.

OK j'ai vu. Je vais y penser. Merci.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.8) Gecko/2009032609 Firefox/3.0.8