L'Arte...comincia qui...

L'arte alla portata di tutti

L'arte alla portata di tutti
Un posto dove troverete tutto ciò che vi serve per diventare un artista o per trovare ispirazione se già lo siete.

Followers

Translater

Una panoramica ...

December 12, 2009

Hannie Sarris Tributo a una splendida fata

Questo background merita davvero un discorso a parte.
L'artista alla quale è dedicato, non solo è meravigliosa creatrice di fate stupende, ma è una persona squisita e deliziosa. Le avevo scritto giorni fa, dopo aver fatto questo background, chiedendole il permesso di usare la sua immagine ovviamente protetta da copyright e inviandole il lavoro affinchè potesse visionarlo. Oggi mi ha risposto una email carinissima, permettendomi così di postare il mio lavoro...Grazie Hannie!!!




 
<style type="text/css">
body {background-image: url("http://i46.tinypic.com/1z15hm8.png"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }
</style>
<div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;">
<a href="http://asifbymagicbackgrounds.blogspot.com" target="_blank">
<img border="0" src="http://i49.tinypic.com/mhradl.png"/>
</a></div>

AGGIUNGERE UNA MENUBAR

Aggiungere un menubar orizzontale o verticale è piuttosto facile.
Dovete solo andare in 'modifica codice' accedendo dalla barra in alto a destra, cliccando su personalizza.    
Si tratta solo di modificare un pochino il codice html, ma prima di modificare qualsiasi cosa, ricordatevi di salvare sempre le precedenti impostazioni e conservarne una copia. Così nel caso in cui non siate soddisfatti, sarete sempre in tempo a rimediare.
Andate in fondo al codice e cercate questo simbolo:
/* Footer
1. Prima di tutto cercate la scritta
*Footer,
la trovate molto in fondo, ma per facilitare la ricerca, usate il tasto ctrl+F e scrivete nella finestra che vi si apre showaddelement,
e vi apparirà la parte da modificare.
2. Per prima cosa cercate head-wrapper e modificate in questo modo:
maxwidgets='3' showaddelement='yes'
3. Ora cercate crosscol-wrapper e modificate dove dice showaddelement cambiate da no a yes.
4. Cercate main-wrapper e anche qui modificate da no a yes.
5. Cliccate su salva.
Ora andate in Modifica Layout e troverete 3 Aggiungi gadget, una appena sopra la header, una sotto e una di lato.
Decedete ora dove volete posizionare la vostra menubar e aggiungete in aggiungi codice html così costituito se avete bottoni da utilizzare:

<a href="http://vostro link" target="_blank"><img border="0" src="http://url immagine"/></a>

oppure questo codice:

<a href="link della pagina da aprire">Nome del link</a>

se invece non avete i bottoni e volete che appaia solo una scritta.
Ripetete il codice tante volte quanti sono i vostri link.
A questo punto aggiungete i link e le vostre immagini, o i vostri testi. Usate pure le mie immagini se non ne avete, dopo averle editate e aver aggiunto il vosto testo.

MENUBAR CON BOTTONI

Prima di tutto occorre fare i bottoni sui quali cliccare.
Dovete crearli utilizzando un qualsiasi programma di grafica; io utilizzo, tra gli altri GIMP e ve lo consiglio, perchè oltre tutto è completamente gratuito ed esiste anche una versione GIMP PORTABLE da portare sempre con voi.
Per creare i bottoni, che possono essere inseriti sia sotto che sopra la header, dovete considerare che la fascia costituita dai bottoni deve essere larga quanto la header.
Se avete scelto un background a 2 colonne e il vostro template è il MINIMA lo spazio di cui potete disporre è costituito da 648 px.
Se invece avete un 3 colonne lo spazio disponibile è di 868 px.
Molto dipende, ovviamente da quanti bottoni vorrete mettere e di quanti link avete bisogno.
Calcolate bene la larghezza (width) dei vostri bottoni, calcolando che se avete un 2 colonne sotto la header non entreranno più di 3 bottoni, saranno 4 se avete un 3 colonne. Ma potrete farli anche più piccoli se vorrete.
Non dovranno essere comunque più larghi di 220 px, in ogni caso; li farete quindi più larghi o più stretti.
Una volta ultimate i bottoni, sistemateli nel codice in alto, quello che vi appare nella sidebar che avrete creato e se avrete rispettato bene le misure, la vostra menù bar si posizionerà bene ovunque avrete deciso di posizionarla. Se non dovesse riuscirci, non abbiate timore di chiedere, e lo farò io per voi.
Chiedete pure tutto quello di cui avete bisogno. E come sempre...Buon lavoro!!!

December 09, 2009

Gold and Roses



<style type="text/css">
body {background-image: url("http://i48.tinypic.com/2lborqh.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }
</style>
<div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;">
<a href="http://asifbymagicbackgrounds.blogspot.com" target="_blank">
<img border="0" src="http://i49.tinypic.com/mhradl.png"/>
</a></div>

Very Country 3 colonne





<style type="text/css">
body {background-image: url("http://i46.tinypic.com/1enfoh.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }
</style>
<div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;">
<a href="http://asifbymagicbackgrounds.blogspot.com" target="_blank">
<img border="0" src="http://i49.tinypic.com/mhradl.png"/>
</a></div>

Le Primule





<style type="text/css">
body {background-image: url("http://i50.tinypic.com/bfgeg3.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }
</style>
<div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;">
<a href="http://asifbymagicbackgrounds.blogspot.com" target="_blank">
<img border="0" src="http://i49.tinypic.com/mhradl.png"/>
</a></div>

Country Birds

Image and video hosting by TinyPic




<style type="text/css">
body {background-image: url("http://i45.tinypic.com/2qmhj6p.png"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }
</style>
<div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;">
<a href="http://asifbymagicbackgrounds.blogspot.com" target="_blank">
<img border="0" src="http://i49.tinypic.com/mhradl.png"/>
</a></div>

I Girasoli






<style type="text/css">
body {background-image: url("http://i49.tinypic.com/2s84n6h.png"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }
</style>
<div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;">
<a href="http://asifbymagicbackgrounds.blogspot.com" target="_blank">
<img border="0" src="http://i49.tinypic.com/mhradl.png"/>
</a></div>

December 08, 2009

Sfondo scorrevole

Gli sfondi che vi propongo, sono tutti a sfondo fisso...ciò vuol dire che la parte sottostante la fascia centrale, non si muove, rimane ferma mentre il centrale scorre. Se avete scelto uno sfondo molto ricco o particolarmente decorato, io vi consiglio di lasciare le cose come stanno, perchè lo scorrere di uno sfondo troppo 'rumoroso' potrebbe catturare l'attenzione dei vostri utenti al punto da distrarli dai contenuti del vostro blog. Ma se preferite, potete trasformare il vostro sfondo fisso e permettergli di scorrere insieme al centrale, modificando il codice solo un pochino. Credetemi è davvero facile. Vi spiego come procedere.

Portatevi a questo punto del codice:
body {background-image: url(""); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }
e nel punto in cui dice background-repeat: no-repeat cancellate il no- lasciando però gli spazi indicati nella stringa, quelli non dovete cancellarli.
Più sotto, dove dice  attachment: fixed; } sostituite a fixed la parola scroll. E salvate.
Fatto! Il vostro sfondo scorrerà ripetendosi fino alla fine, coprendo tutta la lunghezza del contenuto del blog, qualunque essa sia.
Buon lavoro!


Natale è già qui...

Image and video hosting by TinyPic




<style type="text/css">
body {background-image: url("http://i46.tinypic.com/10xd17a.png"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }
</style>
<div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;">
<a href="http://asifbymagicbackgrounds.blogspot.com" target="_blank">
<img border="0" src="http://i49.tinypic.com/mhradl.png"/>
</a></div>

December 07, 2009

Non solo Blu





<style type="text/css">
body {background-image: url("http://i46.tinypic.com/34e4w47.png"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }
</style>
<div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;">
<a href="http://asifbymagicbackgrounds.blogspot.com" target="_blank">
<img border="0" src="http://i49.tinypic.com/mhradl.png"/>
</a></div>

Angeli






<style type="text/css">
body {background-image: url("http://i49.tinypic.com/xomt7r.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }
</style>
<div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;">
<a href="http://asifbymagicbackgrounds.blogspot.com" target="_blank">
<img border="0" src="http://i49.tinypic.com/mhradl.png"/>
</a></div>

December 06, 2009

Dolce





  <style type="text/css">
body {background-image: url("http://i49.tinypic.com/2ajrfpw.png"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }
</style>
<div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;">
<a href="http://asifbymagicbackgrounds.blogspot.com" target="_blank">
<img border="0" src="http://i49.tinypic.com/mhradl.png"/>
</a></div>

Victorian Flowers

                                       
                                      



<style type="text/css">
body {background-image: url("http://i48.tinypic.com/15ry0hs.png"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }
</style>
<div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;">
<a href="http://asifbymagicbackgrounds.blogspot.com" target="_blank">
<img border="0" src="http://i49.tinypic.com/mhradl.png"/>
</a></div>

Translater

AVVISO

Nel caso utilizziate MOZILLA, che è vero semplifica molto le cose, sappiate che molti dettagli presenti nel blog, potrebbero NON essere sempre visibili. Per sicurezza, apritevi anche una finestra con Explorer, che certi scherzetti NON li fa.

Hermione's

BENVENUTI!!!

CARISSIMI VIAGGIATORI, QUESTO BLOG, E' UN PICCOLO CONTENITORE DI LAVORI SVOLTI SOLO PER VOI. SE VORRETE, POTRETE PRELEVARE IL MATERIALE CHE PIU' VI PIACE. PRIMA DI PRELEVARE UNO SFONDO, CLICCATE SULL'IMMAGINE PER VEDERLA NELLA DIMENSIONE GIUSTA, POI PRELEVATE IL CODICE E POSTATELO NEL VOSTRO SPAZIO. SE NON DIVERSAMENTE SPECIFICATO, SI TRATTA DI BACKGROUNDS A DUE COLONNE. NON E' NECESSARIO LASCIARE UN COMMENTO INFORMANDOMI DI CIO' CHE PRELEVATE, MA MI SARA' UTILE SAPERE CHE STATE USANDO UN MIO LAVORO, NON SOLO PER SODDISFAZIONE PERSONALE, MA SOPRATTUTTO PER EVITARE CHE IO CANCELLI UN LAVORO VECCHIO O LO AGGIORNI. l'IMMAGINE CHE USATE SPARIREBBE DAL VOSTRO PC. GRAZIE!!!







LinkWithin

Related Posts with Thumbnails