nitajhosi

Halaman

Beranda
profil

Minggu, 28 Januari 2018

TUGAS BU PUPUT CARA MEMBUAT DISIGN MUK

di Januari 28, 2018

Kirimkan Ini lewat Email BlogThis!Berbagi ke Twitter 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

SOAL BORLAND C++

1. Fungsi dari operator % sebagai... A. Mencari sisa pembagian 2 bilangan B. Prosentase bilangan C. Pembagian 2 bilangan D. Membagi perser...
cara menginstal windows 10

Home Windows Panduan Cara Menginstall Windows 10 Lengkap Disertai Gambar Panduan Cara Menginstall Windows 10 Lengkap Diserta...

body { background: url(https://lh3.googleusercontent.com/ZWCxH05kr0MWAkGsOiUZfDZvo2gFbogsAdwLS6T-_ZaQ2k4zei5OdalxvzOoj8l9t8SZgW19YPfybQ) 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.