| mas, cara bikin menu navigasi tetap diam gmna?? cssnya apa? seperti responsive |
|
| kaya gini? http://www.w3.org/Style/Examples/007/menus |
|
| iya tapi diatas -,- |
|
| nih ada banyak http://webdesignledger.com/inspiration/21-examples-of-fixed-position-menus-in-web-design :D |
|
| saya bukan itu, minta tutornya saja |
|
| pake aja navbar bootsrap |
|
| sudah, tapi kgk gerak -,- |
|
| div menu nya kasi position absolute/fixed |
|
| dibootstrap ? |
|
| CSS code -> z-index: 1; position: fixed; |
|
| dimananya? di bootstrap.css? |
|
| di menunya.. kl gw biasanya di selipin di div-nya.. bootstrap.css apaan ya? wkwkw |
|
| serius-,- |
|
| serius kakak... menunya kakak pake apa? pake div apa pake table? |
|
| pake dropdown-menu.css |
|
| pake table |
|
| kalau posisi absoulet apa'an? |
|
| malah hancur |
|
| bukan filenya kk.. tapi scriptnya.. isi CSS kan dibagi jadi 3 : tipe tag, class, ID.. nah menu kakak itu pake yang mana.. kalo table, tablenya itu pake tipe yang mana.. contoh kalo navigasi punya saya pake tipe ID.. nih script punya saya : #header { z-index: 1; position: fixed; width: 97.5%; margin-top: -20px; height: 60px; background-color: #668284; margin-bottom: 10px; } |
|
| saya pake div, bukan table.. jadi di HTMLnya <div id="header"> bla bla bla </div> |
|
| kalau saya |
|
| #navigation { margin:0; padding: 0; clear:both; width:100%; height:51px; background: #d6eaf8 url(images/dropdown-bg.gif) repeat-x left top; }
ul.nav-main, ul.nav-main li { list-style: none; margin: 0; padding: 0; }
ul.nav-main { position: fixed; z-index: 597; }
ul.nav-main li:hover > ul { visibility: visible; }
ul.nav-main li.hover, ul.nav-main li:hover { position: relative; z-index: 599; cursor: pointer; background: url(images/dropdown-bg-hover.gif) repeat-x left top; }
ul.nav-main li { float:left; display:block; height: 51px; color: #999; font: 14px Arial, Helvetica, sans-serif; background: url(images/separator.gif) no-repeat right center; }
ul.nav-main li a { display:block; padding: 16px 16px 0 16px; height: 35px; color:#FFFFFF; font: 14px Arial, Helvetica, sans-serif; text-decoration:none; }
ul.nav-main li a:hover { color:#D6D6D6; }
ul.nav-main *.list { padding-right: 22px; background: url(images/navigation-arrow.gif) no-repeat right top; }
ul.nav-sub { visibility: hidden; position: fixed; padding:10px; top: 48px; left: 0; z-index: 598; background: #353535 url(images/dropdown-list-bg.gif) repeat-x left top; border-right: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #000; }
ul.nav-sub li { list-style:none; display:block; padding: 0; height: 27px; float: none; width:145px; border-bottom: 1px solid #5a5a5a; background: none; }
ul.nav-sub li a { list-style:none; display:block; padding: 6px 5px 6px 5px; height: 15px; float: none; width:145px; background: none; font: 12px Arial, Helvetica, sans-serif; } |
|
| saya pakai css -,- |
|
| ok,kode HTMLnya gmn kk? |
|
| <!-- start nav-outer-repeat................................................................................................. START -->
<?php if($domain=='admin' || $domain=='superadmin'){ include "menu-admin.php"; } if($domain=='guru'){ include "menu-guru.php"; } if($domain=='siswa'){ include "menu-siswa.php"; } if($domain=='ortu'){ include "menu-ortu.php"; } |
|
| coba #navigation-nya di ubah jadi kek gini kakak :
#navigation { z-index: 1; position: fixed; margin:0; padding: 0; clear:both; width:100%; height:51px; background: #d6eaf8 url(images/dropdown-bg.gif) repeat-x left top; } |
Tidak ada komentar:
Posting Komentar