Cikkajánló
Hoztam egy újabb jópofa CSS kódot, amit G-Portálon, WordPress-ben vagy bárhol máshol is lehet alkalmazni :) Akár szélső sávban, akár a főmodulban is. Én most a példa kódot egy
Ez egy leírás arról, hogyan tudsz a Coppermine Galéria fejlécébe ugyan úgy egyedi menüt tenni, mint pl. a weboldalad fejlécébe. Szóval nem a megszokott hagyományos két soros menü lesz
Sziasztok! A napokban készítettem rendelésre G-Portálos design-okat, és úgy belejöttem, hogy csak úgy, mert éppen volt időm, csináltam négy darab ingyen letölthetőt is :) Többször van, hogy mostanában úgy
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ó Apró tippek weboldal szerkesztőknek
Egyszerű modulstílus
Modulod címe, vagy frissek cím

IDE JÖN A SZÖVEG!!!


Modulstílus kódja
 

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


CSS kód
 

<style type="text/css">
td.fejlec { /*  modul fejléce  */
    font-family: "Trebuchet MS"; /* betű típusa*/
    font-size: 16px; /* betű mérete */
    text-shadow: #ACACAC 2px 2px 2px; /* árnyék a címnek */
    color: #c42b02; /* szöveg színe */
    font-weight: bold; /* szöveg vastag */
    font-style: normal;
    text-align: center; /* szöveg középen */
    border-top: 5px solid #f0dbb8; /* keret vastagsága fent */
    border-left: 5px solid #f0dbb8; /* keret vastagsága balra */
    border-right: 5px solid #f0dbb8; /* keret vastagsága jobbra */
    border-bottom: 0px solid #1e9396; /* keret vastagsága lent */
    -moz-border-radius: 6em 6em 0em 0em; /* keret kerekítése */
    -webkit-border-radius: 6em 6em 0em 0em; /* keret kerekítése */
    background-color: #f4ead0; /* fejléc háttere */
    padding-top: 6px; /* cím felett lévő üres rész */
    padding-bottom: 9px; /* cím alatt lévő üres rész */}
.tartalom { /* modul tartalmi része */
    -moz-border-radius: 0em 0em 3em 3em; /* keret kerekítése */
    -webkit-border-radius: 0em 0em 3em 3em; /* keret kerekítése */
    font-size: 11px; /* betű mérete */
    font-style: normal;
    line-height: 15px; /* sorok közti távolság */
    text-align: justify; /* szöveg elrendezése */
    color: #000000; /* szöveg színe */
    border: 1px solid #f0dbb8; /* keret színe, típusa, mérete */
    padding-top: 4px; /* cím felett lévő üres rész */
    padding-right: 8px; /* címtől jobbra lévő üres rész */
    padding-bottom: 8px; /* cím alatt lévő üres rész */
    padding-left: 8px; /* címtől balra lévő üres rész */
    background-color: #f7eac9; /* háttér színe */
    font-family: "Trebuchet MS"; /* betű típusa*/
}
.tartalom:hover { /* modul tartalmi része ha ráviszed az egeret */
    -moz-border-radius: 0em 0em 3em 3em; /* keret kerekítése */
    -webkit-border-radius: 0em 0em 3em 3em; /* keret kerekítése */
    font-size: 11px; /* betű mérete */
    font-style: normal;
    line-height: 15px; /* sorok közti távolság */
    text-align: justify; /* szöveg elrendezése */
    color: #000000; /* szöveg színe */
    border: 1px solid #e3dfd7; /* keret színe, típusa, mérete */
    padding-top: 4px; /* cím felett lévő üres rész */
    padding-right: 8px; /* címtől jobbra lévő üres rész */
    padding-bottom: 8px; /* cím alatt lévő üres rész */
    padding-left: 8px; /* címtől balra lévő üres rész */
    background-color: #e9d8ac; /* háttér színe, ha ráviszed az egeret */
    font-family: "Trebuchet MS"; /* betű típusa*/
}
--></style>

lindadesign Hozzászólások
1 338 megtekintés

Hozzászólások