Assalamualaikum. Welcome to TiraTiersTutorial. Kindly pressDashboard or Follow
TiraTiersTutorial: Link
Showing posts with label Link. Show all posts
Showing posts with label Link. Show all posts

Link Hover Bergambar :)

0 protege nyanyi tentang rasa

Tau tak Link Hover Bergambar tu apa ? Alaaa, bila kita halakan cursor kat mana-2 link , nanti link tu keluar gambar . Faham ? Tak faham lagi ? Baca balik banyak kali ^^

Steps :-
  • Edit HTML
  • Tick Expand Widget Template 
  • Search code a:hover{ / a:hover {
  • Dah jumpa kan. tak jumpa pandai-2 la . 
  • Copy code ni , and paste bawah code a:hover { tadi .
background: url (LETAK URL GAMBAR KORANG);
background-repeat: repeat;
text-decoration:none;
}

Save lahh :)

P/Sss :- Tutorial ni sesuai digunalan tak kira apa jua template . Skema pulak. Opss :P

Tutorial Colourful Link Hover :D

0 protege nyanyi tentang rasa

Today Tira nak buat tutor untuk Colourful Link Hover . Ini untuk bila kita gerakkan cursor dekat mana-mana link, link tu akan berubah jadi warna pelangi . Bukan DARLING keyh . Opps :P Haha . Keyh , Kita start now. 

Steps :-

  • Pergi ke Edit HTML .
  • Search kod a:hover { (kalau takde cuba ubah sikit kod tu keyh)
  • Copy kod kat bawah .
  • Paste bawah kod a:hover { tadi tu .
-webkit-background-clip: text;color: white;-webkit-transition: 1.0s;-webkit-text-fill-color: transparent;background-image:-webkit-gradient(linear, left top, right top, from(#ea8711), to(#d96363));background-image:-webkit-linear-gradient(left, #ea8711, #d96363, #73a6df, #9085fb, #52ca79);background-image:-moz-linear-gradient(left, #ea8711, #d96363, #73a6df, #9085fb, #52ca79);background-image:-ms-linear-gradient(left, #ea8711, #d96363, #73a6df, #9085fb, #52ca79);background-image:-o-linear-gradient(left, #ea8711, #d96363, #73a6df, #9085fb, #52ca79);}

P/Ssss :- Ini sesuai untuk digunakan pada mana-mana template . Harap Maklum :*  Kbyeee .