Fixed Menu | WordPress.org Indonesia

zainalarifin
(@zainalarifin)

11 years, 11 months yang lalu

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

Melihat 4 balasan - 1 sampai 4 (dari total 4)

ahsyai
(@ahsyai)

11 years, 11 months yang lalu

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..

Pencetus Utas zainalarifin
(@zainalarifin)

11 years, 11 months yang lalu

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;
}

Pencetus Utas zainalarifin
(@zainalarifin)

11 years, 11 months yang lalu

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

11 years, 11 months yang lalu
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.. ^_^

Melihat 4 balasan - 1 sampai 4 (dari total 4)

Topik ‘Fixed Menu’ tertutup untuk balasan baru.

Tampilan