Lion's Fart RSS Feed
home ‹‹

Zaobljeni rubovi

Četvrtak, 7. Prosinca 2006.
Hexdump2 Tamo neki mi stavljaju mušicu (vinska sorta, zuji tiho ali fuj iritira) u uho kako na blogu fali programerskih tekstova. Istina, priznajem, kriv sam, posipam se assemblerskim listinzima i udaram glavom u debugger.

Čak me je i onaj blogAriat iz nekog nepoznatog razloga smjestio u kategoriju "Programiranje" (što je potpuno krivo, ali ajde, mladi ljudi pa kategoriju Sise još nemaju). Pa ajmo nekako to kao opravdat.

• • • • •

Tipovi i trikovi: Zaobljeni rubovi (The Ultimate varijanta)

Gro je načina kako dobiti zaobljene rubove na boksovima (elementima stranice, štajaznam). Ovdje je popisana pristojna količina svih tih tehnika. Ali sve su one nekako nefleksibilne. Ili koriste slike ili vrte javascript (nebi vjerovali, ali još i danas neki tamo (neki drugi, ne ovi prvi) imaju isključen javascript prilikom surfanja) ili stvaraju kaos s gomilom ugnježdenih layera (slojeva?) tj. DIVova.

I tako dalje. Sve ružna rješenja.

Finta koja je po meni nekako najbolja je rješenje s • znakom. Bull je nekastrirano muško govedo, ali • je html entity koji prikazuje krug.

O čemu se ovdje zapravo radi?

Taj mudonja (fakat imaju velika muda ti monstrumi, pročitao ja) već sam po sebi ima zaobljene rubove, pa zašto to ne iskoristiti?

Trebalo se samo prisjetiti kako. Naravno, netko se sjetio.

Rješenje je u pravilnom rezanju te bull mrcine. Što se može preko perverzija s DIVovima.

Da sad ne pričam i pejstam kod, trebaju nam 4 DIVa (zapravo osam, optimizacija i rješavanje browser specifičnih pizdarija) po kutevima i to je to. Za ilustraciju evo slike s okvirima i bojama (loše) podešenim da bude jasno:

Rounded corners

Neću sad ovdje nabijati neke komade koda i to objašnjavat jer to ionako neće nitko čitat.

Demonstraciju imate ovdje, snimite source i primijenite po želji.

Stvar je testirana u Operi 9, Firefoxu 1.5 i IE6.

• • • • •

Nu, ispunio sam kvoru programerskih tekstova za ovaj mjesec. A sad dosta ovih zaobljenih rubova...

...odo ja proučavati jednu drugu zaobljenu stvar. Zapravo dvije. ;-)

Komentari

07.12.2006. 14:59 | 1
longvilka

...2 kom. u mjesec dana. Kak s ti vrijedan...

08.12.2006. 18:24 | 2
marra

i ovo spada pod programiranje? Piiih...

12.12.2006. 9:47 | 3
pero

Lose, lose , ti tvoji primjeri ne reagiraju na povecanje,smanjivanje fontova, sto se uobicajeno smatra kao bad practice ...

Dodaj komentar

ime *

e-mail

www

Dozvoljeni tagovi su A, B, I, U i S. e-mail adresa se nigdje neće prikazati.

Control panel

Linkovi RSS feedDnevni linkovi

  1. SQL Server App_name() function
    SQL Server tip: find out which application has modified your data.
  2. Other Android Languages
    It would be nice if you could build Android apps in other languages...
  3. Is polygamy bad for society?
    An anthropologist argues that it is as Canada considers whether having multiple wives is a constitutional right. (Salon)
  4. Spoil a photo
    Photobombs.
  5. 7 Ways to Play Internet Content in Your Living Room
    Samo sedam?
  6. JSON in Javascript
    Što je to JSON?
  7. Tawdry Tiger Tales
    America is obsessed with tigers. (slideshow @ Newsweek)
  8. Fun Ferret Facts
    Zanimljivosti o lasicama.
  9. Extreme Close-Up of the Face on Mars
    Faca na Marsu.
  10. Find the Most Time Consuming Code in your SQL Server Database
    SQL Server tip.
  11. Everyone Who Tried to Convince Me to use Vim was Wrong
    Vim editor.
  12. An Order of Seven Global Cyber-Guardians Now Hold Keys to the Internet
    7 država ima "ključeve za internet".
  13. Weirdo Toys
    Blog o neobičnim igračkama.
  14. The homeless brother I cannot save
    "A year ago, Jay traded my parents' home for the street. But the more I try to help him, the more I lose myself" (Salobn)
  15. 20 Secrets Your Waiter Won't Tell You
    20 stvari koje vam konobar neće reći.
  16. Opera Mini serves one billion pages a day
    Bravo Opera.
  17. Global Warming "Undeniable," U.S. Government Report Says
    A dobro jutro!
  18. Old Photographs Of Movie Stars
    Stare fotke poznatih faca.
  19. 15 Developer/Hacker Women to Follow on Twitter
    Twitterašice!
  20. Derby's Lara Croft Way is open for business
    Ulica Lare Croft!