CSS : Men/Friss kirs tblzattal s CSS-vel |
Men/Friss kirs tblzattal s CSS-vel
Dem:
ide jn a szveg vagy a kp ide jn a szveg vagy a kp ide jn a szveg vagy a kp ide jn a szveg vagy a kp |
Kett kdra van szksgnk, az egyik a tblzat, a msik pedig a CSS.
Tblzat:
Ezt a kdot annak a modulnak a forrskdjba kell beillesztened, amelyikbe szeretnd a ment / frisstst kirakni. A beilleszts utn visszatrhetsz rendes szerkeszti nzetbe, ahol ltni fogsz kt cellt egyms alatt. rtelemszeren az elsbe megy a men neve, vagy a frissts neve, dtuma; a msodikba pedig a tartalmi rsz. Kd:
<table>
<tbody>
<tr>
<td class="friss1">ide jn dtum stb</td>
</tr>
</tbody>
</table>
<table>
<tbody>
<tr>
<td class="friss2">ide jn a szveg vagy a kp ide jn a szveg vagy a kp ide jn a szveg vagy a kp ide jn a szveg vagy a kp</td>
</tr>
</tbody>
</table>
CSS:
A CSS kdban tudjuk megadni a mennk / frisstsnk kinzett. Ha jl megfigyelted az elbbi tblzat kdban van kett "class" rsz, ezek a CSS-ben is megtallhatak. A "friss1" vonatkozik a men / frissts cmre, dtumra stb; a "friss2" pedig a tartalmi rszre. Ezt a kdot legclravezetbb jobb/bal oldalon lv egyszer modul forrskdjba rakni, gy ha tbb helyre is beilleszted a tblzat, nem kell mindig jra elkszteni hozz a CSS-t. A kdban lv magyarzatot nem kell kitrlnd, a kd gy is mkdik. Kd:
<style type="text/css">
td.friss1 /* men vagy frissts cme */
{width: 400px; /* szlessg */
height: 15px; /* magassg */
background-color: #cccccc; /* httrszn */
font-size: 9px; /* betmret */
font-color: #000000} /* betszn */
td.friss2 /* tartalmi rsz */
{width: 400px; /* szlessg */
background-color: #F0F8FF; /* httrszn */
font-size: 10px; /* betmret */
font-color: #000000} /* betszn */
</style>
Termszetesen tbb tulajdonsg is megadhat (bettpus, keret stb.).
|