2018. 04. 24.Coppermine | Thumbnails képek méretének változtatása egyszerűen
2018. 04. 18.Videó | PNG készítése Photoshop-ban
2018. 04. 17.Coppermine | Eredeti kép megnyitása új lapon és nem új ablakban
2018. 04. 03.Képről szöveg másolása
2018. 04. 02.Coppermine Galéria költöztetése
Coppermine Gallery themes

Coppermine Gallery themes
81 napja
111 néző

WordPress themes

WordPress themes
82 napja
114 néző

G-Portál themes

G-Portál themes
82 napja
67 néző

Tumblr themes

Tumblr themes
82 napja
101 néző

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>


2 285 megtekintés

Hozzászólások