11 Juni 2013

Underline Style


Simpel, like this bla bla bla JUST PREVIEW. Ini fontnya bukan pompiere karena javascriptnya gak dipakai.

Di sini saya hanya mengubah font dan add background saja.

 steps adding font :
  • Copy code di bawah ini 
<link href='http://fonts.googleapis.com/css?family=Pompiere' rel='stylesheet' type='text/css'/>
  • Paste di bawah code <head>
  • Tekan F3, cari code  </style>
  • Copy code di bawah ini,  lalu paste di atas </style>

u{
text-decoration:none;
font:17px pompiere;
border-bottom: 4px double #FFD7D7;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
}
u:hover{
color:#fff;
background:#BDEDFF;
border-bottom:0px solid #e5dada;
border-radius:15px;
}
  • Jika kalian sudah punya code u {  dan u:hover {   Maka gak usah dipaste semua codenya. Tinggal ganti apa yang patut di ganti. 

Merah :  Type Font underline  ikuti tutorial lebih lanjut di sini



2 komentar:

  1. thanks kak! udah jadi kok :3

    BalasHapus
  2. tuto yang menarik ^^ menjadik . Tahniah :)

    BalasHapus

NO HARSH WORDS
please, don't SPAM here!
I'll reply if I didn't busy -.-