Neko

Leírás
Illeszd be a kódot az egyszerű modulodban. Szerkesztő nézetben írd át a menücímeket és a linket és okézd le :) Tippem, hogy fejléces menünek használjátok. Úgy mutat jól.
A CSS kódban kiemeltem a képeket, amik a menühöz tartoznak. Ha nem tetszik a narancssárga, akkor képszerkesztővel készíts másik színű menüt. Azokat a képeket töltsd fel és az URL címeket cseréld le. De ugyanekkora méretű képeket készíts!

Menükód

<div align="center" id="time4bed-nav">
<ul>
    <li><a href="//aranymeli.gportal.hu/" class="current"><span>Főoldal</span></a></li>
    <li><a href="//gportal.hu/gindex.php?pg=25497763"><span>Portálépítés</span></a></li>
    <li><a href="//gportal.hu/gindex.php?pg=19322271"><span>Portálszépítés</span></a></li>
    <li><a href="//gportal.hu/gindex.php?pg=18012139"><span>Kódok</span></a></li>
    <li><a href="//css-kodok.gportal.hu/" target="_blank"><span>CSS témák<br />
    </span></a></li>
</ul>
</div>

CSS kód

<style type="text/css">
<!--
#time4bed-nav{
  position:relative;
  height:43px;
  font-size:14px;
  text-transform:none;
  background:#fff url(//aranymeli.gportal.hu/portal/aranymeli/image/gallery/1285492312_97.gif) repeat-x bottom left;
  font-family:Georgia, "Times New Roman", Times, serif;}
#time4bed-nav ul{
  margin:0;
  padding:0;
  list-style-type:none;
  width:auto;
  float:left;}
#time4bed-nav ul li{
  display:block;
  float:left;
  margin:0 2px;}
#time4bed-nav ul li a{
  display:block;
  float:left;
  color:#ffdab6;
  text-decoration:none;
  padding:0 0 0 20px;
  height:43px;
  line-height:50px;}
#time4bed-nav ul li a span{
  display:block;
  float:left;
  padding:0 20px 0 0;
  height:31px;
  width:auto;}
#time4bed-nav ul li a:hover{
  color:#fff;}
#time4bed-nav ul li a:hover span{
  display:block;
  cursor:pointer;}
#time4bed-nav ul li a.current,#time4bed-nav ul li a.current:hover{
  color:#894d12;
  background:transparent url(//aranymeli.gportal.hu/portal/aranymeli/image/gallery/1285492326_27.gif) no-repeat top left;}
#time4bed-nav ul li a.current span{
  background:transparent url(//aranymeli.gportal.hu/portal/aranymeli/image/gallery/1285492319_45.gif) no-repeat top right;
  height:43px;}
-->
</style>

Súgó Még nincs hozzászólás.

Frissítés

Csak regisztrált felhasználók írhatnak hozzászólást.