Css Ar┼čivleri - SPAKSUÔäó Blog [fdx-switch-link]

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.

Devam─▒n─▒ Oku

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.

Devam─▒n─▒ Oku

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.

Devam─▒n─▒ Oku

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 : )

Devam─▒n─▒ Oku

CSS Hakk─▒nda Siteler Serisi – Seri 1

─░nternet sitesi tasarlamada g├╝n├╝m├╝zde de─čerli bir yeri olan CSS g├╝n ge├žtik├že yeniliklerle dolup ta┼č─▒yor. CSS ile yapabileceklerinizin nerdeyse s─▒n─▒r─▒ yok. Neyin ne oldu─čunu ve nerde kullan─▒lmas─▒ gerekti─čini bilmeniz yeterli. Bu─▒nu ├Â─črenmeniz i├žin bir ├žok internet sitesi mevcut. Yabanc─▒ bir sitede g├Ârd├╝─č├╝m css ile ilgili navigasyon , tekniklerinin , derslerinin ve taslaklar─▒n payla┼č─▒ld─▒─č─▒ bir ├žok siteyi listelemi┼č. Ben size eklemeler yaparak Toplamda 3 seri yaz─▒da T├╝rk├že bir ┼čekilde k─▒sa a├ž─▒klamalarla siteleri burada da listeleyece─čim. Tabiki yaz─▒n─▒n devam─▒nda;

Devam─▒n─▒ Oku

CSS ile Type ├ľnizleme ve Olu┼čturma

Css ile yaz─▒ tiplerini, boyutlar─▒n─▒, renklerini ve bir ├žok di─čer ├Âzelliklerini kontrol etmeniz, de─či┼čtirmeniz m├╝mk├╝nd├╝r. ├ľnerece─čim site bu tip de─či┼čiklikleri birebir ├Ânizlemesini ve otomatik olarak css kodlar─▒n─▒ olu┼čturman─▒z─▒ sa─člayan bir sistem i├žeriyor. Fazla s├Âze gerek yok girin ve inceleyin;

http://csstypeset.com/

┬ę 2006-2018 T├╝m haklar─▒ Spaksu Blog'a aittir.

Kullan─▒m ┼×artlar─▒ yerine getirilmeden hi├žbir ┼čekilde kopyala - yap─▒┼čt─▒r yap─▒lamaz, yaz─▒lar ve bilgiler kullan─▒lamaz.