03/11/2008

Virgilio Genio è dove vuoi tu!

12c071922c5daad2bdc5481dfb116dd9.jpg

Alcuni di voi avranno già sicuramente conosciuto e utilizzato il nostro servizio Virgilio Genio, con il quale è possibile chiedere tutto quello che volete e ottenere risposte utili da persone competenti.
Chi non lo conoscesse ancora, per capire meglio di cosa si tratta, basta che si colleghi qui.

Da oggi, Virgilio Genio ha una novità in più, infatti, grazie al codice embed Inserisci che trovate sotto ogni domanda, potete portarlo ovunque volete!

genio_footer.png

Cliccando sul link Inserisci, è possibile prelevare due tipi di codice:
Link: che contiene il collegamento diretto alla pagina Virgilio Genio dove è presente la domanda;
Codice HTML: che contiene il codice embed che permette con un semplice copia e incolla di inserire l’intera domanda all’interno di un sito web o in Blog.

genio_link.jpg


Esempio Link: http://genio.alice.it/questions/La_fine_del_mondo_maya_20...

Esempio Codice HTML:

Controlla questa domanda in Virgilio Genio

Virgilio GenioMaya 2012: è la fine del mondo? 

Una data: 21 dicembre 2012. Ho sentito dire che i Maya predissero più di 5.000 anni fa la fine del mondo... Ma è davvero così?

Tag:  , , , , , , , , , ,

Chiesto da cinnamonroll il 21, April, 2008

Leggi tutta la discussione in Virgilio GenioVirgilio Genio


Grazie al Codice HTML è possibile condividere con ancora più utenti le proprie domande e ricevere in questo modo ancora più risposte ai propri quesiti!
Non vi resta che provarlo e condividere la conoscenza con Virgilio Genio!

 

10:29 Scritto da: myblog.it in Virgilio Genio | Link permanente | Commenti (1) | Segnala | Tag: myblog, virgilio, genio, embed, codice, blog, internet | OKNOtizie | |  del.icio.us | | Digg! Digg |  Facebook

02/07/2008

Come modificare la dimensione e la posizione del titolo del blog

In questo tutorial vi mostriamo come modificare le dimensioni e la posizione del titolo del vostro blog nella maggior parte dei template disponibili.

a4d65288ea0794d20c9ee9c977a149fe.png
Per modificare i parametri del titolo dobbiamo aprire il Foglio di stile del blog, quindi, dal Pannello di Controllo entrate nella sezione Presentazione > Opzioni avanzate e cliccate sul link Modifica modello del Foglio di stile.
Si aprirà una pagina popup contenente il codice CSS del template.
In questa pagina dovete cercare gli elementi denominati:
#banner h1
#banner h2


dove #banner h1 rappresenta il titolo del blog e #banner h2 il sottotitolo.
Ogni elemento ha all’interno delle parentesi graffe degli attributi che li caratterizza, noi andremo a modificare questi.

Come ridimensionare il titolo e il sottotitolo del blog
Per ridimensionare il titolo e il sottotitolo del blog, nelle parentesi graffe degli elementi #banner h1 e #banner h2 basta inserire o modificare questo attributo:
font-size: 100%;

Se si vuole un testo più piccolo o più grande basta ridurre o aumentare il valore percentuale. Le grandezze da inserire sono a proprio piacimento. Ad esempio, se vogliamo il sottotitolo più grande del titolo scriviamo:

#banner h1 { font-size: 50%;}
#banner h2 { font-size: 200%;}


Il risultato sarà questo:
c002f34339b3008f5516b989eee12f0c.png
Come cambiare la posizione del titolo del blog
Per modificare la posizione del titolo del blog, invece, basta inserire o modificare questi attributi all’interno dell’elemento #banner h1:

padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;


Questi stessi attributi si possono scrivere anche in una sola riga, in questo modo:

padding: 0px 0px 0px 0px;

I valori 0px rappresentano le distanze dell’elemento titolo dai bordi dell’header e, rispettivamente: da sopra, da destra, da sotto e da sinistra.
Per esempio, se vogliamo spostare il titolo più a sinistra rispetto alla posizione standard di 170px, dobbiamo ridurre la distanza del titolo dal bordo sinistro dell’header, quindi scriviamo:

#banner h1 { padding-left: 60px; }
oppure   
#banner h1 { padding: 0px 0px 0px 60px; }
aa724f83c9b0bc30e65b7e66e505a56d.png
Se vogliamo il titolo più a destra e più in alto, invece, possiamo scrivere questi valori:

#banner h1 { padding-left: 350px; padding-top: 35px; }

oppure
#banner h1 { padding: 35px 0px 0px 350px; }
8d77a5f2c259892501ff08d7cc8b306d.png
Per modificare il sottotitolo gli attributi da modificare sono gli stessi, ma le distanze sono in corrispondenza a destra e a sinistra con l’header, mentre sopra e sotto con il titolo. Questo perché il sottotitolo, nel codice HTML dei template, è un sotto elemento del titolo e, quindi, fa riferimento, oltre all'header, anche alla posizione di #banner h1. Per spiegarlo meglio utilizziamo un esempio: se vogliamo centrare sia il titolo che il sottotitolo scriveremo:

#banner h1 {
padding: 70px 0px 0px 350px;
font-size: 200%;
}

#banner h2 {
padding: 10px 0px 0px 420px;
font-size: 120%;
}


E il risultato finale sarà questo:
f3ebb8edddfe8e3e0e0ce1a9bf0b5044.png
Se si nota, il padding del sottotitolo dista sopra di 10px dall’elemento titolo e a sinistra di 420px dal lato sinistro dell’header.

16:00 Scritto da: myblog.it in Blog - Tips and Tricks | Link permanente | Commenti (15) | Segnala | Tag: myblog, virgilio, tutorial blog, titolo, codice, html, css | OKNOtizie | |  del.icio.us | | Digg! Digg |  Facebook

28/04/2008

Come inserire un sottofondo musicale nel blog

In questi giorni abbiamo ricevuto molte richieste da parte vostra per sapere come inserire un sottofondo musicale nel proprio blog, così abbiamo deciso di scrivere un Tutorial.


Ecco come fare:
dal Pannello di Controllo cliccate sul menù Gestione File e poi sulla cartella Media. Qui, cliccando sul bottone Sfoglia (nella sezione Aggiungi un nuovo file), avete la possibilità di caricare il vostro file audio (vi consigliamo di utilizzare il formato MP3) direttamente dal vostro PC. Cliccando su Salva il vostro file appare nella lista che trovate all’interno della cartella Media.
A questo punto il vostro brano è stato caricato e ora è necessario copiare il suo indirizzo web: cliccate con il tasto destro del mouse sul titolo del file appena caricato e dal menu che appare selezionate l’opzione Copia indirizzo o simile, dipende dal browser che state utilizzando.

f3ae607f5dfe1fd9700642fc114fe1f0.png

In questo modo viene copiata la URL del file. Incollatela in un documento di testo e non perdetela, ci servirà tra poco.


Ora andate in Presentazione e poi cliccate il sotto menù Contenuto delle barre laterali di navigazione. Nell’editor HTML che trovate in fondo a questa pagina inserite il codice che segue e sostituite musica.mp3 con il link del vostro file che avete copiato poco fa:

<embed src="musica.mp3" width="145" height="15"></embed>

38be70771334f962b4f43d7d0785886f.jpg

Inserite un titolo all'oggetto appena creato e cliccate sul bottone Aggiungi questo oggetto. In questo modo il Player audio è stato creato.
Ora, dalla lista degli Elementi, non vi resta che associarlo a una delle colonne del vostro blog e cliccare su Aggiorna questi dati.
Da ora, quando qualcuno entrerà nel vostro Blog sentirà in sottofondo il brano che avete appena inserito.

Se volete, potete anche gestire il volume del vostro audio inserendo l'opzione volume nel codice:

<embed src="musica.mp3" width="145" height="15" volume="70"></embed> 

I valori da associare al volume vanno da 0 a 100. Per non assordare i visitatori vi consigliamo di inserire come valore 70. :-) 

e6fc928a24842f720cb69eccc94af97e.png

Buon divertimento! 

11:25 Scritto da: myblog.it in Blog - Tips and Tricks | Link permanente | Commenti (75) | Segnala | Tag: myblog, virgilio, musica, audio, blog, sottofondo, codice | OKNOtizie | |  del.icio.us | | Digg! Digg |  Facebook