Utente:Se la merda fosse oro....../Banco di studio
|
Attensione!
Siccome non ricordo mai uno stracazzo di niente, ho deciso di mettere qui tutti i miei appunti da ricordare, così potrò vantarmene con gli altri
 Ah già, se non ricordi qualcosa e ti scassa andare nelle pagine di aiuto, puoi sempre venire qua. Dopotutto io raccolgo in una pagina, e non in millemila pagine, perchè metto solo le cose che devo ricordare IO.
All' 1% Troverai quello che cerchi.
Enjoy!
 |
Devi ridarmi 10€, maledetto!--Falling D
wn. 19:08, mar 7, 2011 (CET)
Cose varie da sapere su HTML & co.
Elenco tags 
breve guida
corso
pdf
Appunti per i css
Qui scriverò tutti gli appunti necessari o i link alle pagine importanti:
Roba di nonciclopedia
Template: Cassetto
Siccome non ricordo mai una straminchia di questo template, lo metto qua e fanculo. 
{{Cassetto
|larghezza=90%
|colore=#dddddd
|coloresfondo=#aaaaff
|colorebordi=#ff00ff
|allineamento= center/right/left
|titolo= asddf
|testo=qwertt
}}
Un semplicissimo esempio di cassetto, con gli attributi basilari: larghezza, allineamento, colore (colore della barra del titolo) coloresfondo, colorebordi, titolo, testo:
asddf
Nel caso di box scuri, si può aggiungere un pulsante speciale sottostante al "vedi" con l'attributo p-colore. Oviamente, esiste anche p-bordi e p-margin, per eventuali adattamenti della posizione del pulsante. Si usa la normale sintassi HTML. Ecco:
{{Cassetto
|larghezza=90%
|colore=#dddddd
|coloresfondo=#aaaaff
|colorebordi=#ff00ff
|allineamento=center
|p-colore=#ff00ff
|p-bordi=4px groove #ff0000
|p-margin=0px 0px 0 0px
|titolo=asddf
|testo=qwertt
}}
asddf
È possibile aggiungere numerosi altri attributi, indicandoli con:
- attributo1: attributo del box del cassetto
- attributo2: attributo del box del titolo
- attributo3: attributo del box del contenuto
Infine, si possono aggiungere anche le classi:
- class1: classe per aggiungere proprietà al box del cassetto
- class2: classe per aggiungere proprietà al box del titolo
- class3: classe per aggiungere proprietà al box del contenuto
- p-class: classe per aggiungere proprietà al box del pulsante.
Esempio:
{{Cassetto
|larghezza=90%
|colore=#dddddd
|coloresfondo=#aaaaff
|colorebordi=#ff00ff
|allineamento=center
|p-colore=#ff00ff
|p-bordi=2px groove #ff0000
|p-margin= 0px 0px 0 0px
|class1=BG_biancotrasp_alto
|class2=BG_biancotraspVERT
|class3=BG_Biancotrasp_medio
|p-class=BG_biancotrasp
|titolo=asddf
|testo=qwertt<br />ffffffgf<br />fffffff<br />fffffff<br />ffffff<br />fffffff<br />ffffff<br />ffffff<br />fffff<br />fffff<br />ffff
}}
asddf
ffffffgf
fffffff
fffffff
ffffff
fffffff
ffffff
ffffff
fffff
fffff
ffff
Eppure non sembra tanto difficile...
Imparare ad usare il Template:Riquadro
L'ennesima novità: io mi trovavo di più col vecchio metodo...
{{Riquadro
|classe=
|larghezza=
|colore-sfondo=
|colore-testo=
|colore-bordo=
|stile-bordo=
|spessore-bordo=
|margini=
|stile-riquadro=
|testo=
|file-sx=
|largh-file-sx=
|posiz-file-sx=
|stile-file-sx=
|file-dx=
|largh-file-dx=
|posiz-file-dx=
|stile-file-dx=
}}
Penso si capisca abbastanza bene. Le uniche note:
- "margini": corrisponde a margin;
- "stile-riquadro": sono tutte le proprietà aggiuntive CSS che si possono applicare (ad esempio, il padding);
- "stile-file-dx/sx": stessa cosa per "stile-riquadro, che però corrisponde alle immagini".
Appunti per html/css
<base>
I percorsi relativi fanno di norma riferimento alla directory in cui si trova il file HTML che stiamo scrivendo. Se tuttavia vogliamo far riferimento a un differente percorso per tutti i percorsi relativi, possiamo farlo specificandolo grazie al tag <base>, che va incluso nella head del documento. Ad esempio con:
<base href="http://www.mioSitoWeb.com/miaCartella">
specifico che d'ora in poi tutti i percorsi relativi faranno riferimento al percorso indicato nel tag. E poi nel documento mi basterà scrivere:
<a href="mioFile.html">collegamento al mio file</a>
Sarò sicuro che farà riferimento a:
http://www.mioSitoWeb.com/miaCartella/mioFile.html
