CSS

Kako prilagoditi css Internet Exploreru sa samo dva znaka

Kategorija: CSS, Autor: Mile Lazar, Komentara: 0

Umjesto korištenja conditional comments-a i pisanja nove css datoteke za klase koje se tiču samo određene verzije Internet Explorera, to možete jednostavno definirati sa samo dva znaka. Evo i kako: #nekiElement { background: red; /* modern browsers */ *background: green; /* IE 7 and below…

Easy front-end framework

Kategorija: CSS, Autor: Mile Lazar, Komentara: 0

Postoji već velik broj css framework-a. Neki od popularnijih su Blueprint, 960, Yaml, YUI, SenCSs. Svi oni imaju nešto zajedničko, a to je da omoguće što brže front-end sastavljanje. U ovom članku predstavljamo Easy front-end framework, koji nudi dodatne mogućnosti koje oni standardni nemaju. Autor…

Internet Explorer submit padding

Kategorija: CSS, Autor: Avalane.net, Komentara: 0

Već je poznata stvar da Internet Explorer često jako voli HTML i CSS interpretirati na neki svoj smiješan način i zanemarivati W3C standarde, te zadavati muke web developerima. Jedna takva smiješna stvar je ignoriranje definiranog horizontalnog css padding-a kod submit elemenata. Internet Explorer iz nekog…

Pretvorite PSD predložak u funkcionalan html i css kod

Kategorija: CSS, Autor: Avalane.net, Komentara: 2

Ovaj vodič primjeren je početnicima u korištenju divova i css-a. U devet jednostavnih koraka objasniti ćemo kako iz vrlo jednostavnog dizajna koji je napravljen pomoću photoshopa ili nekog drugog vama omiljenog grafičkog alata napraviti funkcionalan html i css kod. Kao html editor koristiti ćemo Adobe…

CSS Text Wrapper

Kategorija: CSS, Autor: Avalane.net, Komentara: 0

Možda ste se našli u situaciji da želite tekst na stranici prikazati u nekom ne standardnom obliku od klasičnog pravokutnog. Pomoću CSS text wrappera, tekst možete smjestiti u oblik koji želite. Krug, kvadrat, zig-zag, trokut, peterokut... Kroz flash sučelje napravite oblik koji želite, odaberite "I'm…

Css transparentnost elemenata

Kategorija: CSS, Autor: Avalane.net, Komentara: 0

Umjesto korištenja png ili gif slika, ponekad je puno brže i jednostavnije za transparentnost iskoristiti standardne css mogućnosti. Sljedeća css klasa postavlja transparentnost nekog elementa na 50%. .transparent { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } opacity: 0.5; Ovo je trenutni css standard. Podržava ga…

CSS Layout predlošci

Kategorija: CSS, Autor: Avalane.net, Komentara: 0

Ukoliko imate malo vremena, ne da vam se ili ne znate kako napraviti css layout, ovdje možete odabrati i besplatno preuzeti neki od već pripremljenih predložaka. Ima raznih varijacija, koje bi trebale zadovoljiti većinu korisnika. Odaberite željeni CSS predložak.

CSS Bubble Tooltips

Kategorija: CSS, Autor: Avalane.net, Komentara: 0

Napravite privlačne tooltipove samo uz pomoć css-a, te izbjegnite nepotrebno korištenje cross-browser javascript-a. Kompletan dizajn i prikaz tooltipa možete kontrolirati putem css klasa. Primjer i izvorni kod možete preuzeti ovdje.

CSS: Izrada gumba sa rollover efektom

Kategorija: CSS, Autor: Avalane.net, Komentara: 0

Često se za izbornike i slične elemente koristi neki rollover efekt, odnosno situacija kada se nekom objektu prilikom prelaska mišem, u nekom pogledu izmjeni oblik (promjena boje, izmjena slike, izmjena teksta i sl.). Taj efekt može se postići pomoću javascripta, kojim se u ovom slučaju…

Niceforms: promjenite izgled form elementima

Kategorija: CSS, Autor: Avalane.net, Komentara: 0

Ako ste pokušali promjeniti izgled nekih html form elemenata, vjerojatno ste primjetili da se neki od njih daju promjeniti u jako maloj mjeri, a na nekim browserima se ni nedaju mijenjati klasičnom css metodom kao što se to može recimo na textfield elementu. Evo jedno…