Diferència entre revisions de la pàgina «Ajuda:Ajuda»
Salta a la navegació
Salta a la cerca
(Es crea la pàgina amb «En aquesta pàgina trobareu trucs per editar la wiki. Per modificar l'estil d'un bloc d'un article es pot utilitzar CSS enlloc del wikitext. Per exemple per fer una curs…».) |
|||
| (Hi ha 2 revisions intermèdies del mateix usuari que no es mostren) | |||
| Línia 1: | Línia 1: | ||
En aquesta pàgina trobareu trucs per editar la wiki. | En aquesta pàgina trobareu trucs per editar la wiki. | ||
| + | |||
| + | == Utilitzant CSS dins de la wiki == | ||
| + | === Amb wikitext === | ||
Per modificar l'estil d'un bloc d'un article es pot utilitzar CSS enlloc del wikitext. Per exemple per fer una cursiva en wikitext seria: | Per modificar l'estil d'un bloc d'un article es pot utilitzar CSS enlloc del wikitext. Per exemple per fer una cursiva en wikitext seria: | ||
<nowiki>La ''wiki'' és un document cooperatiu.</nowiki> | <nowiki>La ''wiki'' és un document cooperatiu.</nowiki> | ||
| Línia 6: | Línia 9: | ||
La ''wiki'' es un document cooperatiu | La ''wiki'' es un document cooperatiu | ||
| + | === Amb CSS inline === | ||
| + | Utiltizant: | ||
| + | <nowiki>La <span style="font-style:italic;">wiki</span> és un document cooperatiu.</nowiki> | ||
| + | Aconseguirem el mateix efecte. | ||
| + | La <span style="font-style:italic;">wiki</span> és un document cooperatiu. | ||
| + | |||
| + | === Amb classes CSS per tota la wiki === | ||
Per fer-ho amb CSS podem fer un tipus especial de classe "cursiva": | Per fer-ho amb CSS podem fer un tipus especial de classe "cursiva": | ||
| − | <nowiki>La | + | <nowiki>La <span class="cursiva">wiki</span> és un document cooperatiu.</nowiki> |
| − | I deprés podrem modificar el CSS a l'article "Mediawiki:Common.CSS". Per, exemple, el de la cacauet seria [ | + | I deprés podrem '''modificar el CSS a l'article "Mediawiki:Common.CSS"'''. Per, exemple, el de la cacauet seria [[Mediawiki:Common.css|aquest, feu-li un vistasso]]. |
| + | <syntaxhighlight lang="css"> | ||
| + | /* Editeu aquest fitxer per personalitzar totes les aparences per al lloc sencer */ | ||
| + | .exercici { | ||
| + | background-color: #ffff66; | ||
| + | padding: 10px; | ||
| + | } | ||
| + | .cursiva { | ||
| + | font-style: italic; | ||
| + | } | ||
| + | </syntaxhighlight> | ||
La gràcia, òbviament, és que podem definir estils i classes que es poden modificar a posteriori per tota la wiki. | La gràcia, òbviament, és que podem definir estils i classes que es poden modificar a posteriori per tota la wiki. | ||
El resultat hauria de ser aquest: | El resultat hauria de ser aquest: | ||
| − | La | + | La <span class="cursiva">wiki</span> és un document cooperatiu. |
| + | |||
| + | Un altre exemple: els exercicis els marco en groc. Per fer-ho poso un div amb la classe "exercici": | ||
| + | <nowiki><div class="exercici">Exercici de mates 1</div></nowiki> | ||
| + | |||
| + | Amb el què obtindrem: | ||
| + | <div class="exercici">Exercici de mates 1</div> | ||
| + | |||
| + | Espero que us sigui útil. | ||
Revisió de 08:42, 23 maig 2012
En aquesta pàgina trobareu trucs per editar la wiki.
Contingut
Utilitzant CSS dins de la wiki[modifica]
Amb wikitext[modifica]
Per modificar l'estil d'un bloc d'un article es pot utilitzar CSS enlloc del wikitext. Per exemple per fer una cursiva en wikitext seria:
La ''wiki'' és un document cooperatiu.
i obtindrem:
La wiki es un document cooperatiu
Amb CSS inline[modifica]
Utiltizant:
La <span style="font-style:italic;">wiki</span> és un document cooperatiu.
Aconseguirem el mateix efecte.
La wiki és un document cooperatiu.
Amb classes CSS per tota la wiki[modifica]
Per fer-ho amb CSS podem fer un tipus especial de classe "cursiva":
La <span class="cursiva">wiki</span> és un document cooperatiu.
I deprés podrem modificar el CSS a l'article "Mediawiki:Common.CSS". Per, exemple, el de la cacauet seria aquest, feu-li un vistasso.
/* Editeu aquest fitxer per personalitzar totes les aparences per al lloc sencer */
.exercici {
background-color: #ffff66;
padding: 10px;
}
.cursiva {
font-style: italic;
}
La gràcia, òbviament, és que podem definir estils i classes que es poden modificar a posteriori per tota la wiki.
El resultat hauria de ser aquest:
La wiki és un document cooperatiu.
Un altre exemple: els exercicis els marco en groc. Per fer-ho poso un div amb la classe "exercici":
<div class="exercici">Exercici de mates 1</div>
Amb el què obtindrem:
Exercici de mates 1
Espero que us sigui útil.
