(questo BLOG è stato visitato 23564 volte)
ULTIMI 10 VISITATORI:
ospite, ospite, ospite, ospite, ospite, ospite, ospite, ospite, ospite, ospite
[ ELENCO ULTIMI COMMENTI RICEVUTI ]
Friday, February 06, 2004 - ore 13:02
BLOG personalizzato
(categoria: " Vita Quotidiana ")
Come ho già detto ad un po' di persone nei giorni passati, ero in fase di apprendimento della personalizzazione del BLOG. A tal proposito ho chiesto in giro a diverse persone che già avevano il tutto pronto e modificato di darmi qualche dritta, ma senza esito positivo... Siete stai tutti molto gentili e questa è la mia vendetta personale!!! 
Il LINK di seguito contiene l'articolo del POST su come modificare e personalizzare il proprio BLOG!!! 
-->(LINK)<--
Buon divertimento!!!
Andynight for... PERSONAL BLOG!!!
Come ho già detto ad un po' di persone nei giorni passati, ero in fase di apprendimento della personalizzazione del blog. A tal proposito ho chiesto in giro a diverse persone che già avevano il tutto pronto e modificato di darmi qualche dritta, ma senza esito positivo... Siete stai tutti molto gentili e questa è la mia vendetta personale!!!
Bene... Di seguito spiegherò brevemente come personalizzare il proprio blog, alla faccia di tutti quelli e quelle che non hanno voluto dirmelo!!! 
Personal BLOG:
=============
Innanzi tutto ricordatevi che questa è un'unica riga e va inserita tra i TAG per l'inserimento di una immagine (parentesi quandre IMG chiuse parentesi quagre ecc...) quindi nel modo più assoluto dovete andare a capo... infatti se provate a fare il copia ed incolla sul NOTEPAD di tale codice vi risulterà lunghissimo. 
Proprio per questo motivo si può inserire tale codice in qualsiasi parte del BLOG, ma sarebbe opportuno piazzarlo nella presentazione. 
I colori inoltre vanno scritti su base esadecimale e con il cancelletto davanti. Per esempio il colore giallo è: #FFFF00. In questo LINK -> (LINK) troverete tutti i codici.
Questa è la sintassi BASE sulla quale poi si aggiungeranno le personalizzazioni:
http://www.spritz.it/box_img/spacer.gif' onLoad='document.bgColor=""; for (i=0; i<document.getElementsByTagName("table").length;i++) { document.getElementsByTagName("table").background=""; document.getElementsByTagName("table").bgColor=""; document.getElementsByTagName("table").border="0";}; for (i=0;i<document.getElementsByTagName("td").length;i++) {document.getElementsByTagName("td").background=""; document.getElementsByTagName("td").bgColor=""; }; for (i=0;i<document.getElementsByTagName("font").length;i++) {document.getElementsByTagName("font").color=""; }; for (i=0;i<document.getElementsByTagName("a").length;i++) {document.getElementsByTagName("a").color=""; }; for (i=0;i<document.images.length;i++) {if (document.images.src.indexOf("/blog/")>=0) document.images.src="http://www.spritz.it/box_img/spacer.gif";};document.images[0].src="http://www.spritz.it/box_img/spacer.gif";
Il primo LINK serve per caricare un'immagine vuota (dato che come ho detto prima il tutto va inserito tra i TAG IMG), quindi il TAG serve a ricaricare la pagina con tutte le modifiche successive...
Naturalmente possiamo aggiungere a tale codice altri TAG quali:
Lo sfondo:
document.body.background="mio sfondo .jpg"
I LINK:
document.body.link="";
document.body.aLink="";
document.body.vLink=""
Volendo possiamo anche personalizzare la singola tabella... Se per esempio voglio colorare di giallo lo sfondo all'interno dei post aggiungero quest'altro codice:
document.getElementsByTagName("td")[7].bgColor="#FFFF00";
E così via...
Pubblicherò ora il mio codice (sperando che possiate studiarlo anche se non sapete una virgola di codice) e facendo il confronto con quello base, rendervi conto di come adoperare le modifiche necessarie al raggiungimento della vostra personalizzazione.
Ecco il mio attuale codice:
http://www.spritz.it/box_img/spacer.gif' onLoad='document.bgColor=""; document.body.background="http://andynight.altervista.org/immagini/blackbricks5.jpg"; document.images[0].src="http://andynight.altervista.org/immagini/spritz_blog2.gif"; document.images[1].src="http://andynight.altervista.org/immagini/andynight.gif"; document.body.link="#FFCC33"; document.body.aLink="#0000FF"; document.body.vLink="#FF0000"; for (i=0;i<document.getElementsByTagName("font").length;i++) {document.getElementsByTagName("font").color="#00FF00"; }; for (i=0;i<document.getElementsByTagName("a").length;i++) {document.getElementsByTagName("a").style.color="#FFFF00"; }; for (i=0; i<document.getElementsByTagName("table").length;i++) { document.getElementsByTagName("table").bgColor=""; document.getElementsByTagName("table").background=""; document.getElementsByTagName("table").border="0"; }; document.getElementsByTagName("table")[4].border="10"; for (i=0;i<document.getElementsByTagName("td").length;i++) {document.getElementsByTagName("td").bgColor=""; document.getElementsByTagName("td").background=""; }; document.getElementsByTagName("td")[7].background="http://andynight.altervista.org/immagini/muro2.jpg"; for (i=0;i<document.images.length;i++) {if (document.images.src.indexOf("/blog/")>=0) document.images.src="http://www.spritz.it/box_img/spacer.gif"; };
Naturalmente è in continua evoluzione... non è sempre uguale...
Ecco la spiegazione:
Una volta caricata l'immagine vuota (la prima) il tag "" ricarica tutto il codice seguente, non setto nessun colore di sfondo, il successivo invece mi carica una immagine personale come sfondo, quindi carico anche l'immagine personale in alto a sinistra (numero 0) e quella in alto a destra (numero 1), poi setto i colori dei LINK, il primo ciclo setta il colore di tutti i font (TAG "font") a VERDE, il secondo ciclo tutti i LINK (che sono all'interno del TAG "a") in GIALLO (ma tanto li avevo già settati prima in modo più dettagliato), il terzo ciclo pulisce le tabelle (TAG "table") dai colori e sfondi e regola i bordi a 0 (ovvero niente bordo), dopodichè inserisco un bordo di valore 10 solo all'introduzione, il ciclo successivo pulisce i colori e sfondi delle celle (TAG "td") all'interno delle tabelle, ma scelgo per la cella dei POST (che è la numero 7) un'immagine personale, infine pulisco il blog da tutte le immagini del blog che hanno come LINK quello /blog/.
Come potete notare ogni operazione è separata da un punto e virgola, mentre i cicli sono compresi tra le parentesi graffe!!!
Vi chiedo naturalmente di non usare i miei LINK dato che sono personali e coperti dal mio Copyright , per il resto potete farne ciò che volete...
Vi auguro buon divertimento!!!
Faccio le mie scuse ai più esperti se i termini utilizzati da me per la spiegazione non sono proprio precisi, ma io non conosco questo linguaggio e sono andato ad intuito. Potete comunque correggermi lasciando un vostro commento.
Andynight for... PERSONAL BLOG!!!
.background=""; document.getElementsByTagName("table").bgColor=""; document.getElementsByTagName("table").border="0";}; for (i=0;i<document.getElementsByTagName("td").length;i++) {document.getElementsByTagName("td").background=""; document.getElementsByTagName("td").bgColor=""; }; for (i=0;i<document.getElementsByTagName("font").length;i++) {document.getElementsByTagName("font").color=""; }; for (i=0;i<document.getElementsByTagName("a").length;i++) {document.getElementsByTagName("a").color=""; }; for (i=0;i<document.images.length;i++) {if (document.images.src.indexOf("/blog/")>=0) document.images.src="http://www.spritz.it/box_img/spacer.gif";};document.images[0].src="http://www.spritz.it/box_img/spacer.gif";" border=0>
COMMENTA (0 commenti presenti)
PERMALINK
[ SONO OFFLINE ] 