Sunday, April 27, 2014

Membuat menu menempel di pojok bawah kiri dengan CSS & HTML


            Cahya Dyazin - kali ini saya akan berbagi cara bagai mana caranya membuat menu menempel di pojok kiri bawah denggan menggunakan css dan html, mari kita langsung tengok script nya di bawah ini :
langsung copy paste dan coba langsung hasil nya di blog atau web kawan semua :)


<style type="text/css">

.melayang {

    position: fixed;

    bottom: 0;

    center: 0;

    opacity:70;

    background-color:#2A2727;

    margin:-25px;

   padding: 10px;

   font-weight:bold;

   border-radius:5px;

   color:#ffffff;

   border:3px solid #FFFFFF;

}

#melayang:hover{

   background-color:#191717;

   border-radius:5px; 

   padding:9px;

   font-size:11px;

   text-decoration:none;

}

#melayang{

   background-color:#252121;

   border-radius:5px;

   padding:9px;

   font-size:11px;

   text-decoration:none;

}

</style>

<div class="melayang">

  <table>

     <tr>

          <td><a href="http://cekmyinfo.net/wp-login.php?action=register" id="melayang"> Register </a></td>

          <td><a href="http://cekmyinfo.net/wp-login.php" id="melayang"> Login </a></td>

           <td><a href="http://mycekinfo.blogspot.com/" id="melayang" target="_blank"> MyBlog </a></td>

      </tr>

  </table>

</div>


Note : Ganti tulisan yang berwarna merah dengan link yang kawan inginkan

Saya hanya seorang "newbie" yang baru bisa ngoding lohor kemarin.


EmoticonEmoticon