Mijenjanje boje i prozirnosti pozadine

Za danas jedan javaskript i malo CSS-a.

1. Javaskripta koja omogućuje mijenjanje boje pozadine (bodyja ili tijela stranice) prelaskom kurzora preko linka za boju.

Dodajte sljedeći kod prije oznake /head:

script language="JavaScript"
var backColor = new Array();
backColor[0] = '#A4D3EE';
backColor[1] = '#CCFFCC';
backColor[2] = '#FFCCCC';
backColor[3] = '#FFFACD';
backColor[4] = '#FFFFFF';
function changeBG(whichColor){
document.bgColor = backColor[whichColor];
}
/script


A zatim pronađite između kodova body i /body neko dobro mjesto gdje će vam se pojaviti linkovi za promijenu boje pozadine. Preporučam da to bude u sidebaru, npr. odmah nakon kodova <$BlogMemberProfile$> unesite:

Promijeni boju pozadine:

• Plava


• Zelena


• Roza


• Žuta


• Bijela

2. Kako pomoću CSS-a postaviti prozirnost ili transparentnost posta (ili nekog drugog elementa na blogu/stranici).

Na jednom izvrsnom siteu piše sve o transparentnosti, a ja sam uzela neke kodove i malo ih modificirala: napravila sam poluproziran (transparentan) post koji postaje potpuno vidljiv tek kada kurzorom miša prijeđete preko prostora za post. To je super ako imate neku pozadinsku sliku za koju želite da se bolje vidi, ali također da se tekst posta može pročitati.

Prije koda /style dodajte sljedeće:

div.transOFF {opacity:.40;filter: alpha(opacity=40); -moz-opacity: 0.4; }
div.transON {opacity: 1;filter: alpha(opacity=100); -moz-opacity: 1; }

Poslije koda dodajte ovaj kod:

a prije koda dodajte ovo:

Nisam upisala ove kodove u svoj blog, ali sam ih testirala na jednom drugom. Ako želite vidjeti kako stvar funkcionira, pokušajte ju postaviti sami.

JavaScript poruke

Posjetili ste neki blog i vidjeli JavaScript poruku (alert) sa dobrodošlicom, a neznate kako to napraviti? Pročitajte ovaj tutorijal i saznat ćete. Ubacivanje koda je jako jednostavno, samo zamjenite slijedeći kod sa tagom: body onload="javascript:alert('Pozdrav i dobrodošli na moj blog!');"> Ako želite da se pojavi više poruka za redom iskoristite ovaj kod: body onload="javascript:alert('Pozdrav i dobrodošli na moj blog!');alert('Osjećajte se kao kod kuće!');" Za dodavanje novog reda unutar poruke koristite \n na slijedeći način: body onload="javascript:alert('Pozdrav i dobrodošli na moj blog!\nOsjećajte se kao kod kuće!');" Ako želite ispisati poruku prilikom nečijeg odlaska sa bloga kopirajte slijedeći kod: body onunload="javascript:alert('Posjetite me opet.');" Nadam se da ste sada naučili kako staviti JavaScript alert na blog. No moram Vas upozoriti: mnogi blogeri mrze te poruke (i ja sam među njima) te će odmah napustiti Vaš blog. Stoga dobro razmislite hoćete li te poruke staviti ili ne. Isplati li se izgubiti posjetitelje na ovaj način?