CSS Tab Designer ile Tab Menüler hazırlamak
Kişisel blogunuzda kullanabileceğiniz hazır tab menüler. Hazırlaması ve kullanımı oldukça basit, şuan benimde kullandığım menüleri bu küçük ve kullanışlı program sayesinde hazırladım. İçerisinde 58 adet hazır menü seçeneği bulunuyor. Seçtiğiniz menünün URL linklerini yazıp bir butona basarak css kodları almanız mümkün. Boyut olarak küçük, setup kurulum ve free olan bu programa Buradan ulaşabilirsiniz. Hazırlama için öncelikle biraz kod bilgisi gerektirdiği aşikar, ancak hiç bilmeyen arkadaşlar içinde bir iki kelamda bulunmak isterim. En azından nasıl yapıldığı konusunda azda olsa bilgi sahibi olabilirsiniz. Bu iş için webde hazır Generatörlerde mevcut, ancak onlar hem karışık hemde görsel fazla bir seçenek sunmuyor. İsterseniz gelin şimdi bu menülerin nasıl hazırlandığını kısada olsa hep birlikte öğrenelim.
Programı indirip kurulum yaptıktan sonra çalıştırın. Açılan menüden sırasıyla neler yapacağınızı anlatayım. Programı çalıştırdıktan sonra menülerin olduğu arayüzü görmüşsünüzdür, öncelikle kendinize bir menü belirleyip üzerine tıklayın, daha sonra seçilen menü için link girmemiz gerekiyor. Bu işlem için sol üst köşede bulunan +simgesini kullanacağız. Artı işaretini tıklayarak title yazan bölüme menü butonunun ismi, link bölümünede beliryeceğiniz sayfanın linkini yazarak ok diyoruz. bu işlemi yapmak istediğiniz seçenek sayısına göre ayrı URL ler girerek tekrarlıyoruz. Tüm menülere URL girdikden sonra kabataslak menümüz oluşmuştur. Bundan sonra iki aşama var, bunlardan birincisi hazırladağımız menüden CSS kodları almak, bir diğer aşakma ise, mevcut olan menünün gif dosyalarını alarak bunlara blogunuzu ana dizinine yükleme işi. biz öncelikle Gif dosyaları alalım. Bu işlem için yine sol üst köşede bulunan Generate HTML bölümünü tıklayarak gerekli dosyaları bilgisayarınızda bir yere kaydedin. Şimdi gelelim CSS kodları almaya, bu işlem içinde programda yer alan Code yazısını tıklamanız gerekiyor. tıkladığınızda kodları göreceksiniz. Burada iki aşamalı kod verilmiş. <style> tagıyla başlayıp gene </style> biten Css kodları, blogunuzun style.css klasörüne yüklüyorsunuz. Bu kodları yükledikden sonra kodların içinde yer alan url(”menünün.gif”) şeklindeki girdiye dizine yüklediğiniz giflerin linkini yazmanız gerekiyor. Tabi bu genelde ya 2 yada 3 gifden oluşur, her bir gifin url si farklı yazılmalı. tüm bu işlem bittikten sonra sıra gelen işlemimiz ise menünün nerede gözükmesi gerektiğine. Bunun için ya header yada panel yolunu kullanabilirsiniz seçim siz kalmış. Bu görünümün gerekli olan kodları ise şöyle başlar; Bady tagıyla başlayarak <h2>Tab Menu 3</h2> beraber /html tagına kadar olan tüm kodlardır. Tüm işlem kısaca böyle, bundan sonrası için yapamayan arkadaşlar olursa ben burdayım :) kolay gelsin.
Konuya yapılan yorumları Buradan okuyabilir veya Bu linki kullanarak herhangi bir Rss aracı ile yorumları takip edebilirsiniz.
Yorumlar
Henüz yorum yapılmamış.
Yorum yapın