Függöleges menü 9.
Menüdoboz kódja
/egyszerű modulba illeszd be ezt a kódot, ahova a menüdet szeretnéd. Ha beilleszted a kódot, az én menüm fog megjelenni. Írd át a szöveget és a linket a sajátodra/
A link színe az oldaladon beállított link színét veszi fel. A lap alján a kód, amivel a link színén tudsz változtatni!!!!
<div align="center">
<table cellspacing="1" cellpadding="3" border="0" align="center" style="left: 0px; width: 100%;">
<tbody>
<tr>
<td valign="top" class="textinput" onMouseOver="rowOverEffect(this)" onMouseOut="rowOutEffect(this)"><a href="//aranymeli.gportal.hu/gindex.php?pg=31853544"><b>01.</b>Brush-ok</a><br />
Válogass kedvedre!.</td>
</tr>
<tr>
<td valign="top" class="textinput" onMouseOver="rowOverEffect(this)" onMouseOut="rowOutEffect(this)"><a href="//aranymeli.gportal.hu/gindex.php?pg=31853545"><b>02.</b> Hátterek</a><br />
Ha valami megtetszik...</td>
</tr>
<tr>
<td valign="top" class="textinput" onMouseOver="rowOverEffect(this)" onMouseOut="rowOutEffect(this)"><a target="_blank" href="//lindadesign-icons.gportal.hu"><b>03.</b> Ikonbázis</a><br />
Minden mennyiségben<em><br />
</em></td>
</tr>
<tr>
<td valign="top" class="textinput" onMouseOver="rowOverEffect(this)" onMouseOut="rowOutEffect(this)"><a href="//css-kodok.gportal.hu/" target="_blank"><b>04.</b> CSS kódok</a><br />
GP-re stílusok</td>
</tr>
<tr>
<td valign="top" class="textinput" onMouseOver="rowOverEffect(this)" onMouseOut="rowOutEffect(this)"><a href="//lindadesign.gportal.hu/" target="_blank"><b>05.</b> Tutorialok</a><br />
Képszerkesztő leírások</td>
</tr>
<tr>
<td valign="top" class="textinput" onMouseOver="rowOverEffect(this)" onMouseOut="rowOutEffect(this)"><a href="//baratokozott.gportal.hu/" target="_blank"><b>06.</b> Design-szettek</a><br />
Ingyen elvihető</td>
</tr>
<tr>
<td valign="top" class="textinput" onMouseOver="rowOverEffect(this)" onMouseOut="rowOutEffect(this)"><a target="_blank" href="http://www.titanic.byethost10.com"><b>07.</b> Titanic</a><br />
Hobby oldalam</td>
</tr>
</tbody>
</table>
Javascript
/jobb vagy bal oldali modulba illeszd be ezt a kódot, legyen a modul aktív és más kód NE legyen benne!/
<script type="text/javascript">
<!--
function rowOverEffect(object) {
if (object.className == 'textinput') object.className = 'textinput_rollover';
}
function rowOutEffect(object) {
if (object.className == 'textinput_rollover') object.className = 'textinput';
}
//-->
</script></div>
CSS KÓD
/jobb vagy bal oldali modulba illeszd be ezt a kódot, legyen a modul aktív és más kód NE legyen benne!/
<style type="text/css">
.textinput { /* így látható a menü */
padding-left: 4px;
padding-top: 2px;
padding-bottom: 2px;
background-color: transparent;
font-family: Tahoma;
font-size: 9px;
color: #666666;
Line-Height: 12px;
Letter-Spacing: 0px;
border-bottom-width: 0px;
border-left-width: 3px;
border-left-style: dotted;
border-left-color: #EC1313;
}
.textinput_rollover { /* ez akkor látható, ha ráviszed az egeret a menüre */
padding-left: 4px;
padding-top: 2px;
padding-bottom: 2px;
background-color: #f9f7f7;
font-family: Tahoma;
font-size: 9px;
color: #999999;
Line-Height: 12px;
Letter-Spacing: 0px;
border-bottom-width: 0px;
border-left-width: 3px;
border-left-style: double;
border-left-color: #000000;
}
-->
</style>
Linkeffekt
/link színezése/
<style type="text/css">
a:link, a:visited { /* link színe */
color: #000000;
font-family: "Trebuchet MS";
font-weight: normal;
font-style: normal;
font-size: 11px;
text-decoration: none;
}
a:hover { /* link színe, ha ráviszed az egeret */
color: #ef2f02;
font-size: 11px;
font-weight: normal;
text-decoration: none;
text-transform: none;
font-style: normal;
font-family: "Trebuchet MS";
cursor: default;
}
-->
</style>
|