Bruno 的个人资料Arti e bagagli照片日志列表更多 工具 帮助
4月1日

Bordo del blog

Nella versione Live dello Space ho riscontrato delle imprecisioni nella gestione dei parametri WIDTH e HEIGHT quando hanno come valore 100%. Se riscontrate problemi, quali la sovrapposizione del testo, potete omettere questi parametri.

Ragazzi non sono morto! Ho solo qualche impegno in più, ma sicuramente ogni mattina darò un'occhiata al mio blog e ai vostri commenti (li leggo tutti, non ne salto uno, è come una droga). Soltanto non risponderò quasi più alle vostre domande (purtroppo) e non garantisco di restituire i saluti (comunque apprezzatissimi) per assoluta mancanza di tempo. L'idea che ha avuto Coccinella, e che ASìA ha rilanciato, mi sembra ottima: chi vuole è autorizzato a prelevare i miei interventi che ritiene più interessanti e a pubblicarli sul proprio blog (purché non li spacci per propri). Questo può essere utile ai vostri amici, che non saranno così costretti a fare il giro delle 7 chiese per trovarmi. In quanto al dipinto penso di aggiungere una categoria al blog dove postare le immagini e i commenti dell'avanzamento lavori.

Ma bando alle ciance, ci sono ancora alcune cose da imparare.

Come mettere la cornice al blog

Questa è la prosecuzione del post intitolato Colore di sfondo.

Quando avete messo il colore di sfondo avete fatto già gran parte del lavoro. Ricordate le due righe di codice che avete utilizzato?

<DIV style="BACKGROUND-COLOR:#codicecolore;WIDTH:100%;HEIGHT:100%;">
</DIV>

Pensate a queste due righe come ad una scatola dentro la quale mettete il contenuto del vostro blog.
La prima riga rappresenta la scatola vera e propria mentre la seconda riga rappresenta il coperchio. In mezzo ci sta la roba vostra.
Come è fatta la vostra scatola viene definito in mezzo alle virgolette di style, nella prima riga di codice.
La volta scorsa abbiamo deciso come doveva essere il colore della scatola mettendo il parametro BACKGROUND-COLOR:#codicecolore ;
Dobbiamo fare una cosa simile per dire che vogliamo anche un bordo.
Aggiungeremo quindi un parametro che è BORDER:#codicecolore dimensionepx tipo;
A differenza del colore di sfondo, il bordo vuole tre informazioni invece di una sola e queste informazioni vanno separate tra loro da uno spazio. La prima informazione è il colore del bordo (per il cui codice valgono le stesse regole del colore di sfondo), la seconda informazione è la dimensione del bordo in numero di pixel (es. 6px significa un bordo largo 6 pixel dove il pixel - per chi non lo sa - è il punto più piccolo rappresentabile sul monitor), infine il tipo di bordo (che può essere tratteggiato, continuo o altro). Il tipo di bordo viene definito da nomi convenzionali (in inglese purtroppo) che sono:

dashed
dotted
double
groove
hidden
inherit
inset
none
outset
ridge
solid

Io non li ho potuti provare tutti e perciò non so come vengano trattati dall'editor del blog che, come ho già avuto modo di dire, ha notevoli limitazioni. Fate voi gli esperimenti.

Un esempio di nostra prima riga di codice modificata diventerà quindi qualcosa come:

<DIV style="BACKGROUND-COLOR:#ccccff;BORDER:#336699 6px dotted; WIDTH:100%;HEIGHT:100%;">


In mezzo ci sarà il vostro contenuto e alla fine chiuderete tutto con il coperchio </DIV>

Terminato il lavoro in modalità HTML (si entra e si esce dalla modalità tramite l'apposito pulsante <HTML>) tornerete in modalità di editor normale e vedrete subito l'effetto ottenuto, e quasi sicuramente ci sarà qualcosa che non vi soddisfa (per esempio la larghezza del bordo). Tornerete perciò in modalità HTML per fare le modifiche e... vi metterete a piangere! Perché l'editor del blog si è preso delle iniziative e ha modificato il vostro codice in maniera apparentemente incomprensibile tipo:

<DIV style="BORDER-RIGHT: #336699 6px dashed; BORDER-TOP: #336699 6px dashed; BORDER-LEFT: #336699 6px dashed; WIDTH: 100%; BORDER-BOTTOM: #336699 6px dashed; HEIGHT: 100%; BACKGROUND-COLOR: #ccccff" align=center>

Niente panico! Semplicemente ha scomposto la vostra informazione in 4 sotto-elementi e questo è un grande vantaggio per voi! Perché potete definire in modo diverso le quattro parti della vostra cornice con colori, dimensioni e stili diversi per la parte destra (RIGHT), alta (TOP), sinistra (LEFT) e bassa (BOTTOM). La pallosità è che, se volete fare una modifica uguale per tutte le parti, dovrete scriverla 4 volte invece che 1 sola.

 

E' tutto per oggi. Divertitevi!

评论 (65)

请稍候...
很抱歉,您输入的评论太长。请缩短您的评论。
您没有输入任何内容,请重试。
很抱歉,我们当前无法添加您的评论。请稍后重试。
若要添加评论,需要您的家长授予您相应权限。请求权限
您的家长禁用了评论功能。
很抱歉,我们当前无法删除您的评论。请稍后重试。
您已超过了一天之内允许提供的评论数上限。请在 24 小时后重试。
因为我们的系统表明您可能在向其他用户提供垃圾评论,您的帐户已禁用了评论功能。如果您认为我们错误地禁用了您的帐户,请联系 Windows Live 支持部门
完成下面的安全检查,您提供评论的过程才能完成。
您在安全检查中键入的字符必须与图片或音频中的字符一致。

若要添加评论,请使用您的 Windows Live ID 登录(如果您使用过 Hotmail、Messenger 或 Xbox LIVE,您就拥有 Windows Live ID)。登录


还没有 Windows Live ID 吗?请注册

Vero's发表:
Nn riesko...uffolo!!!sn un diastro!!!!Dammi una mano!!!!passa da me sbircia e vedi se il mio blog è abbsanza bello!!!!GRAZIE
8 月 19 日
Alessandra发表:
non si capisce nnt 
9 月 15 日
JeSsIkInA发表:
NoN ci CaPiscO niEnte LOL
7 月 13 日
ros发表:
ma io non ci riesco!!!uff.....ma dove si deve metere la scritta?
5 月 31 日
zambalo发表:
fatto!!! grazieeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee!
5 月 10 日
nn riesco a mettere lo sfondo...aiutoooooooooooooooooooo
3 月 28 日
BRAVISSIMO..MA COME FAI?UFFY OIO NN CI RIESCO AIUTAMI TU !!!RISP APPENA PUOI...100000 KISS
3 月 5 日
1 月 27 日
匿名 的图片
Silvia 发表:
uff non c riesk!!!come si fa a mettere lo sfondoo???xfavore rispondi sul mio
1 月 11 日
eleonora发表:
nn riesco a mettere lo sfondo dietro lo voglio rosa cm si fa!!!!!!????????uff...
1 月 5 日
Hillary发表:
ke complicato aiutoooooooooooooooooooooooo
12 月 2 日
ma k stai a di??? eheh skerzo ... brav brav
8 月 18 日
Emanuela发表:
mi dici cm pox mettere la scritta benvenuto nell'antemprima del mio spazio xsonale??uffi nn riesco e volgio ank mettere uno sfondo mann nel intervento cm dv fare....ti prego aiutami.....risp sul mio!!ciao....cmq complimenti x il tuo blog!!
7 月 21 日
Romi...发表:
ciao e' grazie per le tue spiegazioni .....sono riuscita a mettere il bordo nel mio intervento ma non riesco a pubblicarlo......aiutooooo.....
mi puoi rispondere sul mio blog......grazie mille.....mille grazie
5 月 9 日
雅 Nast! 雅发表:
Ciao non lo trovo da nessuna parte: come si fa a togliere la cornice ke cè al blog sin dall'inizio? Ti prego aiutami! Grazie mille. Se non capisci di ke parlo guarda il mio blog (quando inizio a kiedere o spiegare nessuno mi capisce ^^) Sciau :*
3 月 31 日
patrizia发表:
ciao .
innanzitutto voglio farti i complimenti per il tuo blog.
è sempre pieno di consigli!!!!!
poi ho un problema da esporti..
sono tre giorni purtroppo che quando clicco su "ANTEPRIMA DEL MIO SPAZIO"
il mio pc si blocca!
a volte risolvo con TASK MANAGER ma a volte devo riavviare il mio pc.
potresti aiuatrmi a trovare una soluzione??
ti ringrazio tantissimo!
ciao Pat
3 月 25 日
nn c capisco niente...helppppppppp
3 月 8 日
ciao, complimenti sei davvero barvo... cmq ti ho aggiunto ai miei contatti( spero non ti scocci), sai non si può mai sapere se ho bisogno di una mano... grazie... ciao mara.
 
2 月 28 日
匿名 的图片
Ketty 发表:
ciao grazie tantissimissimissimo x tutte qst belle
spiegazioni....io sono riuscita a mettere il bordo  ma non
ho capito perkè ciò che scrivo dentro "la scatola" mi viene colorato di
bianco ! come si cambia il colore di ciò ke scrivo Dentro
 la "scatola" ^????
RISPONDI SUL MIO BLOG TI PREGO
1 MEGA KISS
RISPPPPPPPPPPPP CON 1 COMMENTO
2 月 26 日
uffyyyy nn ci sn proprio riuscita :( ma kome si faaaaaa!???!! ti lascio il mio kontatto: MaRgoT_84@msn.com se puoi kontatt. thankssss
_Sm@Ck_
2 月 19 日

引用通告 (2)

此日志的引用通告 URL 是:
http://bberti.spaces.live.com/blog/cns!7E4B1E86FC5DD69C!716.trak
引用此项的网络日志