Menu Drop Down styles
Memasang Kode Menu Drop Down styles
Login ke akun blog klik tombol blog baru, buat satubuah link baru
kemudian beri nama sesuai fungsi, klik Edit HTML pada link baru tersebut,
hapus semua kode template ganti dengan kode blank template, yang tersedia pada sumber berikut :
Get Blank Template. edit background warna sesuai keinginan klik simpan selesai.
Login ke akun blog klik tombol blog baru, buat satubuah link baru
kemudian beri nama sesuai fungsi, klik Edit HTML pada link baru tersebut,
hapus semua kode template ganti dengan kode blank template, yang tersedia pada sumber berikut :
Get Blank Template. edit background warna sesuai keinginan klik simpan selesai.
Kemudian klik entri halaman baru HTML pada link tersebut.
copy kode dibawah ini, pastekan kedalam halaman baru tersebut dan klik simpan selesai
copy kode dibawah ini, pastekan kedalam halaman baru tersebut dan klik simpan selesai
<style class="Mys2010-styles">
body {);color:red;height:100%;overflow:hidden;}
header {
-o-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
padding: 0px 0;
position: fixed;
top:-2px;
width: 100%;
text-align: center;
font-size: 6px;
background:#483D8B;
border-bottom:1px solid #f0f;
}
.ap {
position: fixed;
right: 0;
bottom:-22px;
left: 0;
height:40px;
margin: auto;
font-family: Arial, sans-serif;
font-size: 10px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-align: center;
font-size: 11px;
background: #483D8B;
border-top: 2px solid #f0f;
z-index: 9999;
}
h2 {
padding:15px;
background: -webkit-linear-gradient(transparent 10%, goldenrod 50%, transparent 90%);
background: linear-gradient(transparent 10%, #9400D3 50%, transparent 90%);
}
h3
{box-shadow:
0 0 200px 3px #24006B;
}
body {
background: #47006B;
color: #fff;
font: normal 0.9em/1 Geneva, Tahoma, Verdana, sans-serif;
padding: 1em 0;
}
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.container {
margin: 0 auto;
max-width: 978px;
}
.wrapper {
float: left;
padding: 2em 0;
width: 100%;
}
.content {
float: right;
line-height: 1.5;
margin: 0 5%;
width: 60%;
}
.complementary {
float: left;
width: 30%;
}
nav {
position: relative;
float: left;
width: 100%;
}
nav ul {
margin: 0;
padding: 0;
list-style: none;
}
nav > ul > li {
float: left;
position: relative;
}
nav ul li a {
display: block;
}
nav > ul > li > a {
float: left;
}
nav ul ul {
left: -9999em;
position: absolute;
width: 250px;
z-index: 2;
}
nav ul > li:hover > ul {
left: 0;
top: 100%;
background-position: 0 0;
}
/* ===================
Menu drop down Styles
====================*/
nav ul li li {
position: relative;
}
nav ul ul li:hover ul {
left: 100%;
top: 0;
}
.side {
float: none;
}
.side ul > li {
clear: both;
float: none;
position: relative;
}
.side ul > li > a {
float: none;
}
.side ul li:hover ul ul {
left: -9999px;
top: 0;
}
.side li:hover ul {
left: 100%;
top:0;
}
.side li:hover ul li:hover ul {
left: 100%;
top: 0;
}
#ie8 nav li {
display: inline;
}
#ie8 nav li > a {
height: auto;
}
#ie8 nav li li a {
zoom: 1;
}
#ie8 li:hover {
z-index: 5;
}
#ie8 nav li:hover {
display: block;
}
<header> <h2><code>M2010</code></h2> </header>
<div class="ap" id="ap"> <span style="font-family: arial ; font-size: 12px; color:#80C8FE;"> EDITED BY. <a href="https://Link Download"title="Mari Belajar"> <span style="color:#FFFF00; font-size: 14px;"> M - 2010 </a> DOWNLOAD </a> </div>
Design code is edited by. M-2010 in codepen
If you want to directly copy and paste you canDownload Here Menu Drop Down styles
