CSS : Szveg/kp mgtt kp (httr) |
Szveg/kp mgtt kp (httr)
Dem:
Ide jn a tartalom, ami lehet brmilyen szveg, st akr kpet is illeszthetsz be! me pr kp mutatba :)

|
Kt kdra van szksgnk, az egyik egy tblzat, a msik pedig egy CSS.
Tblzat:
Egy cellra van szksgnk, aminek a kdjt annak a modulnak a forrskdjba kell beilleszteni, amelyikben httrrel szeretnnk megjelenteni a tartalmat. A kd beillesztse utn nyugodtan visszatrhetnk rendes szerkeszti nzetbe, s a szoksos mdon rhatjuk a tblzatba a szveget, illeszthetjk be a kpeket. Kd:
<table>
<tbody>
<tr>
<td class="picttext">
<p>Ide jn a tartalom, ami lehet brmilyen szveg, st akr kpet is illeszthetsz be!</p>
</td>
</tr>
</tbody>
</table>
CSS:
A CSS kddal hatrozhatjuk meg a tblzatunk kinzett, itt kell megadnunk, hogy milyen kp legyen a tartalom httere. A legjobb, ha ismtld kpet adunk meg, de akr sima kpet is megadhatunk. Utbbi esetben mindenkppen legyen egyez a tblzat mrete a kp mreteivel, illetve gyeljnk arra, hogy a tartalom, ne legyen tbb annl, amit a kp mrete megenged. A kdot a legidelisabb jobb/bal oldalon lv egyszer modulba illeszteni, gy ha a tblzatot tb helyen is hasznlod, mindig ugyangy fog kinzni. A kdban tallsz magyarzatot is, ezt nem kell trlnd, a kd gy is mkdik. Kd:
<style type="text/css">
td.picttext
{width: 400px; /* tblzat szlessge */
height: 140px; /* tblzat magassga */
background-image: url("KP URL-je"); /* a httr url cme, az idzjelek kz rd */
font-size: 11px; /* betmret */
font-color: #000000} /* betszn */
</style>
Termszetesen tbb tulajdonsg is megadhat a CSS-ben (bettpus, keret stb.).
rtelemszeren tbbszr beillesztheted egy modulba a tblzatot, gy igen vonzv teheted a frisstsek kirst. Pl.:
tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom!

|
tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom!

|
tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom!

|
|