CSS Tab Designer ile Güzel Menüler

CSS Tab Designer
CSS Tab Designer programı css tabanlı menü ya da bağlantı listeleri yapımında kullanabileceğiniz, içerisinde 60 dan fazla görsel stil barındıran bir program. Hiç bir css, dizayn veya programlama bilgisi gerektirmeyen bu yazılım tab menülerinizi veya bağlantı listelerinizi istediğiniz şekilde biçimlendirmenize olanak tanıyor. Kullanımı oldukça kolay olan program ücretsiz dağıtılıyor.

Programı kurup çalıştırdığınızda üç ana bölümden oluştuğunu göreceksiniz. Soldan başlayarak anlatırsak; Items başlıklı ilk bölüm menünüzde yer alacak elemanları tanımladığınız, bunların sırasını ve tıklandığında çağrılacak bağlantıları girdiğiniz bölüm. Dilerseniz alttaki Tasks bölümünden Fill with Samples seçeneği ile bu kısmı otomatik oluşturabilirsiniz. İkinci bölüm Tab Styles da Wordpress temamıza uygun bir stil seçiyoruz, WP olması şart değil tabiki, herhangi bir html tasarımında da bu oluşturduğunuz menüyü rahatlıkla kullanabilirsiniz. Üçüncü bölüm Preview ise yaptığınız menü ya da listeyi görebileceğiniz bir önizleme bölümü ve dilerseniz kodları da görebileceğiniz Code bölümü bulunmakta. Kullandığınız browserda nasıl göründüğünü öğrenmek isterseniz ilk kısımdaki Tasks bölümünden External Preview ‘a tıklamanız gerekecek.

Menü ya da bağlantı listenizi oluşturduktan sonra üstte bulunan Generate HTML butonuna tıklayarak html dosyanızı oluşturabilirsiniz. Dosyayı kaydettiğiniz klasör içerisine aynı zaman da menü için kullanılan grafik dosyası da eklenecektir. CSS kodları bu html dosyasında yeralmaktadır, wordpresste kullanmak isterseniz html dosyasındaki
<style type=”text/css”> <!– arasındaki kısımları–></style>
kopyalayarak kendi temanızın CSS dosyasına ekleyebilirsiniz. Programı aşağıdaki linkten indirerek kurabilirsiniz.

http://www.highdots.com/download.html

Eğer bu yazımı beğendiyseniz, RSS kullanarak tüm yeni yazılarımdan kolaylıkla haberdar olabilirsiniz. Gmail hesabınız varsa burası ve tüm beğendiğiniz siteler için Google Reader sistemini kullanabilirsiniz.

Henüz yorum yok

  1. Aydın diyor ki:

    Gerçekten faydalı bir programa benziyor. Gördüğüm kadarıyla tab kullanımı yeni sayfanın açılmasını da hızlandırıyor. Deneyip görücez. Teşekkürler.

  2. Gürcan SERBEST diyor ki:

    Merhabalar Hakki Bey.

    Tekrar rahatsız ediyorum kusura bakmayın. Google ve MYNET Reklam programına kayıt oldum. Size bir fikir danışacağım.

    Google 480 * 60 reklamlarını her yazının altına otomatik eklemek istiyorum. Share – This eklentisini düzenledim ama oda sadece ilk 3 yazının altında gösteriyor.

    Her yazının altına google 480 * 60 reklam kodumu nasıl otomatik olarak ekleyebilirim. Öneriniz ne olur.

    Saygılarımla

  3. Hakan diyor ki:

    güzel birşeye benziyor.
    Teşekkürler Hakkı bey.

  4. Tahir BAL diyor ki:

    Çok Güzel Yazı olmuş Ellerinize sağlık Hakkı Bey,

  5. nurettin diyor ki:

    Teşekkurler ;)

  6. Uğur diyor ki:

    Ne kadar uğraşsamda kodları bir türlü tema’nın css dosyasına entegre edemedim.Menu görünmüyor.Yardımcı olursanız sevinirim.

  7. HC diyor ki:

    Uğur, hangi temayı kullandığını ve sayfanın adresini belirtirsen belki yardımım dokunur..

  8. asil diyor ki:

    az pişmiş temasını baya bi değiştirmiş kullanıyordum ancak hem css menü denemek hemde değişklik olsun diye yeni temaya geçtim arşiv’i de yaptım ancak sitede bazı turkce karakterler ve arsivdeki sayılar gözükmüyor bi bakarsanız belki yardımınız olabilir karakter UFT-8 seçili ben bi şey göremedim ama bilmiyorum artık .. http://www.perspecthieff.com/blog/?page_id=270

  9. eylultoprak diyor ki:

    merhaba;

    Wordpress kullanıyorum.. Akortion şeklinde menuler yapmak istiyorum..

    Dmry sayfa sayaç eklentisini kullanıyorum.. db çekiyor tabi ama bir türlü akordion menulere uygulayamadım.. db çektiği için olabilir mi?

    yada bir fikir ürete bilir misiniz..

  10. HC diyor ki:

    Merhaba
    Akordiyon şeklinde menulerden kastınız tam olarak nedir, örnek bir sayfa verebilir misiniz?

  11. HC diyor ki:

    http://www.perspecthieff.com ‘a baktım da Türkçe karakter sorunu yok gibi ama garip birşeyler var kullanılan script ya da eklentilerle ilgili olabilir, arşiv sayfasındaki başlıklar zemin rengi ile aynı olduğundan görünmüyor. Sayfayı açıp CTRL+A yaparsanız yazıların orada olduğunu göreceksiniz. Sayılardan kastınız

  12. eylultoprak diyor ki:

    ajax tab menu ile işimi gördüm :)

    biraz zor oldu ama oldu sizin bu tab geçişlerindeki sorunu çözme makalenizi buldum googledan :)

    ondan sonra geliştirmeye başladım.. şimdi http://www.eylulgunesi.com bakarak göre bilirsinzi..

    akordiona gerek kalmadı ajax tab menu daha güzel.

    css ve php biraz uğraştırsada düzeldi.. :)

  13. HC diyor ki:

    çözdüğüne sevindim..

  14. casper diyor ki:

    Hakkı bey;
    Ben acemi biriyim.. CSS Tab programi ile bir şablon oluşturdum. Ancak bunu sayfaya atamıyorum. sitemde baska siteye ait link düğmeleri var.. ne yaptımsa onlardan kurtulamıyorum (değiştirmem gerek çünkü ingilizce ve hedef sayfa ile alakası olmayan başlıklar içeriyor).. sizden ricam sitemi ziyaret edip bir ornek verirseniz gerisini yapacağıma inanıyorum.

    Yardımlarınız için çok çok teşekkürler SAYGILAR

    *mail MSN adresimdir





Son Fotoğraflarım

20091121128BK
20090919380BSK
20091114055BSK
20090919105BSK
20081025386BK
20081208211BK
20090808036BK
20080524040BK
20091114015BSK
20090919161BSK
20090919157BSK
20090919191BSK