Skip to the main content
Tag: 'css'

18.11.2010. 4

Na dnu stranice je footer (podnožje) omanjeg sadržaja. Stvar super izgleda kad je ukupan sadržaj VIŠI od visine prozora preglednika (tj. postoji scrollbar s desne strane), ali nije naj kad je sadržaj NIŽI od visine prozora (npr. kontakt stranica).

U tom slučaju želimo da footer bude na dnu prozora - nabijen na donji rub browsera.

09.09.2010. 0

Kao i kod mnogih drugih web divota transparentnost u CSSu je još uvijek zbrkana i čeka se CSS3 koji će stvari, nadajmo se, dovesti u red.

Kobasica koja definira prozirnu klasu je standardne dužine:

div.transparent
{
            -moz-opacity:0.5;
            -khtml-opacity: 0.5;
            opacity: 0.5;
            filter:alpha(opacity=50);
}

0.5 znači 50% prozirnosti. Za veću prozirnost staviti manji broj i obratno. Svugdje, naravno, iste brojke (osim za filter koji ide od 0 do 100, a ne od 0.0 do 1.0).

16.08.2010. 5

Imaš primjerice neki omanji sadržaj tipa "Stranica je u izradi" i želiš ga fino pozicionirati u centar stranice, da bude u središtu web stranice i horizontalno i vertikalno.

To je najlakše napraviti pomoću tablice, ali ne smiješ ni pod razno, jer tablice su odavno izašle iz mode i mogao bi ti se smijat netko tko slučajno zaviri u HTML kod.

Raznih JavaScript te CSS rješenja ima za olimpijski bazen napuniti, no ovdje ću navesti jedno krajnje jednostavno rješenje koje koristi poneki CSS trik.

10.08.2010. 0

Power webaši, preskočite ovaj post.

Prije nekoliko godina zaobljeni rubovi (pravokutni komad web stranice koji nema oštre rubove) bili su tema za pričat tjedan+ dana: mnogo je različitih rješenja napravljeno da bi se oni postigli.

Vidi npr.:

Kako danas CSS s verzijom 3 ide dalje ili bar pojedini proizvođači web preglednika imaju svoje prefikse nije problem napraviti jednostavno i kratko rješenje za postizanje istih.

27.05.2010. 13

Trikovi sa CSS atributima i selektorima za "gađanje" određenih (verzija) browsera.

CSS targeting je pojam koji označava korištenje CSS trikova koji mijenjaju stvari u određenom pregledniku, skupu preglednika ili određenoj verziji preglednika.

Preglednici koje će obuhvatiti primjeri u nastavku teksta su:

Internet Explorer Firefox Safari Chrome Opera

1. Internet Explorer (verzije 6, 7 i 8)
2. Firefox (verzije 1.x , 2.x i 3.x)
3. Safari te Chrome
4. Opera

CSS targetiranje može ići preko atributa ili selektora. Preko čega? Dobro, za one koji su zbunjeni evo ovako (selektor je zapravo naziv stila):

selektor { atribut: vrijednost }

Jasnije? Ok. Idemo dalje.

09.04.2009. 3

CSS Naked Day 2009Stigao je još jedan 9. travanj kada se skida dizajn sa sajtova.

CSS Naked Day je dan kada web stranice postanu gole: skida se CSS, dizajn, stilovi i stranica izgleda kao da je napravljena dan nakon što je izmišljen World Wide Web.

Skidanje me je opet podsjetio na zaboravljene inline stilove pa si moram opaliti packe.

Well, bit će riješeno do slijedećeg globalnog CSS Reboota (1. svibnja).

05.02.2009. 1

Napomena: ako ste web dizajner ovo sigurno već znate pa slobodno preskočite.

Na vrhu stranice u najvećem headingu (H1) imaš naslov sajta.

<h1>Blogopod</h1>

I to dobro funkcionira tako dugo dok je samo tekst u pitanju. Ali kada ti netko sklepa super seksi logo (najbolji komentar do sad je da ovaj gore lijevo podsjeća na strip club) trebaš zamijeniti tekst sa slikom.

<h1>
    <img src="logo.jpg" width="500" height="60" alt="Blogopod" />
</h1>

Ovo je ok za posjetitelja stranice (a i prikazuje tekst ako isključiš CSS u pregledniku), ali ne valja zbog SEO razloga, tj. tražilice te manje vole.

10.03.2008. 0

Xinu

Xinu

Xinu (koji se izgleda vratio odnekud jer se sad zove Xinu Returns) je websajt koji vam daje podatke o vašem websajtu. Unesite svoj URL, možda klik na koji checkbox za off ili on tamo nekih opcija i klik na "Go" (dovoljno je jednom).

Vrlo jednostavan proces, a tako korisne informacije koje ispisuje: keywordi, IP, država, pagerank, technorati rank, alexa, linkovi na social bookmarkima, HTML / CSS / RSS validacija, koliko indeksiranih strana tamo, linkova na vas vamo...

01.03.2008. 0

CSS Type Set

CSS Type Set

CSS Type Set je vrlo jednostavan alat napravljen u Javascriptu koji vam real-time daje mogućnost da promjenom parametara mjenjate izgled teksta.

Fino ispejstate neki svoj "Lorem Ipsum" i nakon toga mijenjate font, veličinu, razmake, poravnavanje i još neke sitnice i za svaku promjenu mijenja se i tekst, da čovjek ne povjeruje! :)

Uopće neproblematično za napravit, trebalo se samo sjetiti.

10.02.2008. 0

Yahoo! Live

Yahoo! Live

Yahoo! je otvorio za javnost svoj najnoviji proizvod za široke mase. Yahoo! Live je multi video chat. Još je u polu eksperimentalnoj fazi, a nakon objave je ubrzo bio down, da li zbog toga što ga je navala srušila pitanje je sad. Flash sučelje je vrlo dobro napravljeno, ima tu drag&drop i sličnih finti, a što je najbitnije brzo je i ne prekida kako je to znao raditi Blog.TV (koji je nedavno unaprijedio sučelje). Ako imate kameru i account prijavite se i probajte. Možda će baš taj servis biti rješenje za vaše redovite web sastanke kluba grizača noktiju.

‹‹ 1 2 3 4 5