Langsung ke konten utama

Selamat Datang Tahun 2014

Komentar

  1. Kereeennnnd :)
    Hopefully the beautiful Good luck in 2014 !
    " Time flies , Gazette after the sheets have been passed . Graffiti for graffiti meets.

    BalasHapus
  2. Selamat Menyambut Tahun Baru 2014 Brother Bro...semoga menjadi lebih Baik...

    BalasHapus
  3. met taun baru sob tambah sukses ditahun2 mendatang

    BalasHapus
  4. kunjungan perdana maz . . .kerenn banget ya
    kagum berat aku

    BalasHapus
  5. Hehehe :D Blogazine :D jadi kangen sama blogazine :D Curhat mas :) 1 tahun yang lalu saya Blogaziner lohh :D hehehe :)




    Admin
    Cyber4rd.blogspot.com

    BalasHapus
    Balasan
    1. iya . Sdh lama ya. Dulu pada banyak yg bikin pos unik.

      Hapus
  6. keren abis, harus naik level buat bisa blogazine :D

    BalasHapus
  7. Selamat Tahun baru 2014 Kang Ruly semoga lebih sukses
    Di tahun baru ini salam sukses salam sejahtera :)

    BalasHapus
  8. keren, banget. salam sukses.

    BalasHapus
  9. Selamat Tahun Baru 2014 kang, semoga makin sukses dan makin kreatif.... selalu jempol buat kang Ruly.... :-d :-d :-d

    BalasHapus
  10. Selamat tahun baru 2014 semoga hari esok lebih baik dari pada hari ini :)

    RioUs

    BalasHapus
  11. selamat tahun baru juga nih sob

    BalasHapus
  12. Selamat tahun baru ya :)
    Semoga di tahun yang baru ini, bisa lebih baik dari tahun sebelumnya. Amin :)

    BalasHapus
  13. saya juga mau mengucapkan Selamat tahun baru 2014 kang Ruly dan sukses selalu :)

    BalasHapus
  14. met tahun baru jg...... cakep kata-katanya, dua jempol deh buat mas Ruly

    BalasHapus
  15. Wah2 keren kang..
    Selamat tahun baru kang.. semoga sukses selalu,, amin..

    BalasHapus
  16. HAPPY NEW YEAR KANG RULY,SEMOGA TAHUN 2014 LEBIH BAIK DARI TAHUN SEBELUMNYA AMIIN

    BalasHapus

Posting Komentar

Postingan populer dari blog ini

Membuat Menu Dengan CSS Border Animation

Setelah beberapa waktu lalu selalu membuat postingan dengan konsep blogazine sebagai ajang pelepas suntuk dan sebagai trick menghindari kejenuhan dalam blogging saat ini saya akan coba share kebiasaan lama yaitu tutorial dalam membuat menu navigasi. Kali menu yang ditawarkan sangat-sangatlah simple , hanya memanfaatkan border dan sedikit animasi hover . SEE DEMO CSS .items{ margin-top:50px; } .items li{ float:left; padding:20px 35px 20px 35px; list-style:none; border:5px solid rgba(255,255,255,0.2); margin-left:10px; -webkit-box-reflect: below 0.5px -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(75%,transparent),to(rgba(255,255,255,0.4))); } .items li:hover{ border:5px solid rgba(255,255,255,1); -webkit-transition:all ease-in 0.3s;/*Chrome*/ -moz-transition:all ease-in 0.3s;/*Firefox*/ -o-transition:all ease-in 0.3s;/*Opera*/ -ms-transition:all ease-in 0.3s;/*Microsoft*/ } .items li a{ color:#FFF; text-decoration:none

Membuat Slideout Navigation

Masih Seputar tutorial dalam membuat menu untuk bagian sidebar , namun ini agak sedikit berbeda dari menu tutorial kemaren yang menggunakan system hover , karena kali ini saya menggunakan Push Menu dengan system onclick ( menu akan muncul setelah kita klik tombol / button  tertanda ) dan sekaligus ini jawaban dan request para sahabat.  Baca: Memasang Simple Flat Sidebar  Demosion   Langkah Kustomisasi  Masukan kode CSS dibawah ini sebelum kode </style> .pushmenu { /*this is the nav*/ background: #3c3933; font-family: Arial, Helvetics, sans-serif; width: 240px; height: 100%; top: 0; z-index: 1000; position:fixed; } .pushmenu h3 { color: #cbbfad; font-size: 14px; font-weight: bold; padding: 15px 20px; margin: 0; background: #282522; height: 16px; } .pushmenu a { display: block; /* drops the nav vertically*/ color: #fff; font-size: 16px; font-weight: bold; text-decoration: none; border-top: 1px solid #56544e; b

Menu CSS3 Dengan Efect Hover

Menu CSS3 Dengan Efect Hover    - Sudah beberapa hari ini diliputi dilema pada background .. susah nentuin yang pas , biarpun pada akhirnya sedikit merasa lega juga dengan yang sekarang ,memang belum puas tapi ya sudahlah . O..ya pada sedikit kesempatan ini saya akan coba share sebuah menu simple CSS3 dengan hover efect yang lumayan bisa diandalkan untuk merubah penampilan template . Untuk lengkapnya silahkan cek demonya . See Demo Komposisi   CSS3  /.....---CSS3 BREWOK---.....\ nav {   font:700 16px/60px 'Lato', sans-serif;   width:90%;   margin:30px auto 0 auto;   background: #374D61 ;   overflow:hidden;   -webkit-border-radius:8px;   -moz-border-radius:8px;   -o-border-radius:8px;   border-radius:8px; } nav ul {   height:60px;   overflow:hidden; } nav ul li {   width:25%;   float:left;   text-align:center; } .item-container {   position:relative;   height:120px;   cursor:pointer;   -webkit-transition: all 0.3s ease; -moz-transition: