navigasiku klirfix ==> Bakomubin

Tampilan css dan html (bmtt)

nav:before {
    content: '';
    background: url(../images/menu-shadow.png) repeat-x;
    height: 3px;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
	/*z-index: -1;*/;
}

nav > ul > li {
    float: left;
    border-right: 1px solid #006699;
}

nav > ul > li a {
	display: block;
	font-size: 14px;
	color: #FFFFFF;
	border-bottom: 2px solid transparent;
	transition: border 0.2s linear;
    -moz-transition: border 0.2s linear;
    -webkit-transition: border 0.2s linear;
    -o-transition: border 0.2s linear;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 18px;
	padding-left: 10px;
}

nav > ul > li > a:not(.active):hover {
    color: #ccc;
}

nav ul li a.active {
    color: #fff !important;
    background: #24b6ff;
}

nav > ul > li > a.active:after {
    content: '';
    background: url(../images/menu-shadow.png) repeat-x;
    height: 3px;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -2px;
}

/* DropDown Menu = Superfish */
.sf-menu {
	line-height: 1.0;
	font-family:anekaweb1;
	text-transform:uppercase;
}

.sf-menu ul {
    position: absolute;
    top: -999em;
    width: 180px;
 /* left offset of submenus need to match (see below) */;
}

.sf-menu ul li {
    width: 100%;
    border: 1px solid #006699;
    border-top: none;
}

.sf-menu ul li li:first-child {
    border-top: 1px solid #e8e8e8;
}

.sf-menu li:hover {
    visibility: inherit;
 /* fixes IE7 'sticky bug' */;
}

.sf-menu li {
    float: left;
    position: relative;
}

.sf-menu a {
	display: block;
	position: relative;
	font-size: 15px;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
    left: 0;
    top: 54px;
 /* match top ul list item height */
    z-index: 99;
}

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
    top: -999em;
}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
    left: 180px;
 /* match ul width */
    top: -1px;
	/*margin-left: 2px;*/;
}

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
    top: -999em;
}

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
    left: 180px;
 /* match ul width */
    top: -1px;
}

.sf-menu li li {
    background: #24b6ff;
    padding-right: 0px;
}

.sf-menu li li li {
    background: rgba(255,255,255, 0.95);
    padding-right: 0px;
}

.sf-menu .sub-menu a {
    padding: 11px 10px;
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    outline: 0;
    color: #ccc;
}
</style>
<nav class="navigatiku klirfix">
  <ul class="sf-menu">
       <li><a href='http://bakomubin.blogspot.co.id/'>Beranda</a></li>
       <li><a href='http://bakomubin.blogspot.co.id/#'>Profil</a>
	<ul>
	       <li><a href='http://bakomubin.blogspot.co.id/hal/visi-dan-misi'>Visi & Misi</a></li>
	       <li><a href='http://bakomubin.blogspot.co.id/hal/kepala-sekolah'>Pengurus</a></li>
	       <li><a href='http://bakomubin.blogspot.co.id/hal/sejarah-sekolah'>Sejarah</a></li>
	       <li><a href='http://bakomubin.blogspot.co.id/hal/sambutan-kepala-sekolah'>Sambutan</a></li>
    </ul></li>
       <li><a href='http://bakomubin.blogspot.co.id/#'>Personalia</a>
	<ul>
	       <li><a href='http://bakomubin.blogspot.co.id/hal/Kesiswaan'>1. Person1</a></li>
	       <li><a href='http://bakomubin.blogspot.co.id/hal/kurikulum'>2. Person2</a></li>
	       <li><a href='http://bakomubin.blogspot.co.id/hal/Ketenagaan'>3. Person3</a></li>
	       <li><a href='http://bakomubin.blogspot.co.id/hal/sarana-prasarana'>4. Person4</a></li>
	       <li><a href='http://bakomubin.blogspot.co.id/hal/humas'>5. Humas</a></li>
    </ul></li>
       <li><a href='http://bakomubin.blogspot.co.id/#'>Berita Bakomubin</a>
	<ul>
	       <li><a href='http://bakomubin.blogspot.co.id/pengumuman.html'>Pengumuman</a></li>
	       <li><a href='http://bakomubin.blogspot.co.id/agenda.html'>Agenda </a></li>
	       <li><a href='http://bakomubin.blogspot.co.id/evaluasikerja/'>Evaluasi Kerja</a></li>
    </ul></li>
       <li><a href='http://bakomubin.blogspot.co.id/#'>BKM PCT CJR</a>
	<ul>
	       <li><a href='http://bakomubin.blogspot.co.id/hal/aneka-jahe'>Aneka Jahe</a></li>
	       <li><a href='http://bakomubin.blogspot.co.id/hal/digital-printing'>Digital Printing</a></li>
         </ul></li>
       <li><a href='http://bakomubin.blogspot.co.id/#'>AMT</a>
	<ul>
	       <li><a href='http://bakomubin.blogspot.co.id/guru.html'>Asatidz</a></li>
	       <li><a href='http://bakomubin.blogspot.co.id/karyawan.html'>Masyayikh</a></li>
	       <li><a href='http://bakomubin.blogspot.co.id/absenkeluar/'>Tolabah</a></li>
    </ul></li>
       <li><a href='http://bakomubin.blogspot.co.id/download.html'>Download</a></li>
       <li><a href='http://bakomubin.blogspot.co.id/hubungi-kami.html'>Hubungi Kami</a></li>
  </ul>
</nav>

Cari Blog Ini

PANGUJIAN

navigasiku klirfix ==> Bakomubin

Komentar

Posting Komentar

Postingan populer dari blog ini

Alhajj-Menu Bar