Diferència entre revisions de la pàgina «Ajuda:Ajuda»
Salta a la navegació
Salta a la cerca
| (Hi ha una revisió intermèdia 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 <span class="cursiva">wiki</span> és un document cooperatiu.</nowiki> | <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 [[Mediawiki:Common.css|aquest, feu-li un vistasso]]. | 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. | ||
| Línia 16: | Línia 36: | ||
La <span class="cursiva">wiki</span> és un document cooperatiu. | 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> | <nowiki><div class="exercici">Exercici de mates 1</div></nowiki> | ||
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.
