Cikkajánló
Egy újabb WordPress leírást hoztam. A WP-Polls szavazó bővítmény beállításáról és annak használatáról olvashatsz. A cikkben szó van a szavazó kinézetéről, magyarosításáról és arról is, hogyan tudod kódokkal az
Hogy mi az az URL cím? Sok cikkemben írom, hogy pl. másoljátok ki az URL címet. Nekem ez tök egyértelmű, de lehet van olyan, akinek nem az. Szóval az
Kérésre elkészült végre egy újabb Coppermine Galéria téma. A galéria letölthető és felhasználható forrás megjelölésével. A galériában a Photoshop fejléc is megtalálható, hogy használat előtt, ha kell, akkor átlehessen
Instagram doboz weboldalra Project dobozok és egy Elit csere effekt Elit csere effekt szöveggel és képekkel Lana Del Rey és Kylie Jenner G-Portálos témák Maisie Williams G-Portálos téma
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 299 megtekintés

Hozzászólások