25/03/2010
Come modificare lo sfondo delle colonne laterali del blog
Personalizzare a proprio piacimento lo sfondo delle colonne laterali del Blog è molto semplice, vediamo come.

Quello sopra è il template che stiamo utilizzando. Andiamo nella sezione Presentazione > Opzioni avanzate del pannello di controllo del Blog e apriamo il Foglio di stile per modificare il codice che si riferisce alle colonne laterali di sinistra e di destra:
#left {
overflow: hidden;
width: 180px;
background-color: transparent;
line-height: 140%;
float: left;
}
#right {
overflow: hidden;
width: 180px;
background-color: transparent;
line-height: 140%;
float: right;
}
Il parametro che interessa a noi per modificare lo sfondo delle colonne è questo:
Se vogliamo semplicemente inserire un colore, basta sostituire il valore transparent con il valore del colore utilizzando il nome del colore (in lingua inglese) oppure, per avere colori più precisi, i valori esadecimali.
Ad esempio:
se vogliamo il colore rosso, la riga diventa:
che, in valori esadecimali, equivale a:
Per il nostro esempio, invece, vogliamo riprendere il colore dell’header del blog, ovvero #BD4f3, e associato alla colonna di sinistra:

Nei template “standard” la lunghezza delle colonne dipende dal numero e dalla dimensione degli elementi attivi al loro interno. Questa opzione influenza molto anche il colore di sfondo, ovvero, se nella colonna abbiamo attivato un solo elemento, lo sfondo si visualizzerà in questo modo:

Per ovviare questo problema la soluzione è molto semplice:
apriamo di nuovo il nostro Foglio di stile e al codice della colonna aggiungiamo l’attributo height che determina l’altezza che la colonna dovrà avere:
#left {
overflow: hidden;
width: 180px;
height: 900px;
background-color: transparent;
line-height: 140%;
float: left;
}
Il valore da associare ad height deve essere in pixel ed è a proprio piacimento.
In questo modo, anche avendo un solo elemento attivo all’interno della colonna, il risultato è questo:

Come inserire un'immagine di sfondo alle colonne laterali del Blog
Se vogliamo inserire come sfondo, anziché un colore, un’immagine che ci piace, dobbiamo innanzitutto avere un’immagine con la larghezza uguale a quella della colonna: 180 pixel. La dimensione la possiamo conoscere grazie all’attributo "width: 180px;" presente negli oggetti #left e #right.
Per quanto riguarda la lunghezza, invece, possiamo deciderla a piacere.
Come immagine di sfondo per la nostra colonna abbiamo scelto questa:

Una volta caricata nel blog (vedi come fare in questo tutorial) o in qualsiasi parte del web, andremo a inserire nel Foglio di stile il codice che permetterà di visualizzarla nel Blog.
All’interno degli oggetti che rappresentano le colonne eliminiamo la riga:
e al suo posto inseriamo questa nuova riga di codice:
#right {
overflow: hidden;
width: 180px;
background: url(‘http://indirizzowebdellanostraimmagine’) no-repeat;
line-height: 140%;
float: right;
}
dove:
url contiene l’indirizzo web dove è situata l’immagine;
no-repeat mostra l’immagine una volta soltanto, omettendo il comando l'immagine verrà ripetuta infinite volte nello spazio a disposizione.
Dopo aver sostituito il codice e aver modifcato il colore del titolo degli elementi in sidebar, il nostro risultato finale è questo:

Buon lavoro!
21:36 Scritto da: myblog.it in Blog - Tips and Tricks | Link permanente | Commenti (4) | Segnala
| Tag: myblog, virgilio, blog, tutorial, internet | OKNOtizie |
|
del.icio.us
|
|
Digg |
Facebook
29/09/2009
A proposito di: STOP MOTION!
Avete mai sentito parlare di videoclip o addirittura film girati con la tecnica dello Stop Motion?
E’ un processo basato sull’animazione delle scene o dei personaggi “frame by frame” e da qui si può facilmente intuire quanto sia lungo il lavoro da fare per realizzare un filmato. Questa tecnica nasce molti molti anni fa , più o meno agli inizi del 1900 :-) e comunemente è utilizzata per produrre i cartoni animati ma può essere adoperata anche per dar vita ad oggetti inanimati.
Il primo ad utilizzare lo stop motion fu George Mèliés, uno dei primi veri registi cinematografici e pioniere del genere fantastico, già in opere come The Eclipse e il famosissimo Voyage dans la Lune, creava illusioni attraverso le sue pellicole, ai giorni nostri, il regista che più di tutti è amato per le sue riprese in stop motion è Tim Burton (La sposa Cadavere, Nightmare Before Christmas, Coraline e la porta magica).
La tecnica dello stop motion è emozionante, dà forma e vita a personaggi meravigliosi, come quelli del video che vi proponiamo qui sotto… Dite la verità, volete provare a fare un filmato anche a voi? Beh, allora cosa aspettate? telecamera in mano e segnalateci i vostri video più divertenti!
Sul Blog Redazione c’è spazio per tutti!
A SHORT LOVE STORY IN STOP MOTION from Carlos Lascano on Vimeo.
10:57 Scritto da: myblog.it in blog life | Link permanente | Commenti (0) | Segnala
| Tag: animazioni, cartoni animati, internet, stopmotion, video, vimeo, web2.0 | OKNOtizie |
|
del.icio.us
|
|
Digg |
Facebook
20/07/2009
Porta in vacanza il tuo Blog!
Andare in vacanza è una gioia per tutti, blogger compresi…però dispiace sempre un po’ abbandonare il proprio blog, così seguito durante tutto il resto dell’ anno, non credete?
Virgilio ha pensato a noi con un servizio ad hoc!
Da oggi tutti i Blog di MyBlog sono raggiungibili dal cellulare semplicemente entrando sulla versione mobile del portale Virgilio: basta digitare virgilio.it nel browser del proprio telefonino e vi troverete nel Mondo MyBlog Mobile!
Non solo potrete seguire il vostro blog direttamente dalla spiaggia ma attraverso il motore di ricerca dedicato potrete trovare i vostri blog e FotoBlog preferiti!
Inoltre una ricca selezione dei Blog è sempre presente nella pagina principale del servizio.
Virgilio: Lo pensi, lo fai e lo porti anche in vacanza!
14:15 Scritto da: myblog.it in Blog - Funzionalità | Link permanente | Commenti (2) | Segnala
| Tag: virgilio, virgilio mobile, myblog, telefonia, internet | OKNOtizie |
|
del.icio.us
|
|
Digg |
Facebook
17/07/2009
Creativà su MyBlog!
Oggi parliamo di web design e di come la nostra Blog Community sia piena di giovani (e meno giovani) talenti che sul web mettono a disposizione la loro arte, i loro lavori e le loro conoscenze per aiutare i meno esperti!
Scritte glitter, GIF animate e sfondi
I MyBlogger che amano personalizzare i proprio Blog con immagini e testi glitterati, GIF animate o sfondi originali sono tanti e Sandra rosso drago lo sa bene, infatti ha trasformato il suo Blog in un gigantesco contenitore di immagini gratuite da condividere con tutti e scaricare!
Personalizzare il template del Blog
Se invece volete personalizzare il template del vostro Blog, non potete perdervi le lezioni su Artisteer, l’applicazione che permette di creare da zero dei fogli di stile CSS per il vostro Blog!
Scaricare l’audio dai video in Rete
Avete trovato su DailyMotion o su YouTube il nuovo video del vostro cantante preferito e volete scaricare solo la traccia audio in formato MP3 per ascoltarla quando volete? Se usate Firefox per navigare su internet, potete installare un plug-in utilissimo che potete trovate sul Blog electropage, che propone anche a tutti i blogger un modo gratuito per pubblicizzare il proprio Blog!
Andate a visitarlo per scoprirne di più.
16:22 Scritto da: myblog.it in blog life | Link permanente | Commenti (0) | Segnala
| Tag: blog, myblog, virgilio, internet, grafica, web design, glitter, scritte glitter, you tube | OKNOtizie |
|
del.icio.us
|
|
Digg |
Facebook
18/05/2009
Netiquette 2.0
L’educazione e le buone maniere sono importanti nella vita di tutti i giorni come nella navigazione in rete, e se nel 1558 veniva pubblicato il primo libro che dettava le regole del galateo, ideato e scritto dal famoso Mons. Giovanni della Casa, oggi parliamo di Netiquette 2.0 il “galateo” di Internet: un insieme di regole di buona educazione da rispettare quando si naviga.
Virgilio promuove questa iniziativa che formerà la nuova linea guida per la sicurezza e il benessere di tutti nella rete e in modo particolare per i Social Network!
La Netiquette 2.0 è così composta:
- Principi generali
- Relazioni tra persone di pari livello – (Rapporto 1 a 1)
- Relazioni con molte persone: il paradigma UGC – User Generated Contents – (Rapporto 1 a N)
- La gestione delle relazioni sociali: le Communities – (Rapporto N a N)
- Glossario
Oggi inizia la settimana nazionale della sicurezza in Rete ed è molto importante che anche voi, cari MyBlogger, diate il vostro contributo! Per avere tutte le informazioni utili su cos’ è Netiquette 2.0 e come si può aderire all’iniziativa basta andare su questo link!
Non ci resta che augurarvi una buona navigazione in piena sicurezza!
14:53 Scritto da: myblog.it in Blog - Tips and Tricks | Link permanente | Commenti (1) | Segnala
| Tag: netiquette, 2.0, virgilio, internet, tecnologia, educazione, galaeto, google | OKNOtizie |
|
del.icio.us
|
|
Digg |
Facebook




