nitajhosi

Halaman

Beranda
profil

Minggu, 28 Januari 2018

TUGAS BU PUPUT CARA MEMBUAT DISIGN MUK

di Januari 28, 2018

Kirimkan Ini lewat Email BlogThis!Bagikan ke X Berbagi ke Facebook Bagikan ke Pinterest

Tidak ada komentar:

Posting Komentar

Posting Lebih Baru Posting Lama Beranda

Langganan: Posting Komentar (Atom)

nita jhosi

Tubas bu Puput BERPIKIR DAN BERJIWA BESAR

cara menginstal windows 10

Home Windows Panduan Cara Menginstall Windows 10 Lengkap Disertai Gambar Panduan Cara Menginstall Windows 10 Lengkap Diserta...
FILE SHARING LEWAT APLIKASI HVF

File Sharing Menggunakan HFS (Http File Server) HFS merupakan aplikasi portable yang dapat kita gunakan untuk berbagi file melalui port http...

body { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQDxLtkFy98HE4XspnSUKoWlB2o1skF5B4CZydev_Ys_xM0dik-GaFVuuv2j8oPN06H8Jr5JDBeETW4X7XJ6uzRFCR1hGmUnubsqFbFo8N2lCDbywRyJ1RyR5prIOjXdOGbN9wPty8hsg/) no-repeat; color: #222; font-size: 14px; font-family: 'Open Sans', sans-serif; line-height: 22px; padding: 0; word-wrap: break-word }

Beranda
profil

nitajhosi

Lihat profil lengkapku

Arsip Blog

April 2019 (1)
November 2018 (1)
Maret 2018 (1)
Januari 2018 (22)
Desember 2017 (1)
November 2017 (6)

animasi bergerak gif

Widget-Animasi-Blog

Widget-Animasi-Blog

KODE CSS Simpan di atas kode ]]> atau nav { display: block; background: #374147; } .menu { display: block; } .menu li { display: inline-block; position: relative; z-index: 100; } .menu li:first-child { margin-left: 0; } .menu li a { font-weight: 600; text-decoration: none; padding: 20px 15px; display: block; color: #fff; transition: all 0.2s ease-in-out 0s; } .menu li a:hover,.menu li:hover>a { color: #fff; background: #F70000; } .menu ul { visibility: hidden; opacity: 0; margin: 0; padding: 0; width: 150px; position: absolute; left: 0px; background: #fff; z-index: 99; transform: translate(0,20px); transition: all 0.2s ease-out; } .menu ul:after { bottom: 100%; left: 20%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 6px; margin-left: -6px; } .menu ul li { display: block; float: none; background: none; margin: 0; padding: 0; } .menu ul li a { font-size: 12px; font-weight: normal; display: block; color: #797979; background: #fff; } .menu ul li a:hover,.menu ul li:hover>a { background: #F70000; color: #fff; } .menu li:hover>ul { visibility: visible; opacity: 1; transform: translate(0,0); } .menu ul ul { left: 149px; top: 0px; visibility: hidden; opacity: 0; transform: translate(20px,20px); transition: all 0.2s ease-out; } .menu ul ul:after { left: -6px; top: 10%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 6px; margin-top: -6px; } .menu li>ul ul:hover { visibility: visible; opacity: 1; transform: translate(0,0); } .responsive-menu { display: none; width: 100%; padding: 20px 15px; background: #374147; color: #fff; text-transform: uppercase; font-weight: 600; } .responsive-menu:hover { background: #374147; color: #fff; text-decoration: none; } a.homer { background: #F70000; } @media (min-width: 768px) and (max-width: 979px) { .mainWrap { width: 768px; } .menu ul { top: 37px; } .menu li a { font-size: 12px; } a.homer { background: #374147; } } @media (max-width: 767px) { .mainWrap { width: auto; padding: 50px 20px; } .menu { display: none; } .responsive-menu { display: block; } nav { margin: 0; background: none; } .menu li { display: block; margin: 0; } .menu li a { background: #fff; color: #797979; } .menu li a:hover,.menu li:hover>a { background: #F70000; color: #fff; } .menu ul { visibility: hidden; opacity: 0; top: 0; left: 0; width: 100%; transform: initial; } .menu li:hover>ul { visibility: visible; opacity: 1; position: relative; transform: initial; } .menu ul ul { left: 0; transform: initial; } .menu li>ul ul:hover { transform: initial; } } @media (max-width: 480px) { } @media (max-width: 320px) { }

0 -1 false false BEHIND 0 body{background:#696969; color:#444; font:x-small Georgia Serif; font-size:small; text-align:center;margin:0} true #333333 true true #999999 false #336699 TextAndImage #ffffff false 1x1 true true true 4 false #ffffff true false

Sub profil 1
Sub about 2
Sub Menu 3

.

Halaman

Beranda
profil

Halaman

PROFIL
Beranda

Halaman

Beranda
profil

Beranda

Halaman

Beranda
profil

Tema Sederhana. Gambar tema oleh luoman. Diberdayakan oleh Blogger.