Modern Drop Down Button CSS3

Seperti halnya multi download button sebelumnya kali ini saya memberikan contoh button drop down dengan css3 agar tampilan blog lebih maksimal. Dan tentunya lebih modern mengusung tekhnologi framework bootstrap dengan gaya blog metro ui style.

DEMO

Untuk Komponen Element sebagai berikut :

CSS

Code:

<link href='https://sites.google.com/site/samsurysites/modern-button/modern button.css' rel='stylesheet' type='text/css'/>

JS

Code:

<script src='https://sites.google.com/site/samsurysites/modern-button/modern button.js' type='text/javascript'/>

Jquery

Code:

<script type='text/javascript' src='jquery-1.10.2.min.js'></script>

FONT

Code:

<link href='//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css' rel='stylesheet'/>

HTML

Code:

<div class="m-btn-group">
  <a class="m-btn green"><i class="icon-cog icon-white"></i> Settings</a>
  [url=#]
    <span class="caret white"></span>
  [/url]
  <ul class="m-dropdown-menu">
      <li>[url=#]<i class="icon-user"></i> Edit Profile[/url]</li>
      <li>[url=#]<i class="icon-th-list"></i> View Profile[/url]</li>
      <li>[url=#]<i class="icon-question-sign"></i> Help[/url]</li>
      <li>[url=#]<i class="icon-off"></i> Logout[/url]</li>
  </ul>
</div>

SOURCE

 

sangat modern memang, tapi

sangat modern memang, tapi masih suka dengan tampilan jadul blog saya

 

Lengkap banget ada CSS

Lengkap banget ada CSS Javascript Jquerry ditambah Font lagi.
Belum di cantolin gambar ^_^

Tapi tampilannya menarik.