2018. 04. 24.Coppermine | Thumbnails képek méretének változtatása egyszerűen
2018. 04. 18.Videó | PNG készítése Photoshop-ban
2018. 04. 17.Coppermine | Eredeti kép megnyitása új lapon és nem új ablakban
2018. 04. 03.Képről szöveg másolása
2018. 04. 02.Coppermine Galéria költöztetése
Coppermine Gallery themes

Coppermine Gallery themes
81 napja
111 néző

WordPress themes

WordPress themes
82 napja
114 néző

G-Portál themes

G-Portál themes
82 napja
67 néző

Tumblr themes

Tumblr themes
82 napja
101 néző

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

Hozzászólások