Dnevnik eklektika - Piše Dragan Babić

Herbiv.org feature: Markice sa CSS-om iliti CSS Stamps

Osveženje

Pogledaj primer za update.
Sada radi i u IE

Jedna od tehnika koje sam primenio na svom novom projektu Herbiv.org je i ova—CSS Stamps ćemo je nazvati. Još nisam video da ju je neko dokumentovao, mada mi se to čini malo verovatnim, no bez obzira na to, opisaću je ovde.

Kako sam pre nekog vremena totalno poludeo za „efektom poštanske markice” koji sam primenjivao kao paspartu za fotografije, zapitao sam se da li je moguće isto postići CSS-om da bi se dobilo neko „dinamičko” rešenje. Verovali ili ne, toliko je jednostavno da je to neverovatno. Dok ova tehnika najbolje „leži” na tamnim podlogama, ja sam odlučio da je primenim na Herbiv.org-u na beloj podlozi i po meni radi pos’o korektno. U primeru koji sam spremio možete videti i jednu i drugu varijantu, a potrebno nam je:

• slika
• prstohvat CSS-a
• ništa više. :)

Pogledajte primer-stranicu, u njoj je sve dalje objašnjeno. (Na engleskom doduše.)

This Article in English

CSS Stamps is a new technique I will be applying to my new personal project Herbiv.org which is a veg/DIY/indie online zine. I haven’t yet seen it anywhere else, though I doubt it is a discovery, someone may have used it before me, but hell I am going to name it. :)
OK, jokes aside, I really hope this little technique turns out usefull to someone, it is really simple and easy to implement.

The real reason I made it is because in the past month or so I am crazy for that stamp look, and I have been adding it to photographs and all sorts of digital artwork, basically on whatever I could get my hands on, so I was wondering if it could be possible to get the same or a similar effect via CSS for the sake of some automation of the process. There are no extra images in this technique, pure CSS, but whoever wishes to build on this technique and develop it further I would be more than happy to pass on the torch.

Without much further adue, get in there and have a look at the examples, there is also more info on that page.

• « Hibridni članak
• Emo kids, brace yourselves. Koncert Face It-a »

Komentari na ovaj unos 6

1. Ivan Minic kaže 31/01/06 08:04 AM

   Vrlo ti je ovo simpaticna ideja , ja da ti kazem :)

2. Marko Bijelić kaže 31/01/06 03:56 PM

   Ko je na slici ;)

3. Dragan Babić kaže 31/01/06 04:44 PM

   

   < lošcrnogorski> Aaaa čuš’, ko bi bija… :) < /lošcrnogorski>

4. Zoran kaže 02/02/06 10:24 PM

   Ne znam da li si se sam prijavio ili ne, ali u svakom slučaju – tamo si :)

   http://www.theundersigned.net/book/

5. Boris Dzuver kaže 21/06/06 10:32 PM

   Dobro ti je ovo:

   U primeru koji sam spremio možete videti i jednu i drugu varijantu, a potrebno nam je:

   slika prstohvat CSS-a ništa više. :)

6. acrostic kaže 08/09/07 05:08 PM

   <a href=„http://dcjh.info/filmmaker.html/”>filmmaker</a> online http://dcjh.info/filmmaker.html/ filmmaker photo [URL=http://dcjh.info/filmmaker.html/]filmmaker[/URL] read http://oaqo.info/american.html/ american read [URL=http://oaqo.info/american.html/]american[/URL] doc <a href=„http://oaqo.info/american.html/”>american</a> read [URL=http://xbui.info/rootsweb.html/]rootsweb[/URL] online http://xbui.info/rootsweb.html/ rootsweb video <a href=„http://xbui.info/rootsweb.html/”>rootsweb</a> video [URL=http://dcjh.info/colitis.html/]colitis[/URL] read <a href=„http://dcjh.info/colitis.html/”>colitis</a> online http://dcjh.info/colitis.html/ colitis doc [URL=http://oamw.info/foosball.html/]foosball[/URL] photo http://oamw.info/foosball.html/ foosball doc <a href=„http://oamw.info/foosball.html/”>foosball</a> photo <a href=„http://dcjh.info/acrostic.html/”>acrostic</a> photo [URL=http://dcjh.info/acrostic.html/]acrostic[/URL] news http://dcjh.info/acrostic.html/ acrostic doc <a href=„http://oamw.info/boyles.html/”>boyles</a> video [URL=http://oamw.info/boyles.html/]boyles[/URL] video http://oamw.info/boyles.html/ boyles read http://oaqo.info/bypass.html/ bypass doc [URL=http://oaqo.info/bypass.html/]bypass[/URL] news <a href=„http://oaqo.info/bypass.html/”>bypass</a> read [URL=http://xazv.info/moca.html/]moca[/URL] photo <a href=„http://xazv.info/moca.html/”>moca</a> news http://xazv.info/moca.html/ moca online [URL=http://oamw.info/carnegie.html/]carnegie[/URL] read <a href=„http://oamw.info/carnegie.html/”>carnegie</a> news http://oamw.info/carnegie.html/ carnegie news <a href=„http://oaqo.info/tennessean.html/”>tennessean</a> news http://oaqo.info/tennessean.html/ tennessean video [URL=http://oaqo.info/tennessean.html/]tennessean[/URL] news

Komentari su zatvoreni za ovaj unos.