Cikkajánló
Sokszor feltűnik, hogy használtok egyedi betűtípust a Google Fonts-ról. Ami egy nagyon jó szokás igazából és mindenkinek ezt is ajánlom használatra, mert kevesebb macera és biztos, hogy mindenhol a
Új szavazást készítettem, amit már ki is tettem az oldalsávba de itt ebben a modulban is lehet szavazni. Azért írok róla külön bejegyzést is, mert nagyon kíváncsi vagyok a
  Egy újabb hullámos tutorial készült el. Ezzel az eljárással már készítettünk egy hullámos leírást, de itt most az egyenletes hullám készítéséről lesz szó. A leírás a G-portálos aloldalon
Sosugary Gallery | Jennifer Lawrence téma Szövegdoboz | Kattintásra kijelöli és másolja a szöveget Ingyenes téma | Coppermine Gallery free theme Prémium téma | Sophie Turner WordPress theme WordPress | Letöltés számláló
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>

lindadesign Hozzászólások
2 302 megtekintés

Hozzászólások