Ctrl+U

ENTRY ABOUT LINKS STUFFS FACEBOOK INSTAGRAM NEWER OLDER +FOLLOW









D' O W N E R


Hasyimiah Azahra|14 Years Old|Indonesian|This Blog for tutobies, my self, and some knowledge|Hope You Like my Blog|
C B O X

Request Tutorials or Freebies Here.s
Ask For Followback Here
Don't Forget to Follow
Use your real name. Do not use anonymous! Please
MY ARCHIEVE

CHOOSE ONE BACKGROUND

Pink Love Tooltips Background 2 Tooltips Background 3
C R E D I T S

© Skin by Nur Aliaa Header by Hasyimiah az-Zahra. Image from 동방 To Hasyimiah az-Zahra . Do tell me if I do not credit yours. Don't open my page source!

Tutorial 6: Hover Image Got Something
    
     Tutorial ini Hasyimiah dapetin kodenya dari blog Salsa.

Bentuknya kayak gimana sih?

Bentuknya itu misalkan ada gambar, kursor kita diarahkan di gambar itu, nanti jadinya di gambar itu ada tulisan tulisan. Masih bingung? di coba aja deh
Ikuti Step:
  • Copy semua kode ini.<style>#ck{
    background:#FBEFF2;
    color:#000;
    width:270px;
    height:200px;
    margin-top:-210px;
    padding-left:0.5px;
    padding-right:0.5px;
    padding-bottom:0.5px;
    padding-top:5px;
    opacity:.0;
    -webkit-transition:all .5s ease-in-out; }
    #ck:hover{opacity:.7}</style>
    <div style="text-align:center;"><img height="200";width="300" src="URL Gambar-mu" width="250" /><br />
    <div id="ck"><br />Bla bla bla
    <br />
    Bla bla bla

    <br />
    Bla bla bla 

    <br />
    Bla bla bla

    <br />
    Bla bla bla</div></div>

    Adjust code :
    - Merah : Ganti dengan URL Gambar kesukaanmu.
    - Biru : Ganti denga kalimat apapun sesukamu :)
    • Paste-kan di ruang HTML/JavaScript tadi.
    • Lalu save! selesai...
         SEMOGA BERHASIL


0 Komentar:

Posting Komentar


0 comment[s]

Cat Hasyimiah