File Online: Memodifikasi Tampilan Navbar pada Blog

Saturday, March 18, 2017

Memodifikasi Tampilan Navbar pada Blog

Membuat dan Memodifikasi Tampilan Navbar pada Blog - Tampilan Navbar pada Blog di Edit dengan CSS. Anda tidak harus menghapunya, namun kamu bisa memodifikasinya dengan efek CSS 3 dengan beberapa perintah.

Setting Posisi Navbar pada Tata Letak :

Memodifikasi Tampilan Navbar pada Blog

Seeting Dasar Taruh di atas ]]></b:skin> :

#navbar-iframe {left:0;top:0;}

Navbar Transparancy :

#navbar-iframe {opacity:.0;filter:alpha(Opacity=0,FinishedOpacity=0);-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;}#navbar-iframe:hover {opacity:1.0;filter:alpha(Opacity=100,FinishedOpacity=100);-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;}

Navbar Show Hide Super:

#navbar-iframe {position:absolute;top:-30px;height:60px;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;}#navbar-iframe:hover {top:0;height:30px;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;}

Navbar Hover Efek Warna :

#navbar-iframe {background:#B40431; -moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;}#navbar-iframe:hover {background:#000; -moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;}

Jika ingin mengganti navbar dengan isi program apapun, hanya sebagai waktu luabng aja.

background:url(URL image);

Available link for download