Neko

Kód magyarázata

Táblázat kód:

<div align="center">
<table cellspacing="0" cellpadding="0" class="oldalmodul">
    <tbody>
        <tr>
            <td height="" class="oldalcim">Oldalsáv</td>
        </tr>
        <tr>
            <td height="" class="oldalszöveg">
            <p>IDE JÖN A SZÖVEG! IDE JÖN A SZÖVEG! IDE JÖN A SZÖVEG! IDE JÖN A SZÖVEG! IDE JÖN A SZÖVEG! IDE JÖN A SZÖVEG!</p>
            </td>
        </tr>
        <tr>
            <td height="7" colspan="2" class="oldaldatum">2010. 08. 28.<br />
            LindaDesign</td>
        </tr>
    </tbody>
</table>
</div>

CSS kód (A CSS kódot jobb vagy bal oldalra tedd egyszerű modulban! (AJÁNLOTT)

<style type="text/css">
.oldalmodul {
/* az egész táblakód. Itt a szélesség beállítása a lényeges */
        background:transparent;
        HEIGHT: 100%; /* szövegdobozod magassága. Ezt nem kell bántani */
        width: 266px; /* szövegdobozod szélessége */
}

.oldalcim {
/* a táblafejléc kódja */
  background:transparent; /* háttér színe átlátszó. Nem kell bántani */
  background-image: url(//aranymeli.gportal.hu/portal/aranymeli/image/gallery/1348903301_89.png); /* fejléc szövegdobozod URL címe */
        font-family: georgia; /* betűtípus */
        text-shadow: #c7c4c7 2px 2px 2px; /* betű árnyéka */
        color: #E66B72; /* betűszín */
        text-align: center; /* szöveg pozíciója középen */
        font-size: 27px; /* betű mérete */
        font-weight: bold; /* betű vastagsága */
        font-style: italic; /* betű dőlt legyen vagy normal */
        padding-top: 50px; /* cím helyzete fentről */
        padding-right: 70px; /* cím helyzete balról */
        HEIGHT: 83px; /* szövegdobozod magassága. A fejléc képed magassága */
}

  .oldaldatum {
/* a dátumrész kódja */
  background: transparent; /* háttér színe átlátszó. Nem kell bántani */
  background-image: url(//aranymeli.gportal.hu/portal/aranymeli/image/gallery/1348903284_78.png); /* fejléc szövegdobozod URL címe */
  font-family: georgia; /* betűtípus */
  font-size: 11px; /* betű mérete */
  color: #E66B72; /* betűszín */
  text-align: left; /* szöveg pozíciója középen */
  padding-left: 160px; /* cím helyzete balról */
  padding-right: 0px; /* cím helyzete jobbról */
  padding-bottom: 0px; /* cím helyzete lentről */
  padding-top: 5px; /* cím helyzete fentről */
  text-shadow: #cbcbc7 1px 1px 1px; /* betű árnyéka */
  HEIGHT: 31px; /* szövegdobozod magassága. A lábléc képed magasság */
  line-height: 14px; /* sorok közti távolság */
}

  .oldalszöveg {
/* a tartalmi rész kódja */
  background-color: transparent; /* háttér színe átlátszó. Nem kell bántani */
  background-image: url(//aranymeli.gportal.hu/portal/aranymeli/image/gallery/1348903293_93.png); /* fejléc szövegdobozod URL címe */
  font-family: georgia; /* betűtípus */
  font-size: 8pt; /* betű mérete */
  color: #6e6b6e; /* betűszín */
  text-align: justify; /* szöveg pozíciója bal */
  padding-left: 8px; /* cím helyzete balról */
  padding-right: 11px; /* cím helyzete jobbról */
  padding-bottom: 0px; /* cím helyzete lentről */
  HEIGHT: 100%; /* szövegdobozod magassága. Ezt nem kell bántani */
  line-height: 12px; /* sorok közti távolság */
  text-shadow: #ffffff 1px 1px 1px; /* betű árnyéka */
}
--></style>

Súgó Még nincs hozzászólás.

Frissítés

Csak regisztrált felhasználók írhatnak hozzászólást.