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

TUTORIAL MEMBUAT TABEL MENGGUNAKAN NOTEPAD++

TUTORIAL KODE HTML UNTUK MEMBUAT TABEL DENGAN MENGGUNAKAN NOTEPAD++ <html> <head> <title>TABEL</title> <...
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://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.