WordPress.org

1. zainalarifin
   Anggota
   Posted 1 year ago #
   

   ASsalamualaikum wr wb
   Alhamdulillah kemarin sudah dapat scrip untuk format hari, boleh lanjut lagi, tatacara pembuatan Fixed menu di WP, sebagai contoh pada dashboard menu paling atas tetap diam walau scroll nya kita geser kebawah dia tetap berada pada posisi atas.

   yang ingin saya tanyakan script atau plugin untuk membuat menu pada tampilan wordpress kita formatnya fixed (tetap/ tidak bergeser)? yg bergeser hanya bag Body saja.

   terimakasih Kepada Para Master

   Wassalam,
   Zainalarifin

2. ahsyai
   Anggota
   Posted 1 year ago #
   

   saya kurang begitu tau mas kalo pluginnya.. tapi kalo mau edit2 cssnya sih bisa ditambahnin position:fixed; pada tag css menunya biar menu nggak geser2..

3. zainalarifin
   Anggota
   Posted 1 year ago #
   

   Maaf mau agak detial penjelasannya, coz dah di coba css nya ditambahin position:fixed; tapi belum bisa. masih geser menunya. saya pakai theme Eximius. kira2 dimana di tambahin script ini (position:fixed;).

   kan ada 2 pilihan :
   Pertama,

   #NaviBar {
   display: block;
   }

   Kedua,
   /***** NAVIGATION BAR FORMATTING *****/

   ul#NaviBar {
   margin: 0;
   padding: 0;
   list-style: none;
   width: 998px;
   float: left;
   background: #272d33 url(images/navBar.gif) repeat-x;
   font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
   font-size: 13px;
   border: 1px solid #FFFFFF;
   }

   ul#NaviBar li {
   float: left;
   }

   ul#NaviBar li.first {
   border-left: none;
   }

   ul#NaviBar a {
   display: block;
   float: left;
   padding: 0 0.9em;
   line-height: 30px;
   text-decoration: none;
   color: #fff;
   }

   ul#NaviBar a:hover {
   background: #1d6dae url(images/navHover.gif) repeat-x;
   text-decoration: none;
   }

   ul#NaviBar li.current_page_item a {
   color: #fff;
   background: url(images/navHover.gif) repeat-x;
   text-decoration: none;
   }

4. zainalarifin
   Anggota
   Posted 1 year ago #
   

   Maaf ada tambahan lagi, saya pakai plugin Multilevel navigation (Pixopoint)
   karena theme Eximius tidak mendukung Drop down menu, jadi saya tambah plugin Multilevel navigation.

5. ahsyai
   Anggota
   Posted 1 year ago #
   

   heeem.. gitu..

   masuk ke file header.php mas terus kode menu

   <ul id="NaviBar">
   		<li><a <?php if (is_page('home')) echo('class="current" '); ?>href="<?php bloginfo('url'); ?>/">Home</a></li>
           <?php
   			if(get_option('Eximius_navbar') == 'categories') {
   				wp_list_categories('title_li=0&orderby=name&show_count=0&depth=1');
   			} else {
   				wp_list_pages('title_li=0&sort_column=menu_order&depth=1');
   			}
   		?>
           <?php if(get_option('Eximius_search')=='yes') { ?>
           <form method="get" id="search" action="<?php bloginfo('home'); ?>/">
           <div><input type="text" value="Search" name="s" id="searchbox" onFocus="if (this.value == 'Search') {this.value = '';}" onBlur="if (this.value == '') {this.value = 'Search';}" />
           <input type="image" src="<?php bloginfo('template_directory'); ?>/images/go.png" align="top" alt="Search" class="go" value="Search" />
   
   		</div>
           </form>
           <?php } ?>
       </ul>

   kamu pindah mas di atas <div id="header">..

   abis itu sedikit edit cssnya..

   di #NaviBar tambahin position:fixed; top: 0;
   dan di #header margin-top di ubah jadi 30px

   gitu mas.. silahkan coba semoga berhasil.. ^_^

Topik Ditutup

Topik ini telah ditutup untuk balasan-balasan baru.