Szövegdoboz kódja
 

<table border="0" cellpadding="0" cellspacing="0" width="100%">
    <tbody>
        <tr>
            <td class="main1">
                Egyszerű szövegdoboz 1.
            </td>
        </tr>
        <tr>
            <td class="main2">
                <p>
                    Ez egy nagyon klassz friss dobozka. Mondjuk a főoldalon ebben írhatod a napi frissítéseket. A doboz szélességre automatikusan állítódik, attól függően mennyire keskeny vagy vastag az oldalad :) Képeket is lehet beletenni. Ha nem tetszik a doboz színe, akkor a CSS-ben átírhatod a színeit. Szöveg, kép, link vagyis minden mehet bele.
                </p>

 

                <p style="text-align: center;">
                    <br />
                    <img alt="" src="/images/scripts/image-effects/008.png" style="width: 300px; height: 300px;" />
                </p>
            </td>
        </tr>
        <tr>
            <td class="main3">
                írta: <em>LindaDesign </em>; időpont:<em> 2010. Január 10..</em>
            </td>
        </tr>
    </tbody>
</table>

CSS kód
 

<style type="text/css">
.main1 { /* cím kinézete */
      background-color: #1B1C16;
      font-family: Trebuchet MS;
     font-size: 15px;
     font-weight: bold;
     font-style: normal;
    color: #DCF8FF;
    text-align: center;
    text-transform: uppercase;
    border-bottom: 5px solid #E275DA;
    padding: 8px;}
.main2 { /* tartalom kinézete */
    background-color: #DFF9FF;
    font-family: Arial;
    font-size: 14px;
    font-weight: normal;
    color: #484848;
    text-align: justify !important;
    padding: 8px;
}
.main3 { /* alsó rész kinézete */
    background-color: #F7E7F3;
    font-family: Arial;
    font-size: 12px;
    color: #484848;
    text-align: center;
    padding: 4px;
}
-->
</style>

2 622 megtekintés