27.10.2006.

lijeva i desna kolona

 

Kako i sa leve i sa desne strane da imam boxeve?

Objavio/la DaRkErKa

 

 Odgovor:

Potrebno je u CSS-u definisati lijevu i desnu kolonu i zadati vrijednosti prarametara unutar kolona po zelji. Primjer:

#desna { background:transparent; padding-top:20px; position:absolute; left:10px; top:100px; width:150px; }
#lijeva { background:transparent; padding-top:20px; position:absolute; right:10px; top:100px; width:150px; }

Obratite paznju na position:absolute;  to je obavezno, left:10px;  i right:10px; mozete podesavati udaljenost kolone s lijeve ili desne strane, top:100px; udaljenost od vrha stranice, bitno je da bude veca od duzine zaglavlja i width:150px; sirina same kolone.

Zatim u html dijelu definisati novu kolonu.

<!-- pocetak desne kolone -->
<div id="desna">

U ovom dijelu se upisuje sve sto zelite da bude unutar te kolone, ukljucujuci i boxove.

</div>
<!-- kraj desne kolone -->

<!-- pocetak lijeve kolone -->
<div id="lijeva">

Znaci, isto vrijedi i za drugu kolonu...

</div>
<!-- kraj lijeve kolone -->


Charlotte

    

 

 

 

 

 

 

 

 

 

 

 

 

Izgled templatea s dvije kolone.

 


25.10.2006.

html colors

Mozete izabrati boje po svom ukusu. Evo par linkova gdje mozete pronaci zeljene boje i nijanse boja:

W3Schools.com
Html-color-codes.com
Immigration-usa.com
ComputerHope.com

Tu cete naci boje u vidu kodova, znaci # neki sestocifreni ili trocifreni broj u hexadecimalnom formatu, pri cemu u slucaju sestocifrenog broja prve dvije cifre oznacavaju nijansu crvene boje, druge dvije zelene i posljednje dvije nijansu plave boje.

Boje se takodje mogu koristiti i svojim imenom na engleskom jeziku. Tada se ne koristi tarabica (#).

Boja teksta u postu, boxu se mijenja na slican nacin. Prije teksta koji zelimo obojiti otvorimo cetvrtastu zagradu, upisemo color= i onda zeljenu boju teksta na gore navedene nacine, zatim zatvorimo zagradu i napisemo taj tekst, a poslije teksta koji zelimo obojiti ponovo pisemo cetvrtastu zagradu i u njoj /color.

Ovaj dio se odnosi na sve linkove koji se nalaze na vasem blogu:

a, a:visited, a:active { color:purple; font-weight:normal; background-color: transparent; text-decoration: underline; }

Boldiracu linkove tako sto umjesto font-weight:normal upisem font-weight:bold.

24.10.2006.

Copyright ©

kako da stavim onaj zastitni kooooooood......

Objavio/la dada

Odgovor:

Kopiras slijedecu skriptu u prostor iznad zatvorenog taga </body> u html kodu svog bloga (kao na slici), sacuvas izmjene i zastita je postavljena.

<script language=JavaScript>

<!--

//Disable right mouse click Script

//By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive

//For full source code, visit http://www.dynamicdrive.com

var message="Copyright ©";

///////////////////////////////////

function clickIE4(){

if (event.button==2){

alert(message);

return false;

}

}

function clickNS4(e){

if (document.layers||document.getElementById&&!document.all){

if (e.which==2||e.which==3){

alert(message);

return false;

}

}

}

if (document.layers){

document.captureEvents(Event.MOUSEDOWN);

document.onmousedown=clickNS4;

}

else if (document.all&&!document.getElementById){

document.onmousedown=clickIE4;

}

document.oncontextmenu=new Function("alert(message);return false")

// -->

</script>

 

Poruku koja se nalazi u znacima navoda (var message="Copyright ©") mozes promijeniti, upisati nesto po zelji.

22.10.2006.

citat - quote

Ako zelite istaci neki citat ili dio teksta u postu koristite BBC kod quote u srednjim zagradama [] prije pocetka tog teksta, a na kraju citiranog teksta [/quote]

Prethodno je potrebno u CSS umetnuti .citat kao u primjeru:

.citat { font-size: 12px; font-weight:bold; text-align:center; color:#628986; background-color:#E5D2C3; border:1px solid #000; }

20.10.2006.

prekrizena rijec/tekst

Kako da dodam CSS tag kojim mogu predstaviti prekrizena slova: Dakle isto kao npr. rijec samo sto linija ne treba daise ISPOD, nego KROZ slova?
Objavio/la roque

Odgovor:

Ako zelis samo prekriziti neku rijec ili text unutar posta onda klik na opciju 'Kod' i ispred rijeci/teksta upisi <s>, a iza rijeci/teksta zatvori taj tag sa </s>

Ovako to izgleda u Kodu:
<strike>word/text
</strike>
<s>
word/text</s>

Ovako to izgleda u postu:
word/text
word/text


Ako zelis u CSS-u zadati da neki dio texta bude prekrizen koristi:
text-decoration: line-through;

19.10.2006.

background-image (slika u pozadini bloga)

Ispod navedeni dio kopiramo odmah ispod zavrsetka body dijela ili u produzetku.
Sami izaberete sliku ciji ce te link upisati umjesto linka koji je koristen u primjeru.

PRIMJER SLIKOVNE PODLOGE

 


body { background: url("http://st105.startlogic.com/~alkaspac//is.php?i=7998&img=Andreas.JPG") fixed; background-repeat: no-repeat;  background-color: transparent; }

 

Za ovakav izgled bitna je postavka background: transparent;

#blog { background: transparent; ....}
#desna { background: transparent; ....}

18.10.2006.

Osnove CSS-a

body
- Tu su upisane podrazumijevane vrijednosti parametara (kao sto su font-size, text-align, color, ...) za kompletan izgled bloga koje mi, naravno, mozemo mijenjati po zelji, ali ako zelimo druge vrijednosti pojedinacnih parametra u odredjenom dijelu bloga, onda u tom dijelu navodimo zeljene vrijednosti.


a, a:visited, a:active
- Odnosi se na izgled svih linkova na blogu (n.pr. velicina fonta, vrsta fonta, boja slova, boja podloge, podvuceni ili ne...)


a:hover
- Odnosi se na izgled linka u trenutku kada je oznacen kursorom, tj. u trenutku kada predjete misem preko linka.


.citat
- Izgled citata (quote) koji se prikazuje unutar posta.


#zaglavlje
- U tom dijelu bloga je obicno ispisan naziv vaseg bloga, opis bloga, tu se moze postaviti slika, ili pak jednobojna podloga.


#zaglavlje h1
- Tu se upisuju vrijednosti parametara za naziv bloga (kao sto su velicina i vrsta fonta, koordiniranje naslova, boja...).


#zaglavlje p
- Tu se upisuju vrijednosti parametara za opis bloga.


#blog
- To je jako bitan dio CSS-a koji odredjuje izgled dijela bloga u kojem se nalaze i postovi, tu zadajete vrijednosti tipa velicine i vrste fonta u postovima, podrazumijevane boje teksta u postovima, postavljanja margina, poziciniranja teksta (lijevo, desno, centrirano, izjednacena sirina redova), boja podloge na kojoj ce biti ispisivan tekst...


#blog img 
- U ovom dijelu zadajete vrijednosti parametara za slike koje postavljate na blog.


#desna  (#lijeva)
- Dio predvidjen za kolonu (ili obje, kao u par ponudjenih templatea na blogger.ba) u kojoj se nalaze i boxevi, gdje, takodjer, mozete mijenjati vrijednosti parametara i pozicionirati po zelji (n.pr. ako zelite zamijeniti poziciju bloga sa pozicijom kolone).


#kontejner
kontejner = zaglavlje + blog + desna (lijeva) kolona + footer ... Kontejner obuhvata  sve sto se nalazi na podlozi bloga, tekstovi u postovima i boxevima ne prelaze granice kontejnera, njegova glavna funkcija je da marginalizira, po zelji se podesava...


div#postovi
- Sluzi samo za izmjene teksta unutar postova.


.footer-posta
- Dio u kojem je ispisano vrijeme objavljivanja posta i broj komentara.


#footer
- Nalazi se pri dnu bloga, gdje je obicno ispisano „Sva prava pridrzana. Blogger.ba....“


.tab
- Tu podesavate izgled naslova boxeva.


.linked
- Unutar kalendara definise izgled onih datuma (dana) koji imaju link tj. datumi objavljenih postova.


Get your own Chat Box! Go Large!