bildirgec.org - chinar - beğendikleri

PHP RSS Reader İle Haber Siteniz Olsun!

chinar — Mon, 01 Mar 2010 15:18:00 GMT

PHP RSS Reader, içeriğini Web aleminin en yaygın içerik paylaşım yöntemi olan Beslemelerden (Feed/Rss/Atom) alan ve haberleri/içeriği otomatik olarak güncellenebilen bir haber sitesi hazırlayabilmeniz için geliştirilmiş bir uygulama.

MySQL veritabanını kullanan, PHP hazırlanmış bir Besleme okuyucu olan PHP RSS Reader'ın kullanıcılarına sunduğu Yönetim Paneli aracılığı ile beslemeler, kategorilendirme ve Favicon ekleme gibi özelliklere değerler girilerek eklenebilmekte.

PHP RSS Reader'ın sunduğu diğer özellikler ise;

Anahtar kelimeler ile kategoleştirebilme,
Arama motorları ile uyumlu URL adresleri oluşturabilme,

Besleme kaynaklarının faviconlarını kullanabilme,
Google Analytics entegrasyonu,
CSS kullanabilme,

gibi birçok özelliği bulunmakta.

PHP RSS Reader'ın, anahtar kelimeler ile kategorileştime ve sınırsız alt kategoriler gibi özelliklerin bulunmadığı ücretsiz versiyonu ile tek bir alanadı altında kullanabilmek için 97$ ödemeniz gereken ücretli versiyonu bulunmakta.

PHP RSS Reader'ın tr demosuna buradan, ücretsiz versiyonuna buradan ve ücretli versiyonlarına da buradan ulaşabilirsiniz.

Bonus+++:
+Top 10 Torrent Sites Soon Without Mininova

+30 Adet Göz Dolduran Javascript Menü ve Kodu
+jQuery ve CSS ile Page Peel Effect'i

Kaynak: PHP RSS Reader
Paylaş: Sosyal Medya paylaşım sayfası burada!
algoz Takip Noktaları:
Blog FriendFeed Twitter Facebook E-posta RSS Mobil iPhone

Bu yazı chinar tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

WP kullanıcıları için faydalı facebook eklentileri

chinar — Thu, 03 Dec 2009 14:57:00 GMT

Facebook günümüzde en popüler sosyal ağlar arasında zirvede sayılır.

Blog yazarları (wordpress kullananlar) için faydalı birkaç eklentiyi tanıtmaya çalışacağım.

1) Add To Facebook

Yazdığınız yazıların altında yazıyı facebook'a ekle şeklinde buton oluşturarak yazılarınızı facebook'ta paylaşmanızı sağlar.

Facebook'a ekle

2) Facebook Dashboard Widget

Eklenti sayesinde facebook'ta neler olup bitmiş hesabınıza giriş yapmadan, wordpress'in widget özelliğinden faydalanarak haberiniz olabilecek.

Facebook Dashboard Widget

3) JanRain RPX

Eklenti wordpress sitenize Facebook, Google, Yahoo, Twitter, MySpaceID, AOL, Windows Live ID ve OpenID ile giriş yapma olanağı sağlar. Böylece kullanıcılarınız yazılarınıza yukarda saydığımız hesaplarla giriş yapıp yorum yapabilecek.

JanRain RPX

4) Wordbook

Eklenti facebook profilinizdeki olan bitenleri mini-feed güncellemeleri ile blog'unuzda görmenizi sağlar.

Wordbook

5) Facebook/Twitter Status Updater

Facebook/Twitter Status Updater

Resim 1 | Resim 2

6) Facebook Fan box

Bu eklenti ile wp sitenize facebook fan sayfaları eklemenizi sağlar. Fan sayfaları wordpress'in widget özelliği kullanılarak yayınlanır. Gerekli olanlar; facebook, benzersiz API anahtarı, profil numarası.

Facebook Fan Box

Bu yazı chinar tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

GMail'den Diğer E-Posta Hesaplarınızı Yönetin, Gönderin-Alın

chinar — Tue, 15 Sep 2009 11:24:00 GMT

Gmail günden güne artan depolama alanıyla yeni hizmetleriyle pazar payını gün geçtikçe artırmakta gönülleri fethetmekte.

Gmail internet kullanıcılarına o kadar pratik geldi ki yıllardır kullanılan mail adreslerinden vazgeçilip gmail hesapları edinilmeye başlandı. Hesaplarından vazgeçemeyenler ya da diğer hesaplarını da gmail üzerinden yönetmek için gmail pop3 desteğiyle diğer mail adreslerinizden de mail gönderip, mail almamızı sağlıyor.

1- Ayarlar Sekmesine Gelin
Sağ üst köşede bulunan, ayarlar sekmesine tıklayarak hesabınızın üst düzey yönetim alanına geçiyoruz.

2- Hesaplar ve İçe Aktarım İşlemleri

Ayarlar'dan Hesaplar ve içe aktarım işlemleri sekmesine tıklıyoruz. oradan pop3 hesabı ekle diyoruz.

3- E-Posta Tanımlama

Tanımlamak istediğimiz e-posta hesabımızı buraya yazıyoruz. xxx@yyy.com gibi uzantı olabileceği gibi hotmail, yahoo, aol gibi e-posta servislerinin de mail adreslerini burada kullanabiliriz.

Bu noktada mail hesabımızın kullanıcı adı, şifre ve pop3 adresini giriyoruz. Alttaki seçeneklerden de detay ayarları yapabiliriz.

4- Gönderen Mail Tanımlama
Gerekli bilgiler doğruysa artık tanımladığımız adresten e-posta almaya başlamış oluyoruz. Yine Gmail kullanarak bu adres üzerinden mail göndermek için aşağıdaki yönergeleri takip etmemiz gerekiyor.

"Göndermek istiyorum" seçeneğinden sonra sonraki adım diyoruz.

Ardından gönderdiğimiz maillerde görünmesini istediğimiz ismi giriyoruz.

Kolay olan "gmail üzerinden gönder" diyerek devam ediyoruz.

Doğrulama kodumuz mail adresimize ulaşmış olmalı. Zaten artık e-postalarımız Gmail'e de geleceği için buraya gelmesini bekleyip, gerekli kodu bir sonraki sorguya girdiğimizde artık bu adresten e-posta gönderme yetisine de sahip oluyoruz.

not: gelen mailler pop3 sunucu güncellemesine göre 15dk gibi bir sürede kontrol edilip gmail'e düşüyor.

Bu yazı chinar tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Wordpress İçin 25+ Ücretsiz Profesyonel Dergi Teması

chinar — Thu, 20 Aug 2009 10:04:00 GMT

Çok popüler bir blog sistemi olan wordpress, birçok tema ile kullanıcılara çok geniş bir tasarım imkanı sunuyor. Bu yazıda wordpress için profesyonel dergi temalarına ulaşabilirsiniz.

1. Zherald [Test] [İndir]

2. Yamidoo [Test] [İndir]

3. Magazeen [Test] [İndir]

4. NewsWeek [Test] [İndir]

5. Magazine Basic [Test] [İndir]

6. Forex Press [Test] [İndir]

7. Monochrome [Test] [İndir]

8. Hybrid News [Test] [İndir]

9. IndoMagz [Test] [İndir]

10. Night Whimsy Theme [Test] [İndir]

11. Casino Mag [Test] [İndir]

12. Wp Boxed Tech [Test] [İndir]

13. Falkner Press [Test] [İndir]

14. Live Auto Blog [Test] [İndir]

15. Art Full Magazine [Test] [İndir]

16. Basic 2.0 Theme [Test] [İndir]

17. IsoTherm [Test] [İndir]

18. AlivaPress Theme [Test] [İndir]

19. Potrika [Test] [İndir]

20. Happy Music Magazine [Test] [İndir]

21. Danzur Elite [Test] [İndir]

22. Guzel Magazine [Test] [İndir]

23. Smooth News WP Magazine [Test] [İndir]

24. Massive Press [Test] [İndir]

25. Grungezine [Test] [İndir]

26. The Star [Test] [İndir]

ayrıca aşağıdaki yazılarda ilginizi çekebilir.

Wordpress Kullanan 15 Etkileyici ve Güzel Site

20 En İyi Wordpress Eklentisi (Nisan 2009)

100+ Hayrete Düşürücü Ücretsiz Wordpress Teması (2009)

10 İnanılmaz Yararlı Wordpress 2.8 Dersi

20 Çok Güzel Ücretsiz Wordpress Teması

30 Çok Kullanışlı Wordpress Eklentisi (Mayıs 2009)

Wordpress İçin 35 Güzel Yaz Mevsimi Teması

En İyi 30+ Wordpress Eklentisi (Haziran 2009)

kaynak: colorburned.com | w3mag.com

yazılarımı takip edebilirsiniz.

blog | twitter | friendfeed | delicious | rss

Bu yazı chinar tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

20 Çok Güzel Ücretsiz Wordpress Teması

chinar — Tue, 16 Jun 2009 07:21:00 GMT

Birçok ücretsiz wordpress teması bulunuyor. Size faydalı olabilecek birbirinden güzel 20 wordpress temasına aşağıdan ulaşabilirsiniz.

1. magazeen

test | indir | döküman

2. yoghourt

test | indir | döküman

3. modicus remix

test | indir | döküman

4. insic wp

test | indir | döküman

5. aspire

test | indir | döküman

6. premium news

test | indir | döküman

7. irresistable

test | indir | döküman

8. snapshot

test | indir | döküman

9. gallery

test | indir | döküman

10. imprezz

test | indir | döküman

11. pixel

test | indir | döküman

12. strange little town

test | indir | döküman

13. strange little town

test | indir | döküman

14. color paper

test | indir | döküman

15. infinity

test | indir | döküman

16. outdoorsy

test | indir | döküman

17. vintage and blues

test | indir | döküman

18. notepad chaos

test | indir | döküman

19. wordpress fun

test | indir | döküman

20. wp premium

test | indir | döküman

ayrıca aşağıdaki yazılarda ilginizi çekebilir.

Wordpress kullanan 15 etkileyici ve güzel site

20 en iyi wordpress eklentisi (nisan 2009)

100+ hayrete düşürücü ücretsiz wordpress teması (2009)

kaynak: 10steps.sg

Bu yazı chinar tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

öğrenilesi birkaç photoshop tekniği

chinar — Wed, 05 Aug 2009 15:54:00 GMT

Photoshop'ta birkaç basit ama kullanışlı teknik

bazı photoshop teknikleri

bu yazıda da photoshop kullanırken kullanmaktan zevk alabileceğiniz birkaç teknik hakkında bilgi vermeye çalışacağım. Kullanılan tekniklerin basit ama kaliteli olmasına dikkat etmeye çalıştım ki sadece bu işle profesyonel olarak ilgilenenler değil herkes kullanabilsin. İşte o teknikler:

# geometrik şekilli yazı yazmak:
bazen yazılarınızı belli bir geometrik sınırlama içerisine hapsetmek veya sadece çizdiğiniz bir şeklin içerisine yerleştirmek isteyebilirsiniz. Çok basit olan o yöntem şu şekilde:
şeklinizi (kare, daire vs) seçin ve araç seçenekleri(tool options) panelinden “paths” seçeneğini işaretleyin.

araç seçeneklerinde paths seçeneği

şeklinizi istediğiniz yere çizin ve yazı aracınızı seçip az önce çizdiğiniz şeklin üstüne, yazmaya başlamak için tıklayın. Yazmaya başladığınız zaman yazınız otomatik olarak yerleşecek ve az önce çizdiğiniz şekil ile sınırlı kalacaktır. İşiniz bittiğinde de şekil kaybolacak ve ortaya sadece o şekli almış olan yazınız çıkacaktır.

konuşma balonu şeklindeki yazı

# ok işareti:
en çok kullanılan şekillerden biri olmasına rağmen ok işaretinin de photoshop ile nasıl çizildiği konusunda birçok kişinin fikri yoktur genelde.(hazır şekillerde bile var diyenler olacaktır, hatırlatalım o ok işaretlerinin çizgisi ile ucundaki okun uzunluklarını dengeleyemiyorsunuz. yani uzun bir ok çizdiğinizde uzun ve geniş bir de ucu oluyor vs. vs.) Şöyle ki; araç panelimizden geometrik şekillerimizin çizim aracının üzerinde fareyi basılı tutarak veya şekil aracına tıklayıp araç seçeneklerinden seçim yaparak çizgi (line) aracımızı seçiyoruz. Şekillerin hepsinin olduğu gibi çizgi(line) aracının da seçenekleri olacaktır muhakkak ki var. araç seçenekleri panelinde şekilerimizin sonunda gizlenmiş duran geometry options açılır penceresine tıklıyoruz ve karşımıza ok işareti seçenekleri çıkıyor.

ok işareti seçenek penceresi

buradan ok işaretimizle ilgili seçimlerimizi yaparak çizimimizi yapmamız yeterli.

ok işareti kullanımı örneği

# gerçekçi gölgeler ve yansıma:
"photoshop ile gölge yapmaya ne gerek var" dediğinizi duyar gibiyim. Evet çok kolay ama biz biraz da perspektifi olan gölgelere bakacağız. Öncelikle gölgesini oluşturacağımız nesneyi arkaplan(background) katmanında değil ikinci bir katmanda oluşturuyoruz veya ikinci bir katmana kopyalıyoruz. (katmanlarla ilgili kısayol tuş kombinasyonları için buraya bakabilirsiniz.)

yeni katman(layer) ekleme

resme normal photoshop efektleriyle gölge veriyoruz. (Bilmeyenler için not: nesnenin olduğu katmana çift tıklarsanız efekt penceresi açılacaktır, bu pencerede drop shadow sekmesi gölge vermenize olanak sağlar.)

efekt penceresi

gölge (drop shadow) efekti

şimdi gölgemizle resmimizi ayırmamız gerekiyor. İşte az bilinen bir ipucu: efekt verdiğiniz nesnemizin katman isminin yanında o katmanda efekt kullanıldığına dair bir işaret çıkar.
eğer bu işarete sağ tıklayıp create layer seçerseniz efekt ile nesneyi ayrı katmanlara ayırırsınız ki biz de böyle yapıyoruz.

katmanda efekt işareti

ayırdığımız gölgemizin katmanını ve sonra da transform aracımızı seçerek (kısaca “v” tuşuna basın) gölgemizin boyunu biraz kısaltıyoruz çünkü malum gölgemiz yerde olacak.

boyu kısaltılan gölge

ve ctrl farenin sol tuşuyla transform noktalarından üst ortadakini yana doğru çekerek gölgemize yatay bir görüntü veriyoruz.

yatay konumdaki gölge

son olarak gölgemizin koyuluğunu katman(layer) panelinden opacity ile ayarlayıp gölgemizi istediğimiz pozisyona yerleştirirsek gerçeğinden pek farkı kalmayacaktır.

resmimizin son şekli

yansıma konusunda da hemen hemen benzer bir teknik kullanabiliriz. arkaplan (background) katmanından ayrı oluşturup nesnemizi yerleştirdiğimiz katmanı çoğaltıyoruz (duplicate). bu katman seçili iken transform aracımızı seçiyoruz ve üst orta şekillendirme noktasından tuttuğumuz nesneyi tersine dönecek kadar aşağıya sürüklüyoruz.

yansımanın şekli

ve resmimizin üzerine aşağıdaki şekilde bir gradient uygulaması yapıyoruz.

katman stil penceresi

gradient overlay

son olarak aynen gölgemizin koyuluğunu ayarladığımız gibi bunda da yansımanın netliğini ayarlamak için katman panelinden opacity ayarını düşürüyoruz(%15 iyi gibi).

yansıma

ve basitçe yapabileceğiniz profesyonel olmayan yansıma efektimiz bitti. (profesyonelseniz zaten bunun binbir yolunu biliyorsunuzdur muhtemelen. isterseniz yorumlarda açıklayıp hepimizi aydınlatırsınız.) Sürç-i klavye ettik ise affola...devam ederiz inşallah vakit buldukça...

photoshop çalışmalarınızda faydalı olması açısından kısayolları , pratik ipuçlarını, bazı efekt ve fotoğraf düzenleme yazılarını da okumanız yararlı olacaktır.

Bu yazı chinar tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Modern Tasarımlar İçin Ücretsiz Fontlar

chinar — Sat, 01 Aug 2009 14:43:00 GMT

Sifr teknolojisini kullanarak istediğimiz yazıtipini (font) sitelerimizde kullanabiliyoruz. Grafik tasarımıyla ilgileniyorsanız ise aşağıda vereceğim ücretsiz yazıtipleri işinize yarayacaktır.

1. sansation typeface

2. fertigo pro typeface

3. megalopolis extra typeface

4. walkway typeface

5. nadia serif typeface

6. modeno font

7. m+ outline typeface

8. fontin sans typeface

9. diavlo typeface

10. museo typeface

11. gentium typeface

12. delicious typeface

13. junction typeface

14. cartogothic std typeface

15. anivers typeface

16. medio typeface

17. birra stout typeface

18. rezland typeface

19. often typeface

20. engel light typeface

21. contra typeface

22. nilland typeface

23. calluna typeface

24. quicksand typeface

25. mentone typeface

26. vegur typeface

27. swansea typeface

28. geosans light typeface

29. com4t nuvu regular typeface

30. steiner typeface

31. chunk typeface

32. aller sans typeface

33. juvelo typeface

34. goudy bookletter 1911 typeface

35. temporarium typeface

36. bellerose typeface

37. ambrosia demo typeface

38. surrounding typeface

39. circled typeface

40. nevis typeface

41. zephyr typeface

42. advent pro typeface

43. serifbeta typeface

44. evolution true type font

45. sliced ab typeface

46. technical forest v2 typeface

47. alte haas grotesk typeface

48. comfortaa typeface

49. mod™ font

50. whiteboard modern typeface

51. neighbourhood type

52. soraya font by justmytype

kaynak

Bu yazı chinar tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

hazır setlerin photoshop'a yüklenmesi

chinar — Mon, 03 Aug 2009 13:33:00 GMT

photoshop'a stil ve fırça setleri gibi hazır araçların yüklenmesi

stil vs. setlerin photoshop'a yüklenmesi

bildiğiniz ve gördüğünüz üzere burada hergün en az birkaç tane photoshop stil, fırça veya desen(pattern) seti yayınlanıyor. yararlanan kişiler için kaçırılmayacak yazılar olan bu listelerde yer alan linklere gidildiğinde bir indirme penceresiyle karşılaşılmakta. bu eklentileri indiren ve photoshop ile fazlaca haşır neşir olmamış arkadaşların yazıların yorumlarında bu setleri nasıl entegre edecekleri konusunda yardım istediklerini farkettim. bu liste bildirilerin bazılarında her ne kadar yayınlayan yazar arkadaşlar konu ile alakalı kısaca bilgilendirme yapmış olsalar da, ayrıca bir başlık altında yine kısaca bir anlatım olursa bilmeyen ve öğrenmek isteyen kişiler tarafından aramalarda vs. kolayca bulunup yararlanılabileceğini düşündüm. zaten çok basit olan yükleme işi şu adımlardan oluşuyor:

# indirdiğimiz belgeyi uygun yere taşıma:
öncelikle indirdiğimiz seti sistemimizde uygun yerine taşımamız gerekiyor. o uygun yer de tabii ki photoshop programımızın yüklü olduğu yer. o yer de muhtemelen şu şekildedir: program files klasörü içinde adobe, onun içinde photoshop progmanının bulunduğu klasör, ve onun içinde de bizim bütün setlerimizi yükleyeceğimiz yer olan presets klasörü.

indirdiğimiz ve yüklemek istediğimiz set ne ise presets klasörü içinde uygun olan klasöre (fırça ise brushes, desen ise patterns, stil ise styles içine) kopyalıyoruz.

program files içinde adobe klasörü

adobe içinde photoshop klasörü

photoshop içinde presets klasörü

kopyalama işlemi bittiktesn sonra sıra geliyor photoshop'a yükleme işlemine:

# setlerin photoshop'a yüklenmesi:
programımız içerisinde edit açılır sekmesinden preset manager seçerek preset manager (hazır eklenti yöneticisi) penceresini açıyoruz.

edit sekmesinde preset manager

açılan pencerede preset type açılır sekmesinden yüklemek istediğimiz setin tipini seçiyoruz ve load butonuna tıklıyoruz. açılacak olan pencereden az önce program içine kopyaladığımız seti seçerek (sete çift tıklamak veya seçip load butonuna tıklamak yeterli) döndüğümüz preset manager penceresinde done butonuna tıklayarak yükleme işlemimizi bitirmiş oluyoruz.

preset manager

işte bu kadar! artık kullanacağımız aracı seçtiğimizde yüklediğimiz setler hazır.

photoshop'ta pratikleşmek adına bu ve bu yazılar da yararlı olacaktır.
diğer yazılarım

Bu yazı chinar tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Yuvarlak Köşeli Linkler

chinar — Mon, 29 Jun 2009 13:08:00 GMT

Bildirgec'de daha önce şu yazıda css round ile yuvarlak köşeli kutucuklar hazırlanmasından bahsedilmişti.

CSS Round ile kutucuk yapma

Yazıyı çevreleyen yuvarlak köşeli bloklar oluşturmadan farklı olarak genellikle tablarda gördüğümüz üzerine gelince değişen yuvarlak köşeli linkler oluşturmak istersek şu CSS kodları kullanılabilir.

1. HTML içinde şu DIV'i yazın:

<div id="navigation"><a href="#">redingot.bildirgec.org</a></div>

2. CSS içinde şu kodları yazın:

#navigation a
{
color: #000;
background: #ffa20c;
text-decoration: none
}

3. Görünümünüz şu şekilde olacak:

Köşeli CSS

4. Sol kenar resmini yükleyin:

Sol Kenar

5. CSS'de değişiklik yapın:

#navigation a
{
color: #000;
background: #ffa20c url(left-tab.gif) left top no-repeat;
text-decoration: none
}

6. Görünümünüz şu şekilde olacak:

Yuvarlak Sol Kenar

7. Şimdi solda gördüğümüz taşmayı önleyelim. Kaydırma yapalım:

#navigation a
{
color: #000;
background: #ffa20c url(left-tab.gif) left top no-repeat;
text-decoration: none;
padding-left: 10px
}

8. Yeni görünüm şu şekilde olacak:

Yuvarlak ve Ötelenmiş Sol Kenar

9. Şimdi tab linkimizin sağ tarafının yuvarlaklaştırılmasına gelelim:

<div id="navigation"><a href="#"><span>redingot.bildirgec.org</span></a></div>

10. Sağ kenar resmini yükleyin:

Sağ Kenar

11. Eklenen span elementi için CSS:

#navigation a span
{
background: url(right-tab.gif) right top no-repeat;
}

12. Sağ kenar için de öteleme yapalım:

#navigation a span
{
background: url(right-tab.gif) right top no-repeat;
padding-right: 10px
}

13. Linkin görüntüsü:

CSS Rounded Corners

14. Üzerine gelince kenarlar:

Sol Kenar - üzerine gelince

Sağ Kenar - üzerine gelince

15. Üzerine gelince linkin görüntüsü:

Hover effect

16. Bunun olması için eklenmesi gereken CSS:

#navigation a:hover {
color: #fff;
background: #781351 url(left-tab-hover.gif) left top no-repeat;
padding-left: 10px
}

#navigation a:hover span
{
background: url(right-tab-hover.gif) right top no-repeat;
padding-right: 10px
}

Böylece gezinti (navigasyon) bölümümüz için tablar oluşturabiliriz. Kenar resimleri değiştirilerek tamamen yuvarlak köşeli linkler de yapılabilir.

Bu tarz menüler ve linkler için resimler kullanmak yerine CSS'e başvurmak birçok açıdan faydalıdır.

Resimler oluşturup dosyada tutmaktan kurtuluruz.
Üzerine gelinince resim değiştirme olayından kurtuluruz.
En önemli bir nokta da sayfanın boyutlandırılması siteyi kullanan kişi tarafından değiştirilince yazılarda boyut değişimi olurken resimlerde bu olmamaktadır. Zaten resimde boyut değişimi olursa da resimin görünüm kalitesi bozulmaktadır. İşte burada yapılan büyütme ve küçültmeler CSS ile oluşturduğumuz linklerin orijinalliğini kaybetmeden büyüyüp küçülmesini sağlamaktadır.

Bu yazının hazırlanmasında bu yazıdan faydalanılmıştır.

Bu yazı chinar tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

En iyi 10 Blogger Teması

chinar — Fri, 09 Jan 2009 19:22:00 GMT

Bildiğiniz gibi ülkemizde son zamanlarda forumların yerini yavaş yavaş bloglar almakta. bunun için de site sahipleri en kullanışlı iki blog üzerinde durmakta. Bunlardan biri wordpress diğeri ise Blogger. Blogger gerek google ile olan bağlantısı gerekse kolay yayın yapma ekstraları ile pek çok blogcu arkadaşımızın gözdesi olmuş durumda. İçerik dışında webmasterler görünüme de dikkat etmekteler. bu sayede kullanıcı sayılarını artırmaktalar. Bu yüzden bu yazıda kullanılabilcek en güzel blooger temalarını paylaşmak istedim. Örnek olarak şu temalar verilebilir:

1.Widgetlike

2.Monochrome

3.Grunge Superstar

4.BluePigment

5. Envision

6. VectorLover