Minggu, 10 November 2013

PHP Indonesia - Facebook: mas, cara bikin menu navigasi tetap diam gmna?? cs...

PHP Indonesia - Facebook
PHP Indonesia is a community for everyone that loves PHP. Our focus is in the PHP world but our topics encompass the entire LAMP stack. Topics include PHP coding, to memcached handling, db optimizations, server stack, web server tuning, code deploying, hosting options and much much more. Youtube Channel : http://www.youtube.com/user/OurPHPIndonesia Twitter : @php_indonesia NOTE: Rules for Wall posting: https://www.facebook.com/groups/35688476100/doc/10151597056316101/ Daftar Keanggotaan : http://www.facebook.com/groups/35688476100/doc/10150671770741101/ 
Start taking a college level music theory class today.

This beginner class is now accessible to aspiring musicians of all ages. Learn all of the basic concepts in an easy to follow manner.
From our sponsors
mas, cara bikin menu navigasi tetap diam gmna?? cs...
Nov 10th 2013, 09:44, by Nanda Sholatul Akbar

Nanda Sholatul Akbar 9:44am Nov 10
mas, cara bikin menu navigasi tetap diam gmna?? cssnya apa? seperti responsive

Helmy Satria Martha Putra 9:51am Nov 10
kaya gini? http://www.w3.org/Style/Examples/007/menus

Nanda Sholatul Akbar 9:52am Nov 10
iya tapi diatas -,-

Helmy Satria Martha Putra 9:53am Nov 10
nih ada banyak http://webdesignledger.com/inspiration/21-examples-of-fixed-position-menus-in-web-design :D

Nanda Sholatul Akbar 9:55am Nov 10
saya bukan itu, minta tutornya saja

Medianto Jaelani 9:55am Nov 10
pake aja navbar bootsrap

Nanda Sholatul Akbar 9:55am Nov 10
sudah, tapi kgk gerak -,-

Arie Yuniarto 9:58am Nov 10
div menu nya kasi position absolute/fixed

Nanda Sholatul Akbar 9:58am Nov 10
dibootstrap ?

Paul D. Juan 10:02am Nov 10
CSS code ->
z-index: 1;
position: fixed;

Nanda Sholatul Akbar 10:03am Nov 10
dimananya? di bootstrap.css?

Paul Jhon 10:05am Nov 10
di menunya..
kl gw biasanya di selipin di div-nya..
bootstrap.css apaan ya? wkwkw

Nanda Sholatul Akbar 10:06am Nov 10
serius-,-

Paul Jhon 10:07am Nov 10
serius kakak...
menunya kakak pake apa? pake div apa pake table?

Nanda Sholatul Akbar 10:08am Nov 10
pake dropdown-menu.css

Nanda Sholatul Akbar 10:08am Nov 10
pake table

Nanda Sholatul Akbar 10:09am Nov 10
kalau posisi absoulet apa'an?

Nanda Sholatul Akbar 10:10am Nov 10
malah hancur

Paul Jhon 10:13am Nov 10
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;
}

Paul Jhon 10:15am Nov 10
saya pake div, bukan table.. jadi di HTMLnya
<div id="header"> bla bla bla </div>

Nanda Sholatul Akbar 10:15am Nov 10
kalau saya

Nanda Sholatul Akbar 10:15am Nov 10
#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;
}

Nanda Sholatul Akbar 10:16am Nov 10
saya pakai css -,-

Paul Jhon 10:17am Nov 10
ok,kode HTMLnya gmn kk?

Nanda Sholatul Akbar 10:18am Nov 10
<!-- 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";
}

Paul Jhon 10:20am Nov 10
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;
}

You are receiving this email because you subscribed to this feed at blogtrottr.com.

If you no longer wish to receive these emails, you can unsubscribe from this feed, or manage all your subscriptions

Tidak ada komentar:

Posting Komentar