Tungjatjeta, ky tutorial i thjeshtë do t'u mësojë se si ti krijoni tabelat në forumin vBulletin. Hap pas hapi ju do të mësoni se si të përdorni tabelat, si ti modifikoni ato!
Në rregull, pyetja e parë: ç'ka është një tabelë e vBulletin-it? Ju duhet të dini se vBulletini është e krijuar nga tabelat. Një tabelë vBulletin-i do të mud të ishte kjo, për shembull:
KOdi për ta përdorur:
Kodi HTML:
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
<td class="alt1" width="100%">
<div class="smallfont">Hi, this is a vBulletin table. Table class: <strong>tborder</strong>. Td class: <strong>alt1</strong>. Border: 0. Width: 100%. Align: center.</div>
</td>
</tr>
</table>
Dhe tani, do të mundohemi ta ndërrojmë table class. sa mund ta shihni tani është
tborder. Ta ndërrojmë atë në
tcat!
Kodi:
<table class="tcat" ..
.
Resultati:
Duke përdorur CSS mund ti ndryshojmë stilin tabelave të tanishme.
Tani do ta ndërrojmë
Td class, duke përdorur
tborder table class dhe
tcat table class.
- Table class: tborder. Td class: alt1:
-
- Table class: tcat. Td class: alt2:
-
Një pyetje më e vlefshme, tani do të sihte: si do të krijoja një tabelë si ajo më poshtë?
Thjeshtë! Duke përdorur Tr. në shembujt më lart, ne po përdornim Tr. Nëse përodrim dy Tr, ne mund ta bëjmë tabelën si fotoja..
Ky është kodi të cilin e kam përdorur:
Kodi HTML:
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
<td class="tcat" width="100%">
<div style="text-align: center;">
New Table Title
</div>
</td>
</tr>
<tr>
<td class="alt1" width="100%">
<div class="smallfont">
This is a vBulletin table. Table class: <strong>tborder</strong>. 1st Td class: <strong>tcat</strong>. 1st Td text align: <strong>center</strong>. Second Td class: <strong>alt1</strong>. Border: 0. Width: 100%. Align: center.
</div>
</td>
</tr>
</table>
Table class:
tborder. 1st Td class:
tcat. 1st Td text align:
center. Second Td class:
alt1. Border: 0. Width: 100%. Align: center.
Ju do të dëshironit të keni një tabelë të paluar. Është lehtë .
Ky është kodi i cili do t'ju ndihmoj:
Kodi HTML:
<a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('my_table')"><img id="collapseimg_my_table" src="$stylevar[imgdir_button]/collapse_tcat$vbcollapse[collapseimg_my_table].gif" alt="" border="0" /></a>
<tbody id="collapseobj_my_table" style="$vbcollapse[collapseobj_my_table]">
"Ku duhet ta vendos unë atë?" Në tabelën tuaj të parë Td, shpesh. Duke përorur kodet që ne kemi përdorur deri tani..
Kodi:
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
<td class="tcat" width="100%">
<a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('my_table')"><img id="collapseimg_my_table" src="$stylevar[imgdir_button]/collapse_tcat$vbcollapse[collapseimg_my_table].gif" alt="" border="0" /></a>
<div style="text-align: center;">
New Table Title
</div>
</td>
<tbody id="collapseobj_my_table" style="$vbcollapse[collapseobj_my_table]">
</tr>
<tr>
<td class="alt1" width="100%">
<div class="smallfont">
[snip]
</div>
</td>
</tr>
</table>
Rezultati
Me tabelat ju mund të bëni cfarë të dëshironi.
________________________________
Tutoriali marrë nga:
www.webcity.it
