Kód alkalmazása:
Ezt a részét abba az üres egyszerű modulba illeszd, amelyben a táblázatot szeretnéd látni. Vagy oldalra, vagy pedig középre is állíthatod, ennek a másolásával sokszorozhatod egymás alatt.
<!– táblázatkód eleje –>
<table cellpadding=”0″ cellspacing=”0″ width=”300″>
<tbody> <tr> <td class=”fej”> Táblázatmodul Menü Címe
</td> </tr> <tr> <td class=”tor”>
Táblázatmodul Tartalom
</td> </tr> <tr> <td class=”potroh”> Táblázatmodul Alja
</td> </tr> </tbody> </table>
<!– táblázatkód vége –>
Táblázatos Css Kód magyarázata:
Ezt pedig egy üres oldalmodulba tedd, pipákat vedd ki alulról, és máris működni fog.
<style type=”text/css”>
/* táblázatkód kinézete */
td.fej /* Táblázatmodul Menü Címe */{
background-image: url(“ide jön a kép linkje”); /* háttérkép */
background-color: transparent; /* háttér átlátszó */
font-size: 13px; /* betűméret */
color: #464646; /* betűszín */
font-weight: bold; /* vastagított */
font-style: normal; /* stíusa */
letter-spacing: 3px; /*betűk közötti távolság */
text-transform: normal; /* nincs küön formázva */
font-family: arial; /* betűtípus */
text-align: center; /* középre igazított */
border-top: 3px solid #cccccc; /* keretcsík fent */
text-shadow: 1px 1px 1px #cccccc; /* betűárnyék */
height: 15px; /* elem magassága */
width: 400px; /* elem szélessége */ }
td.tor /* Táblázatmodul Tartalom */{
background-image: url(“ide jön a kép linkje”); /* háttérkép */
background-color: transparent; /* háttérszín */
font-family: tahoma; /* betűtípus */
font-size: 9px; /* betűméret */
color: #888888; /* betűszín */
padding-left: 0px; /* távolság a bal szélétől */
padding-right: 0px; /* távolság a jobb szélétől */
border-bottom: 0px solid #EAEAEA; /* keret lent */
text-align: justify; /* igazítás */
border-bottom: 3px solid #cccccc; /* alsó keretvonal */ }
td.potroh /* Táblázatmodul Alja */{
background-image: url(“ide jön a kép linkje”); /* háttérkép */
background-color: transparent; /* átlátszó a háttérszín */
height: 5px; /* elem magassága */
width: 400px; /* elem szélessége */}
</style>
