Cikkajánló
Kellemes estét :) Hoztam mára még négyféle project szövegdobozt és kilencféle elit csere ikon effektet. Az összes egyesével megnézhető az alábbi linkeken. Válogassatok :) A project dobozoknál és az
Hoztam egy egyszerű de mutatós CSS idézetblokkot. Egy kicsit a sima hagyományos idézetblokkot átalakítottam. Hasonló kinézeteket már biztosan láttatok egyes oldalakon. G-Portálon és rendes HTML oldalon is ugyanaz a
Most valahogy nagyon szivárvány színhez volt kedvem, így egy jó színes egész sablont készítettem Photoshop-ban. A sablon ingyenes és innen le is tölthető :) Bármilyen oldalon felhasználható, csak szét
Blog téma G-Portálra 2.0 Betűtípus kereső Teszteld oldalad felbontását URL cím értelmezése CSS kód beillesztése G-Portálra
Egy modulon belül több modul

Egy modulban több modul kódja:
Amit bejelöltem az a modul része. Most a kódban 2-szer jelenik meg, mint nálam a mintában. Ha kevesebbet szeretnél, törölj ki belőle de csak azt, amit kijelöltem, ha többet szeretnél, akkor pedig másolj még bele több kijelölt sort. A kód oldalad szélső vagy középső moduljában is használható.
 

Modulod címe, vagy frissek cím

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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, ide jön a szöveg, ide jön a szöveg,LindaDesign

Modulod címe, vagy frissek cím

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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, ide jön a szöveg, ide jön a szöveg,LindaDesign


Táblázat kódja
Jelenleg 2 darab modul van a kódban. Ha többet szeretnél, akkor ebben a kódban tehetsz még hozzá. Egy modulhoz ezek tartoznak (kijelöltem egy teljes modul kódját)
 

<table border="0" cellpadding="0" cellspacing="0" class="module" style="width: 100%; height: 0px;">
    <tbody>
        <tr>
            <td class="modtitle1">
                Modulod címe, vagy frissek cím
            </td>
        </tr>
        <tr>
            <td class="tartalom">
                <p>
                   IDE JÖN A TARTALOM
                </p>
            </td>
        </tr>

        <tr>
            <td class="modtitle1">
                Modulod címe, vagy frissek cím
            </td>
        </tr>
        <tr>
            <td class="tartalom">
                <p>
                  IDE JÖN A TARTALOM
                </p>
            </td>
        </tr>
    </tbody>
</table>


CSS kód
 

<style type="text/css">
td.modtitle1 { /*  modulok fejléce  */
    font-family: "Trebuchet MS";
    font-size: 12px;
    text-shadow: #ACACAC 2px 2px 2px;
    color: #705E88;
    font-weight: bold;
    font-style: normal;
    text-align: center;
    border-top: 3px solid #705E88;
    border-bottom: 0px solid #1e9396;
    background-color: #D6CFDE;
    padding-top: 3px;
    padding-bottom: 3px;
    background-image: url();
    background-repeat: no-repeat;
    background-position: left center;
    -moz-border-radius: 0em 0em 0em 0em;
    -webkit-border-radius: 0em 0em 0em 0em;}
.tartalom {
    -moz-border-radius: 1.3em 0em 1.3em 0em;
    -webkit-border-radius: 1.3em 0em 1.3em 0em;
    font-size: 11px;
    font-style: normal;
    line-height: 15px;
    text-align: justify;
    color: #000000;
    border: 1px solid #e3dfd7;
    padding-top: 4px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    background-color: #FDFDFD;
    background-position: center bottom;
    background-repeat: repeat-x;
    font-family: "Trebuchet MS";
}
-->    </style>

lindadesign Hozzászólások
788 megtekintés

Hozzászólások