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.
|
Devi ridarmi 10€, maledetto!--Falling Dwn. 19:08, mar 7, 2011 (CET)
Cose varie da sapere su HTML & co.
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