Hai, apa khabar? hihi. Semalam sy share code untuk buat text marquee, so hari ni pulak sy nak share code yang biasa orang guna untuk menyusun image seraca 'horizontal' di dalam 1 baris. Code ni asalnya berada di script autolike saya disini , jadi sy akan berikan sedikit keterangan yang sy ambil dari site W3C (World Wide Web Consortium) untuk code yang akan sy kongsikan ni.
Take note:
- Sy menyusun image ini dengan menggunakan kaedah 'table' di dalam 1 baris
- Contoh ini telah sy gunakan untuk shortcut social link seperti facebook, twitter. Setiap image yang sy sediakan ini mempunyai link atau tag HREF. Tujuanya apabila anda click ia akan direct ke link tersebut. Sekiranya anda tidak mahu link pada image, just remove tag a href kemudian remove juga tag terakhir </a>
- Kunci utama pada code ini ialah membuat table, satu baris ialah (TR), coloumn cell berganda (TD). Pastikan setiap permulaan di akhiri dengan </tag>.
Preview Code:
Code:
<div align="center"><table cellpadding="0" width="400" cellspacing="0"><tr>
<td><a href="http://www.facebook.com/UltraRevolutioncom" target="_blank"><img src="http://api.ning.com/files/MDqSwhCErxpAQCHv4V6BYNGSo6HZtPRtmdNol8nUrh*9kn1SnIvLjlpZd6Ko*QzkrV*cTHhej40aypylc9FNyuGQpVsVCJyS/facebooks3_128.png" alt="Join My Facebook Fan Page" width="128" height="128" border="0"></a></td>
<td><a href="http://www.myspace.com/yourpage" target="_blank"><img src="http://api.ning.com/files/DsEd0qFuUcwu-OqK9dBmlNVWoJnSrPzFfHychkrtcyfIjc3ClCHytCj7mN4-pm0ueyEsbXFWSsCmgbKKk87IKMBhWf9093Ba/myspaces3_128.png" alt="Check Me Out On MySpace" width="128" height="128" border="0"></a></td>
<td><a href="http://twitter.com/izam7379" target="_blank"><img src="http://api.ning.com/files/DsEd0qFuUcyyy80lToFsf7IsEIyNbOEfUNaXKa1B3Jg6Oyf*PzQO3DZuQ3sltrfVqgifMzcq59A7ip8S0KYYtSYbsFhBFNrX/twitters3_128.png" alt="Follow Me On Twitter" width="128" height="128" border="0"></a></td>
</tr></table></div>
No comments:
Post a Comment