2017. 11. 27.Coppermine | Egérre felugró ablak tartalmának megváltoztatása
2017. 11. 26.GIF készítése egy pillanat alatt
2017. 11. 26.FREE theme | Dakota Johnson WordPress theme
2017. 11. 25.WordPress alapvető használata
2017. 11. 24.Ingyenes | Eliza Taylor G-Portálos téma
009.png

Eliza Taylor

001.png

Little Mix

040.png

Gal Gadot

008.png

Girls' Generation

Egyszerű szövegdoboz 1.
Egyszerű szövegdoboz 1.

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.


írta: LindaDesign ; időpont: 2010. Január 10..


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 349 megtekintés

Hozzászólások