Kamis, 14 Maret 2013
Selasa, 12 Maret 2013
Nasehat Abu Fatihah Ulfah kepadaku
Al-Imam Hasan Al Bashri
rahimahullah berkata :
“Wahai manusia, sesungguhnya aku
tengah menasihati kalian, dan bukan
berarti aku orang yang terbaik diantara kalian, bukan pula orang
yang paling shalih di antara kalian.
Sungguh, akupun telah banyak melampaui
batas terhadap diriku. Aku tidak sanggup mengekangnya (hawa nafsuku) dengan
sempurna, tidak pula membawanya
sesuai dengan kewajiban dalam
menaati Rabb-nya. Andaikata
seorang muslim tidak memberi nasihat kepada saudaranya kecuali setelah dirinya menjadi orang yang
sempurna, niscaya tidak akan ada para pemberi nasihat (dimuka bumi ini).
(Mawai’zh lilImam Al-Hasan Al-Bashri,
hal.185 ).
Untuk itu Aku nasehatkan khususnya untk diriku dan kalian semua para sahabatku, mari kita senantiasa berusaha dengan kesungguhan hati kita untk mendatangi dan meninggalkan segala sesuatunya untk memenuhi panggilan yang haq (ketika adzan berkumandang, mari kita menuju jalan Kemenangan), agar Insya Allah kita mendapatkan keutamaan dan keberuntungan yg besar karena telah berusaha menjaga sholat Amalan yang paling dicintai Allah Ta'ala, yaitu Asholatu waqtiha (sholat tepat pada waktunya).
Wallahul Musta'an...
Senin, 11 Maret 2013
CARA MEMBUAT SPOILER BUKA TUTUP
http://problogiz.blogspot.com/2013/01/menu-navigasi-mega-dropdown-keren.html
10 menu dropdown keren
http://problogiz.blogspot.com/2012/10/10-menu-drop-down-keren-pure-css.html
menu dropdown melayang
http://problogiz.blogspot.com/2013/02/menu-dropdown-efek-melayang-pure-css3.html
efek hover teks
http://problogiz.blogspot.com/2012/12/10-efek-hover-keren-pada-teks-link.html
acordin slider
http://problogiz.blogspot.com/2012/12/membuat-accordion-slider-horizontal.html
preview design tool
http://problogiz.blogspot.com/p/preview-predesign-tool.html
button download
http://problogiz.blogspot.com/2012/12/koleksi-demo-button-dan-download-button.html
buat tombol button
http://problogiz.blogspot.com/2012/09/cara-buat-tombol-button-keren-dengan-css.html
GANTI DENGAN TULISAN ATAU SCRIPT SOBAT DISINI
Menu dropdownku
<style> #cssmenu ul, #cssmenu li, #cssmenu span, #cssmenu a { margin: 0; padding: 0; position: relative; } #cssmenu { height: 49px; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; background: #141414; background: -moz-linear-gradient(top, #32323a 0%, #141414 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414)); background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%); background: -o-linear-gradient(top, #32323a 0%, #141414 100%); background: -ms-linear-gradient(top, #32323a 0%, #141414 100%); background: linear-gradient(to bottom, #32323a 0%, #141414 100%); filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#32323a', EndColorStr='#141414', GradientType=0); border-bottom: 2px solid #0fa1e0; } #cssmenu:after, #cssmenu ul:after { content: ''; display: block; clear: both; } #cssmenu a { background: #141414; background: -moz-linear-gradient(top, #32323a 0%, #141414 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414)); background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%); background: -o-linear-gradient(top, #32323a 0%, #141414 100%); background: -ms-linear-gradient(top, #32323a 0%, #141414 100%); background: linear-gradient(to bottom, #32323a 0%, #141414 100%); filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#32323a', EndColorStr='#141414', GradientType=0); color: #ffffff; display: inline-block; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 12px; line-height: 49px; padding: 0 20px; text-decoration: none; } #cssmenu ul { list-style: none; } #cssmenu > ul { float: left; } #cssmenu > ul > li { float: left; } #cssmenu > ul > li:hover:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 50%; bottom: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #0fa1e0; margin-left: -10px; } #cssmenu > ul > li:first-child > a { border-radius: 5px 0 0 0; -moz-border-radius: 5px 0 0 0; -webkit-border-radius: 5px 0 0 0; } #cssmenu > ul > li:last-child > a { border-radius: 0 5px 0 0; -moz-border-radius: 0 5px 0 0; -webkit-border-radius: 0 5px 0 0; } #cssmenu > ul > li.active > a { box-shadow: inset 0 0 3px #000000; -moz-box-shadow: inset 0 0 3px #000000; -webkit-box-shadow: inset 0 0 3px #000000; background: #070707; background: -moz-linear-gradient(top, #26262c 0%, #070707 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707)); background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%); background: -o-linear-gradient(top, #26262c 0%, #070707 100%); background: -ms-linear-gradient(top, #26262c 0%, #070707 100%); background: linear-gradient(to bottom, #26262c 0%, #070707 100%); filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#26262c', EndColorStr='#070707', GradientType=0); } #cssmenu > ul > li:hover > a { background: #070707; background: -moz-linear-gradient(top, #26262c 0%, #070707 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707)); background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%); background: -o-linear-gradient(top, #26262c 0%, #070707 100%); background: -ms-linear-gradient(top, #26262c 0%, #070707 100%); background: linear-gradient(to bottom, #26262c 0%, #070707 100%); filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#26262c', EndColorStr='#070707', GradientType=0); box-shadow: inset 0 0 3px #000000; -moz-box-shadow: inset 0 0 3px #000000; -webkit-box-shadow: inset 0 0 3px #000000; } #cssmenu .has-sub { z-index: 1; } #cssmenu .has-sub:hover > ul { display: block; } #cssmenu .has-sub ul { display: none; position: absolute; width: 200px; top: 100%; left: 0; } #cssmenu .has-sub ul li { *margin-bottom: -1px; } #cssmenu .has-sub ul li a { background: #0fa1e0; border-bottom: 1px dotted #6fc7ec; filter: none; font-size: 11px; display: block; line-height: 120%; padding: 10px; } #cssmenu .has-sub ul li:hover a { background: #0c7fb0; } #cssmenu .has-sub .has-sub:hover > ul { display: block; } #cssmenu .has-sub .has-sub ul { display: none; position: absolute; left: 100%; top: 0; } #cssmenu .has-sub .has-sub ul li a { background: #0c7fb0; border-bottom: 1px dotted #6db2d0; } #cssmenu .has-sub .has-sub ul li a:hover { background: #095c80; } </style> <div id='cssmenu'> <ul> <li class='active '><a href='index.html'><span>Home</span></a></li> <li class='has-sub '><a href='#'><span>Products</span></a> <ul> <li class='has-sub '><a href='#'><span>Product 1</span></a> <ul> <li><a href='#'><span>Sub Item</span></a></li> <li><a href='#'><span>Sub Item</span></a></li> </ul> </li> <li class='has-sub '><a href='#'><span>Product 2</span></a> <ul> <li><a href='#'><span>Sub Item</span></a></li> <li><a href='#'><span>Sub Item</span></a></li> </ul> </li> </ul> </li> <li><a href='#'><span>About</span></a></li> <li><a href='#'><span>Contact</span></a></li> </ul> </div>Kamis, 07 Maret 2013
MENU TANPA DROPDOWN
<a href="http://www. aryudamandraguna.blogspot.com " class="navigation">HOME</a>
<a href="http://www.aryudamandrag una.blogspot.com " class="navigation">MAN ANA</a>
<a href="http://www.aryudamandrag una.blogspot.com " class="navigation">BUKU TAMU</a>
<a href="http://www.aryudamandrag una.blogspot.com " class="navigation">FACEBOOK</ a>
<a href="http://www.aryudamandrag una.blogspot.com " class="navigation">TWITER</a>
Langganan:
Komentar (Atom)