CSS ile resimlerin k├Â┼čelerini yuvarlat─▒n (imajs─▒z)

CSS son zamanlarda ├Âyle geli┼čti ki baz─▒ ki┼čiler sadece CSS3 kullanarak animasyonlu banner bile haz─▒rlamaya ba┼člad─▒lar. Taray─▒c─▒lar ise bu ├ž─▒lg─▒nl─▒─ča ayak uydurmaya ├žal─▒┼č─▒yorlar. Neyse konumuza d├Ânecek olursak blog i├žerisinde kulland─▒─č─▒m bir kod yap─▒s─▒ ile herhangi bir imaj kullanmadan sitenizdeki t├╝m resimlerin k├Â┼čelerini istedi─činiz derecede yuvarlatabilirsiniz.

Okumaya devam…

Javascript Css stil de─či┼čtirici haz─▒rlamak

Bir ├Ânceki yaz─▒mda size s├Âz verdi─čim gibi beraber javascript yard─▒m─▒ ile css stil de─či┼čtirici haz─▒rlayaca─č─▒z. Ancak e─čer css konusunda bilgi sahibi de─čilseniz l├╝tfen uzman biri yard─▒m─▒ ile haz─▒rlaman─▒z─▒ yap─▒n─▒z. Yapaca─č─▒n─▒z hata sitenizde de─či┼čik bozulmalara neden olabilir. Yaz─▒n─▒n devam─▒nda anlatt─▒─č─▒m css stil de─či┼čtiri haz─▒rlama yabanc─▒ bir siteden T├╝rk├žeye ├ževirilmi┼č halidir.

Okumaya devam…

Css stil de─či┼čtiriciler (style switchers)

Genelde yabanc─▒ sitelerde kullan─▒lan ve “style switcher” diye adland─▒r─▒lan stil de─či┼čtiriciler ├╝lkemizde pek kullan─▒lan bir ├Âzellik de─čildir. Sitelerinizde birden fazla stil dosyas─▒ aras─▒nda ge├ži┼čleri kolay haz─▒rlanan bir buton sayesinde kullan─▒c─▒lar─▒n sitede farkl─▒ stillerde gezmesini sa─člayabilirsiniz. ├ľrnek olarak ben 2 adet daha fakl─▒ stil haz─▒rlad─▒m ve solda firefox reklam─▒n─▒n alt─▒na 3 adet ufak de─či┼čtirici ekledim. Bu sayede siteyi 3 farkl─▒ renkte kullanabileceksiniz. Smashing Magazine sitesi bu konuyada el atm─▒┼č ve bu tarz daha profesyonel olarak haz─▒rlanan siteleri listelemi┼č.. Birka├ž g├╝n i├žinde sizinde kendi sitenize stil de─či┼čtirici eklemenizi sa─člayacak bir yaz─▒ ile en basit yolunu anlataca─č─▒m. ┼×imdilik altta verdi─čim sitede listeyi inceleyin ve bu sistemle neler yapabilece─činizi d├╝┼č├╝n├╝n.

http://www.smashingmagazine.com/2008/06/05/…/

CSS Hakk─▒nda Siteler Serisi – Seri 3

Css hakk─▒nda siteler serisine kald─▒─č─▒m─▒z yerden devam ediyoruz. Bir ├Ânceki iki seride Css diyagramlar─▒ , bar (├žubuk) grafikleri , y─▒ld─▒z bi├žimli oylama sistemlerini , css formlar─▒n─▒ ve bir ├žok css sitesinin yay─▒nland─▒─č─▒ galeri (showcase) sitelerini , CSS Resim haritalar─▒ , Fotograf galerileri ve baz─▒ scriptler , CSS Yerle┼čim Temalar─▒ (TemplateÔÇÖler) , LightboxÔÇÖlar , CSS Listeleme , Navigasyon , Menuler hakk─▒nda bir ├žok site vermi┼čtik. Bunlar─▒n d─▒┼č─▒nda bu son seride baz─▒ kullan─▒┼čl─▒ script tarz─▒nda kodlamalar , css tablolar─▒n olu┼čumu ve bir ├žok css t├╝yolar─▒n bulundu─ču siteleri yaz─▒n─▒n devam─▒nda verece─čim.

Okumaya devam…

CSS Hakk─▒nda Siteler Serisi – Seri 2

Css’nin internet sitesi tasar─▒m─▒nda ├Ânemli bir yeri oldu─čunu ve g├╝n ge├žtik├že geli┼čti─čini , Css diyagramlar─▒ , bar (├žubuk) grafikleri , y─▒ld─▒z bi├žimli oylama sistemlerini , css formlar─▒n─▒ ve bir ├žok css sitesinin yay─▒nland─▒─č─▒ galeri (showcase) sitelerini bir ├Ânceki yaz─▒da belirtmi┼čtim. Css hakk─▒nda siteler serisinin ikinci serisinde daha ├žok imaj , tema ve teknikleri hakk─▒nda siteleri k─▒saca T├╝rk├že bir ┼čekilde tan─▒taca─č─▒m . Bu gidi┼čle ├╝├ž seri olaca─č─▒n─▒ s├Âyledi─čim bu seri d├Ârde kadar uzar. Yaz─▒n─▒n devam─▒nda siteleri bulabilirsiniz. ─░ddia ediyorum bunlar ├žok i┼činize yarayacaklar : )

Okumaya devam…