Si ti krijojmë tabelat në vBulletin - XHTML dhe CSS

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:

<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" ..

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:



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:

<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:

<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>

1.

2.

Me tabelat ju mund të bëni cfarë të dëshironi.