Tutorial Picture with Text Banner
LOL , I cant...
Heyoo and Assalamualaikum Guys and Girls.
Tutorial ini adalah tutorial letak text banner di sesuatu gambar. Contoh : Le Click
Okay , pertama kita letak semua ni sebelum (body)
#Banner {
font-family: 'Tulpen One', sans-serif;
font-size: 28px;
color: #eceeeb;
text-transform: uppercase;
text-align: center;
margin-bottom: 10px;
letter-spacing: 6px;
position: relative;
z-index: 999;
background-color: #0B6121;
height: 30px;
width: 450px;
margin-left: -25px;
top: 100px;
}

Yang hijau tu korang boleh edit. Yang lain tak payah , tapi kalau korang nak edit , edit lah.
Yang ini letak selepas Banner tu.Warna ungu tu korang ikut font yang korang nak. Cari font di sini: http://www.google.com/webfonts

#Bannerer {
max-width: 400px;
margin-top: -30px;
}
Ini korang kena letak di bawah(/head) . Tukarkan (.) ke <.> .

(div id="header")Text(/div)
(div id="banner")(img width="400px" height="225px" src="Image URL")(/div)

Warna hijau boleh ditukar.Warna biru tukar ikut ukuran banner yang telah ditukar.
Kredit: http://manatopia.org/
0 Notes
Thursday, May 31, 2012