Penerangan ini berdasarkan classic template dan template layout launch 2006..
Sebelum ni aku ada buat penerangan pasal header..seperti yang anda tahu header tu berada di atas bukan sebab CSS atau pun nama dia header.. tetapi sebab pada code HTML header diletakkan di atas..
Pada penerangan tu juga aku ada bagitau bila anda padam seluruh template CSS header,sidebar,widget,entri dll tetap ada pada blog..namun jika anda delete code HTML selepas code sehingga code ...blog anda akan kosong..CSS akan disfuntion..
Berikut adalah contoh CSS dan HTML..code ni memang anda akan jumpa jika anda 'bedah' template yang aku sebut di atas...
#header - CSS
<div id='header'> - HTML
#outer-wrapper - CSS
<div id='outer-wrapper'> - HTML
#main-wrapper - CSS
<div id='main-wrapper'>
#sidebar-wrapper - CSS
<div id='sidebar-wrapper'> - HTML
#footer - CSS
<div id='footer'> - HTML
Code CSS terletak selepas code <b:skin> sebelum code ]]></b:skin>
manakala
code HTML terletak selepas code <body> sebelum code </body>
Berikut adalah susunan CSS dan HTML pada template.. dalam susunan ni aku sertakan penutup code untuk code HTML tu..Pembuka dan penutup code aku samakan kaler dia...sila ambil perhatian..
<html>
<head>
<b:skin>
#header
#outer-wrapper
#main-wrapper
#sidebar-wrapper
#footer
</head>
<body>
<div id='header'>
</div>
<div id='outer-wrapper'>
<div id='main-wrapper'>
</div>
<div id='sidebar-wrapper'>
</div>
</div>
<div id='footer'>
</div>
</body>
</html>
Apa macam boleh ikut x..? macam tu la susunan code CSS dan HTML pada template layout launch 2006 tu..tapi yang ni hanya contoh..x ada efek css dan coding html yang lengkap...hanya untuk pemahaman dan pembelajaran
X faham..tanya ja..sekian..
Tiada ulasan:
Catat Ulasan