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.