Popi Syapi'ah Ridwan
Guru yang berguru demi menambah wawasan ilmu
Menu
Beranda
Profil
Info Penting
Agenda
Dunungan
Madrasah Binaan
Download
Kontak
DRnavbar
Send As SMS
More
SAHA WE LAH.... MANGGA TEH TEUING BADE NYEBAT NAON OGE
Posting Baru
Garasi
Sign Out
Selasa, 31 Oktober 2017
Menu Sembunyi Vertikal
<br /> <style> #menu-vertical {width:19em;left:-19em;top:5.5em;height:auto;position:fixed;overflow-y:hidden;background-color:#2b2b2b;transition:left .4s ease-in-out;margin:0;padding:0} #menu-vertical:hover {left:0;} #menu-label {display:inline-block;background:#292929;position:fixed;text-align:center;left:0;top:3.2em;z-index:100;font-size:14px;line-height:30px; border-radius: 5pc; box-shadow: inset 0 0 20px #f8f5f5;} #menu-label a {color:#FFF;display:block;text-transform:uppercase;text-decoration:none;width:5.1em;} #menu-label:hover {opacity:0.67;} .vertical { font-size:13px; line-height:30px; font-weight:700; border:1px solid #1d1d1d; border-radius:1px; } .vertical>ul { margin:0; padding:0; } .vertical ul,.vertical li { list-style:none; } .vertical>ul>li { background:#292929; margin:0;text-transform:uppercase;padding:0;color:#fff;} .vertical>ul>li:hover {background:#4B4B4B} .vertical>ul>li a {color:#fff;} .vertical>ul>li ul { transition:.3s ease-out; opacity:0; margin:0; padding:0; } .vertical>ul>li li { background:#efefef; display: inline-flex;} .vertical>ul>li li a {color:#333;text-transform:none background-color: #09e73b; border-radius: 5pc; box-shadow: inset 0 0 10px black;} .vertical a { display:block; text-align:center; text-decoration:none!important; } .vertical>ul>li>a { border-top:1px solid #353535; border-bottom:1px solid #161616; background-color: #3c0fe7; border-radius: 5pc;} .vertical>ul>li ul li a { height:0; transition:.3s ease-out} .vertical>ul>li:hover ul li a { height:30px; } .vertical>ul>li:hover ul { opacity:1; } .vertical > ul > li li:hover { box-shadow:inset 0 1px #4077CB,inset 0 -1px #4077cb; background:#3e6db5;} .vertical > ul > li li:hover a {color:#fff } </style><br /> <div id="menu-vertical"> <h3 id="menu-label"> <a href="https://www.blogger.com/blogger.g?blogID=3931312171762131117#">Menu</a></h3> <div class="vertical"> <ul> <li><a href="https://www.blogger.com/" title="Lilem">Link Lembaga</a><br /> <ul> <li><a href="https://www.blogger.com/" title="Sub Menu1">Yayasan</a></li> <li><a href="https://www.blogger.com/" title="Sub Menu1">LKSA</a></li> <li><a href="https://www.blogger.com/" title="Sub Menu1">SMA</a></li> <li><a href="https://www.blogger.com/" title="Sub Menu1">MTs</a></li> </ul> </li> </ul> <ul> <li><a href="https://www.blogger.com/" title="TugSis">Tugas Siswa</a><br /> <ul> <li><a href="https://www.blogger.com/" title="Sub1 Menu2">Kelas 7</a></li> <li><a href="https://www.blogger.com/" title="Sub2 Menu2">Kelas 8</a></li> <li><a href="https://www.blogger.com/" title="Sub3 Menu2">Kelas 9</a></li> <li><a href="https://www.blogger.com/" title="Sub4 Menu2">Kelas 10</a></li> <li><a href="https://www.blogger.com/" title="Sub5 Menu2">Kelas 11</a></li> <li><a href="https://www.blogger.com/" title="Sub6 Menu2">Kelas 12</a></li> </ul> </li> </ul> <ul> <li><a href="https://www.blogger.com/" title="PerKur">Perangkat Kur13</a><br /> <ul> <li><a href="https://www.blogger.com/" title="Sub1 Menu3">Buku Kerja 1</a></li> <li><a href="https://www.blogger.com/" title="Sub2 Menu3">Buku Kerja 2</a></li> <li><a href="https://www.blogger.com/" title="Sub3 Menu3">Buku Kerja 3</a></li> <li><a href="https://www.blogger.com/" title="Sub4 Menu3">Buku Kerja 4</a></li> </ul> </li> </ul> <ul> <li><a href="https://www.blogger.com/" title="ReKer">Rekan Kerja</a><br /> <ul> <li><a href="https://www.blogger.com/" title="Menu4">Guru SMA</a></li> <li><a href="https://www.blogger.com/" title="Menu4">Guru MTs.</a></li> <li><a href="https://www.blogger.com/" title="Menu4">MGMP PAI</a></li> <li><a href="https://www.blogger.com/" title="Menu4">KKM</a></li> </ul> </li> </ul> <ul> <li><a href="https://www.blogger.com/" title="BuTa">Buku Tamu</a></li> </ul> </div> </div>
Tidak ada komentar:
Posting Komentar
Posting Lebih Baru
Posting Lama
Beranda
Langganan:
Posting Komentar (Atom)
Tidak ada komentar:
Posting Komentar