CSS Tab Designer ile Güzel Menüler

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.
Bu yazımı beğendiyseniz, RSS ile yeni yazılarımdan haberdar olabilirsiniz. Gmail hesabınız varsa tüm beğendiğiniz siteler için Google Reader kullanabilirsiniz.

Bol bol seyahat ederim, fotoğraf çekerim, film izlerim ve kitap okurum. Genel anlamda insanları anlamam ve onlar da beni anlamazlar. Zaten sessizlik hakkında söylenen herşey gürültüden ibaret değil midir?
RSS ile takip edin






















bende bu blog işine girmek istiyorum ama nereden ve nasıl başlıçağımı bilmiyorum sanırım azıcık yardıma ihtiyacım var…
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
çözdüğüne sevindim..
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.. :)
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
Merhaba
Akordiyon şeklinde menulerden kastınız tam olarak nedir, örnek bir sayfa verebilir misiniz?
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..
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
Uğur, hangi temayı kullandığını ve sayfanın adresini belirtirsen belki yardımım dokunur..
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.
Teşekkurler ;)
Çok Güzel Yazı olmuş Ellerinize sağlık Hakkı Bey,
güzel birşeye benziyor.
Teşekkürler Hakkı bey.
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
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.