Cikkajánló
Jaj, de nagyon régen nem hoztam már új bejegyzést. Na, de ma megírtam hármat is. Mostanában nem sok időm van erre. A hétvégén a sok-sok e-mailre is válaszolok majd.
A legegyszerűbben úgy tudtok táblázatot készíteni akár WordPress-ben akár G-Portálon vagy olyan szolgáltatónál, ahol tartalomkezelő van, hogy a forráskódban dolgoztok és így hozzátok létre a táblázatot és írjátok meg
Készítettem egy nyárias G-Portálos kinézetet. Próbálok mindig úgy kinézetet készíteni, hogy ne legyen monoton. Azt hiszem ez megint sikerült :) A téma, mint általában mindig most is ingyenes és
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ó
Függőleges menü 04.

01.Brush-ok
Válogass kedvedre!
02. Hátterek
Ha valami megtetszik…
03. Ikonbázis
Ikonok minden mennyiségben
04. CSS kódok
GP-re stílusok
05. Tutorialok
Képszerkesztő leírások
06. Design-szettek
Ingyen elvihető

 

Javascript kód
A .js fájl innen letölthető. Letöltés után töltsd fel a tárhelyedre és a kódomban lévő URL-t cseréld le a sajátodra.
 

<script src="/js/fuggoleges-menu-04.js"></script>


Menü kódja
A / (per jel) helyére kell írnod a menüd hivatkozását.
 

<div align="center">
    <table align="center" border="0" cellpadding="3" cellspacing="1" style="left: 0px; width: 100%;">
        <tbody>
            <tr>
                <td class="textinput" onmouseout="rowOutEffect(this)" onmouseover="rowOverEffect(this)" valign="top">
                    <a class="navi-link" href="/"><b>01.</b>Brush-ok</a><br />
                    Válogass kedvedre!
                </td>
            </tr>
            <tr>
                <td class="textinput" onmouseout="rowOutEffect(this)" onmouseover="rowOverEffect(this)" valign="top">
                    <a class="navi-link" href="/"><b>02.</b> Hátterek</a><br />
                    Ha valami megtetszik...
                </td>
            </tr>
            <tr>
                <td class="textinput" onmouseout="rowOutEffect(this)" onmouseover="rowOverEffect(this)" valign="top">
                    <a class="navi-link" href="/" target="_blank"><b>03.</b> Ikonbázis</a><br />
                    Ikonok minden mennyiségben
                </td>
            </tr>
            <tr>
                <td class="textinput" onmouseout="rowOutEffect(this)" onmouseover="rowOverEffect(this)" valign="top">
                    <a class="navi-link" href="/" target="_blank"><b>04.</b> CSS kódok</a><br />
                    GP-re stílusok
                </td>
            </tr>
            <tr>
                <td class="textinput" onmouseout="rowOutEffect(this)" onmouseover="rowOverEffect(this)" valign="top">
                    <a class="navi-link" href="/" target="_blank"><b>05.</b> Tutorialok</a><br />
                    Képszerkesztő leírások
                </td>
            </tr>
            <tr>
                <td class="textinput" onmouseout="rowOutEffect(this)" onmouseover="rowOverEffect(this)" valign="top">
                    <a class="navi-link" href="/" target="_blank"><b>06.</b> Design-szettek</a><br />
                    Ingyen elvihető
                </td>
            </tr>
        </tbody>
    </table>
</div>


CSS kód
 

<style type="text/css">
.textinput { /* így látható a menü */
    padding: 4px 0 4px 8px;
    background-color: #e2d8d8;
    font-family: Trebuchet MS;
    font-size: 13px;
    color: #000000;
    line-height: 16px;
    border-left-width: 6px;
    border-left-style: solid;
    border-left-color: #612C61;
}
.textinput_rollover { /* ez akkor látható, ha ráviszed az egeret a menüre */
    padding: 4px 0 4px 8px;
    background-color: #EAE3E3;
    font-family: Trebuchet MS;
    font-size: 13px;
    color: #666666;
    Line-Height: 16px;
    border-left-width: 6px;
    border-left-style: solid;
    border-left-color: #000000;
}
.navi-link { /* linkelés */
    font-family: Times New Roman;
    font-size: 16px;
    color: #612C61;
}
.navi-link:hover { /* linkelés */
    font-family: Times New Roman;
    font-size: 16px;
    color: #000000;
    text-decoration: none;
}
--></style>

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

Hozzászólások