Menentukan Lebar Menu Pull Down

Sebelum mengenal tips menentukan lebar Menu Pull Down ini, Tips trik Blogspot begitu penasaran bagaimana caranya agar antara menu pull down yang satu berukuran sama lebar dengan menu pull down yang lain sehingga akan terlihat lebih estetis. Tanpa tips ini, menu tersebut akan mempunyai lebar yang relatif tergantung dari panjang pendeknya isi menu tersebut.

Bingung, ya? Saya juga bingung menyusun kata-kata yang tepat untuk menjelaskan ini. Untuk lebih jelasnya mungkin kita perlu mengetengahkan studi kasus (wah kayak kuliah saja).

Namun sebelum “mengintip” tips berikut, sebaiknya baca tips membuat pull down terlebih dahulu, di sini, karena memang tips ini merupakan kelanjutan dari tips tersebut. Silakan di baca dahulu, ya!!! (bagi yang belum mengetahui saja, lho)

Langsung saja, di sini Tips Trik Blogspot akan memberi contoh dua menu pulldown dengan posisi atas dan bawah, seperti di bawah ini.

- My Blog - All About of My LifeSepeda Antik JuwanaTips dan Trik BlogBisnis InternetTips dan Trik KomputerTips n Trik Internet

- Friends-Friends -Adbrite-CatoerAmazing LifeAmsterdam TodayAnasku Tips BlogAni's BlogAntokAntoni RizalAppfreewareArdy'sArifudin's BlogsiteArzuAtmo BlogAyu RengganiBamperXIIBandank BarengBella CellBidik.ComBieBisnis Online BNIBlogs TutorialBlogger HolicBlogging Tips CollectBloggingismylifeBlognya IkhsanBlue BlogBola SinemaCelebrity FemalesCelotehCeplas CeplosComputerShopDanaDavidDhanieDian SugiantoElfridaEnsiklotipsErwin BlogFhiaFundayHarmi CahyaniHenry YuarsaHensenHeruHikariannaHow ToIGW TeamIlmu GrafisImam-Simple Is BeautifullIndaInternet InfoJhonaJogja WikiJokoJunior's BlogKubenci SekolahMaking MoneyManiak MusikMbeumMecca dan MedinaMustraysNewbie FreakNidya-CindraNugroho IpamOciet LebenPinay WahmPrayogaQoriRacoen-Hotspot PatiRauf WeblogRini ASRobbie AlcaRuri AndariSaiee DrisSarie-Dear AllSetrasariputraSexy MOMSuhandiTamrinTeknik SipilTeronkThe Indigo Of RepublicaThyaTiar's BlogTips For FamilyTips Internet BisnisTopijramiaTrik ATMTutorials ComputerTyoUyakWaraYasin MarineYonk-QZee

Jika kita perhatikan lebar kedua menu pull down tersebut tidak sama karena memang lebar menu nya akan tergantung dari panjang pendeknya isi menu tersebut.

Untuk membuat agar lebar kedua menu pull down tersebut sama adalah dengan menyisipkan kode seperti di bawah ini.

style="width:lebarpx"

lebar diganti dengan angka yang menunjukkan lebar menu dalam satuan pixel yang dapat disesuaikan dengan kebutuhan, sebagai contoh, misalkan kita menginginkan lebar menu 200 pixel maka kodenya seperti di bawah ini.

style="width:200px"

Perlu diketahui bahawa format default Menu Pull Down yang pernah ditulis pada blog ini, di sini, adalah seperti di bawah ini.

<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"
size=”1” name=”menu”>

<option>Nama/Judul Menu </option>

<option value=”http://alamat_link_1/”>Nama_link_1</option>
<option value=”http://alamat_link_2/”>Nama_link_2</option>
<option value=”http://alamat_link_dst/”>Nama_link_dst</option>

</select>
</form>

Maka untuk menjadikan lebar menu menjadi 200 pixel maka harus disisipkan kode style="width:200px" sehingga selengkapnya menjadi seperti di bawah ini.

<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"
style="width:200px" size=”1” name=”menu”>

<option>Nama/Judul Menu </option>

<option value=”http://alamat_link_1/”>Nama_link_1</option>
<option value=”http://alamat_link_2/”>Nama_link_2</option>
<option value=”http://alamat_link_dst/”>Nama_link_dst</option>

</select>
</form>

Setelah disisipkan kode tersebut kita dapat melihat hasilnya yang lebih enak dipandang mata dari pada sebelum disisipkan kode tersebut.

- My Blog - All About of My LifeSepeda Antik JuwanaTips dan Trik BlogBisnis InternetTips dan Trik KomputerTips n Trik Internet

- Friends-Friends -Adbrite-CatoerAmazing LifeAmsterdam TodayAnasku Tips BlogAni's BlogAntokAntoni RizalAppfreewareArdy'sArifudin's BlogsiteArzuAtmo BlogAyu RengganiBamperXIIBandank BarengBella CellBidik.ComBieBisnis Online BNIBlogs TutorialBlogger HolicBlogging Tips CollectBloggingismylifeBlognya IkhsanBlue BlogBola SinemaCelebrity FemalesCelotehCeplas CeplosComputerShopDanaDavidDhanieDian SugiantoElfridaEnsiklotipsErwin BlogFhiaFundayHarmi CahyaniHenry YuarsaHensenHeruHikariannaHow ToIGW TeamIlmu GrafisImam-Simple Is BeautifullIndaIndo TransInternet InfoJhonaJogja WikiJokoJunior's BlogKubenci SekolahMaking MoneyManiak MusikMbeumMecca dan MedinaMustraysNewbie FreakNidya-CindraNugroho IpamOciet LebenPinay WahmPrayogaQoriRacoen-Hotspot PatiRauf WeblogRini ASRobbie AlcaRuri AndariSaiee DrisSarie-Dear AllSetrasariputraSexy MOMSuhandiTamrinTeknik SipilTeronkThe Indigo Of RepublicaThyaTiar's BlogTips For FamilyTips Internet BisnisTopijramiaTrik ATMTutorials ComputerTyoUyakWaraYasin MarineYonk-QZee

Semoga bermanfaat bagi yang membutuhkan!! Hasilnya juga dapat di lihat pada blog ini.

(sumber : Kang Rohman)

Baca juga yang ini

1. Cara pembuatan menu pull down
2. Mendulang Rupiah dari Kumpulblogger.com
3. Mendulang Dollar dari Clixsense.com
4. Membuat Readmore
   
5. Tampilkan Versi Windows Pada Desktop

Description: Menentukan Lebar Menu Pull Down Rating: 4.5 Reviewer: Unknown - ItemReviewed: Menentukan Lebar Menu Pull Down