My OperaTutorial per Blog opera: Titoli con CSS
Monday, May 12, 2008 1:28:29 PM
Dopo tanto tempo torno a scrivere su questo blog. 
Mi è stato chiesto più volte come si possa personalizzare la grafica del proprio blog.
Sono due gli argomenti che bisogna cominciare a masticare l'HTML e i CSS.
Un pagina HTML non è altro che un semplice documento, in cui porzioni di testo sono delimitate da TAG, questa poi viene interpretata da un browser web che ha il compito di visualizzarla.
Mentre l'html con i suoi tag ha un ruolo più "semantico", i css hanno un ruolo puramente "estetico", aiutano a formattare graficamente e in maniera centralizzata la grafica. Se siete interessati il web è pieno di guide, io mi limiterò a dare piccole soluzioni e spiegazioni del codice.
INSERIRE UN IMMAGINE COME TITOLO DEL BLOG
Con questa riga di codice:
#top { }
definiamo lo stile della porzione di HTML delimitata dal tag top, in parole povere l'intestazione o header. In particolare definiamo due proprietà dello sfondo:
background:#202020 url(http://files.myopera.com/Alfire/albums/353879/header3.jpg)
E cioè stiamo dicendo d'inserire l'immagine hostata su http://files.myopera.com/Alfire/albums/353879/header3.jpg come titolo del blog e in caso non si veda utilizzare uno sfondo con colore esadecimale #202020.
Il div="top2" nell'html contiene titolo (h1) e sottotitolo(p) che nel CSS è definito come invisibile, altrimenti si sovrapporrebbe alla nostra immagine.
Spero di essere stato chiaro! Per consigli o suggerimenti vi aspetto...
Buon lavoro!
Mi è stato chiesto più volte come si possa personalizzare la grafica del proprio blog.
Sono due gli argomenti che bisogna cominciare a masticare l'HTML e i CSS.
Un pagina HTML non è altro che un semplice documento, in cui porzioni di testo sono delimitate da TAG, questa poi viene interpretata da un browser web che ha il compito di visualizzarla.
Mentre l'html con i suoi tag ha un ruolo più "semantico", i css hanno un ruolo puramente "estetico", aiutano a formattare graficamente e in maniera centralizzata la grafica. Se siete interessati il web è pieno di guide, io mi limiterò a dare piccole soluzioni e spiegazioni del codice.
INSERIRE UN IMMAGINE COME TITOLO DEL BLOG
- Clikkate su MyPage e poi su il link My account
- Clikkate Design
- Cliccate su custom style sheet, il link appena sotto il titolo
#top { background:#202020 url(http://files.myopera.com/Alfire/albums/353879/header3.jpg); }
#top2 h1{ display:none; }
#top2 p{ display:none; }
SPIEGAZIONE CODICE
Con questa riga di codice:
#top { }
definiamo lo stile della porzione di HTML delimitata dal tag top, in parole povere l'intestazione o header. In particolare definiamo due proprietà dello sfondo:
background:#202020 url(http://files.myopera.com/Alfire/albums/353879/header3.jpg)
E cioè stiamo dicendo d'inserire l'immagine hostata su http://files.myopera.com/Alfire/albums/353879/header3.jpg come titolo del blog e in caso non si veda utilizzare uno sfondo con colore esadecimale #202020.
Il div="top2" nell'html contiene titolo (h1) e sottotitolo(p) che nel CSS è definito come invisibile, altrimenti si sovrapporrebbe alla nostra immagine.
Spero di essere stato chiaro! Per consigli o suggerimenti vi aspetto...
Buon lavoro!
