per creare una box area come questa
figura b
bisogna prelevare questo codice :
mentre per crearne una come questa
il codice è
figura a
mi sembra elementare che al posto di inserisci il tuo codice html dovrete incollare sia nell'una che nell'altra il codice html che volete far prelevare...
la differenza tra figura A e figura B,è che nella figura A il codice si seleziona non appena si passa il mouse mentre nell figura b no.
Per modificare la lunghezza della vostra area basta modificare il paramentro cols, mentre per modificare l'altezza bisogna modificare il paramentro rows...che invece di 2 potrebbe essere 4 5 6 ....etc... a vostra scelta e uguale per modificare la larghezza(cols) che potrebbe essere invece di 8 9 10 50 55 ...etc... secondo le vostre preferenze.
venerdì 12 giugno 2009
giovedì 11 giugno 2009
come creare una banner
come creare un banner?
ma prima di tutto che cos'è un banner?un banner è una specie di pubblicità fatta per il nostro sito.
il codice html di un banner è
come prima cosa, bisogna creare il banner sarebbe la parte grafica con un programma qualsiasi photoshop oppure gimp le misure sono quasi sempre 150x50.sostituiamo nel codice la scritta indirizzo appunto con l'indirizzo del vostro blog/sito ad esempio http://tuosito.it/ oppure http://tuoblog.dominio.it/. dopo di che andiamo in un sito hosting..io userò http://tinypic.com/
tinypic!
mettiamo sfoglia,cerchiamo il banner che abbiamo creato e carichiamolo facendo clik su carica. una volta caricato dobbiamo prendere l'url di questa immagine non + il codice html "a href" ma dobbiamo prelevare url della finestra dove c'è scritto URL per e-mail & IM facciamo copia e incolliamo questo url nel codice dove c'è scritto url . prendiamo il codice e lo postiamo nel nostro blog, spiegato nel post impariamo l'html !!
a questo punto il codice verrà :
a href..http:// tuo sito. it imag src http:// mio banner etc..
al prossimo post
ma prima di tutto che cos'è un banner?un banner è una specie di pubblicità fatta per il nostro sito.
il codice html di un banner è
come prima cosa, bisogna creare il banner sarebbe la parte grafica con un programma qualsiasi photoshop oppure gimp le misure sono quasi sempre 150x50.sostituiamo nel codice la scritta indirizzo appunto con l'indirizzo del vostro blog/sito ad esempio http://tuosito.it/ oppure http://tuoblog.dominio.it/. dopo di che andiamo in un sito hosting..io userò http://tinypic.com/
tinypic!
mettiamo sfoglia,cerchiamo il banner che abbiamo creato e carichiamolo facendo clik su carica. una volta caricato dobbiamo prendere l'url di questa immagine non + il codice html "a href" ma dobbiamo prelevare url della finestra dove c'è scritto URL per e-mail & IM facciamo copia e incolliamo questo url nel codice dove c'è scritto url . prendiamo il codice e lo postiamo nel nostro blog, spiegato nel post impariamo l'html !!
a questo punto il codice verrà :
a href..http:// tuo sito. it imag src http:// mio banner etc..
al prossimo post
venerdì 8 maggio 2009
Codice di un testo in movimento
per abbellire ancor di + il vostro sito/blog
codice testo in movimento da destra a sinistra(semplice)
codice:
naturalmente sostituire con il mio testo in movimento la vostra scritte ad esempio:
Testo in movimento da sinistra a destra(semplice)
codice:
Testo in movimento dall'alto:
codice:
Testo in movimento dal basso:
codice:
Testo che si ferma al passaggio del mouse:
Per inserire l'immagine al posto del testo, basta inserire semplicemente il codice html a posto di la mia immagine, al contrario del testo che invece richiede soltanto l'inserimento di una scritta a posto di il mio testo!
Testo/immagine che rallenta al passaggio del mouse:
codice testo in movimento da destra a sinistra(semplice)
codice:
naturalmente sostituire con il mio testo in movimento la vostra scritte ad esempio:
Testo in movimento da sinistra a destra(semplice)
codice:
Testo in movimento dall'alto:
codice:
Testo in movimento dal basso:
codice:
Testo che si ferma al passaggio del mouse:
Per inserire l'immagine al posto del testo, basta inserire semplicemente il codice html a posto di la mia immagine, al contrario del testo che invece richiede soltanto l'inserimento di una scritta a posto di il mio testo!
Testo/immagine che rallenta al passaggio del mouse:
*Impariamo L'html*
le domande + comuni sono ormai queste.
dobbiamo sostituire quella scritta, che nel normale codice html è (naturalmente)sostituita dal vero indirizzo del sito ad esempio ://impariamol'html.it
con l'indirizzo del vostro blog.
La stessa cosa riguarda quando prelevate il codice html da un sito che contiene un'immagine che vi piace a de esempio:
NON BISOGNA ASSOLUTAMENTE!!!!!!!!!!(mille volte sottolineato!!!!!!!)modificare nulla di quel codice perchè prottetto da CC oppure da COPYRIGHT e modificando vi trovereste davvero nei guai xk non bisogna assolutamente prendersi il merito di qll che creano gli altri!!!!!!!!!!!!!!!!!!!!
bisogna fare la stessa cosa di prima prelevare il codice dal box
sarebbe quello in basso
copiare e incollare e basta..nessuna operazione nel codice perchè alcune come ho detto su sono prottette!!!!
per modificare l'alt nelle vostre foto (vostre intendo create o scattate da voi!!!!)
l'alt è quella finestrina gialla che appare quando passate la freccia /senza clikkare) sopra un'immagine.ad esempio:
se passate la freccia in questa immagine vi apparirà: image and video hosting by TinyPic,oppure image hosting by photobucket/imageshack...dipende dal sito hosting che avete usato,in questa appare tinypic. per modificarlo dovete modificare una parte di codice preceduta dalla scritta "alt=..."
il codice è: a href .....http://.cm.....target...blank....alt=image hosting by sito.
dovete semplicemente cercare alt= e modificare il testo image hosting....con immagine creata/scattata by nome creatore!! tutto chiaro?
se passate la freccia nell'immagini qui in basso noterete che la scritta è cambiata
- cosa è un codice html?
un codice html è una programmazzione che ti permette di personalizzare o di creare una pagina web.
l'esempio di codice html è questo:
- ho creato un'immagine come faccio a postarla sul mio blog?
prima di tutto dobbio hostarla,nel senzo che dobbiamo ottenere il codice html.per ottenerlo andiam in un buon sito di hosting,io personalmente uso
TinyPic ,perchè trovo che sia un sito molto veloce,e facile da usare.
Bisogna solamente cliccare su sfoglia,trovare l'immagine salvata,e cliccare su carica.Semplice no?!
Poi per postarla in un blog ad esampio,sullo spaces,creiamo un nuovo intervento e clicchiamo su HTML che è l'ultimo bottone a destra,prendiamo il codice html da tinypic o da imageshack oppure da photobucket (consigliato tinypic)e prendiamo il codice html che inizia con
adesso ho un trucchino per voi.Tutti i siti di hosting lasciano sempre il link del sito nel vostro codice html...con questo cosa si deduce?Che il sito tramite la vostra immagini si fa pubblicità,nel senzo che,chiunque clicchi su quella immagine verrà portato nel sito web dove è stata hostata l'immagine.Come facciamo allora ad evitare questo fastidioso problema?dobbiamo far così
a href="_blank"href=http://qui c'è l'indirizzo del sito di hosting.da sostituire.dobbiamo sostituire quella scritta, che nel normale codice html è (naturalmente)sostituita dal vero indirizzo del sito ad esempio ://impariamol'html.it
con l'indirizzo del vostro blog.
La stessa cosa riguarda quando prelevate il codice html da un sito che contiene un'immagine che vi piace a de esempio:
NON BISOGNA ASSOLUTAMENTE!!!!!!!!!!(mille volte sottolineato!!!!!!!)modificare nulla di quel codice perchè prottetto da CC oppure da COPYRIGHT e modificando vi trovereste davvero nei guai xk non bisogna assolutamente prendersi il merito di qll che creano gli altri!!!!!!!!!!!!!!!!!!!!
bisogna fare la stessa cosa di prima prelevare il codice dal box
sarebbe quello in basso
copiare e incollare e basta..nessuna operazione nel codice perchè alcune come ho detto su sono prottette!!!!
per modificare l'alt nelle vostre foto (vostre intendo create o scattate da voi!!!!)
l'alt è quella finestrina gialla che appare quando passate la freccia /senza clikkare) sopra un'immagine.ad esempio:
se passate la freccia in questa immagine vi apparirà: image and video hosting by TinyPic,oppure image hosting by photobucket/imageshack...dipende dal sito hosting che avete usato,in questa appare tinypic. per modificarlo dovete modificare una parte di codice preceduta dalla scritta "alt=..."
il codice è: a href .....http://.cm.....target...blank....alt=image hosting by sito.
dovete semplicemente cercare alt= e modificare il testo image hosting....con immagine creata/scattata by nome creatore!! tutto chiaro?
se passate la freccia nell'immagini qui in basso noterete che la scritta è cambiata
per chiarimenti commentate...e visitate http://cucciolaglitter-home.blogspot.com/
oppure http://cucciolaglitter-scritte.blogspot.com/...
bye bye
Iscriviti a:
Post (Atom)
