Principala » fisiere » Scripturi » Ucoz [ Adauga un material nou ]

Всплывающие меню

2010-06-24, 1:23 AM

1. Подключаем jquery
2. Добавляем в head

Code

<script type="text/javascript" src="/menuws.js"></script>  

3. Добавляем код меню + шапки после
Code

<div id="hit_area" onmouseover="jos();">
ТУТ КОД МЕНЮ
<div id="menu_holder">
  <div id="nav">
  <ul>
  <li><a href="/">Главная</a></li>
  <li><a href="/forum/">Форум</a></li>
  <li><a href="/gb/">Гостевая</a></li>
   
  <li><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?><a href="$PERSONAL_PAGE_LINK$" title="Мой профиль"><!--<s5214>-->Мой профиль<!--</s>--></a><?else?> <a href="$REGISTER_LINK$" title="Регистрация"><!--<s3089>-->Регистрация<!--</s>--></a><?endif?><?endif?> </li>
  <li> <?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?><a href="$LOGOUT_LINK$" title="Выход"><!--<s5164>-->Выход<!--</s>--></a><?else?><a href="$LOGIN_LINK$" title="Вход"><!--<s3087>-->Вход<!--</s>--></a><?endif?><?endif?> </li>
   
  </ul>
  </div></div></div>
</div>
<script type="text/javascript" src="/men.js"></script>
<div id="body" onmouseover="sus();">

Добавить код в CSS и залить картинки в папку final
Code

/* top menu */
#menu_holder {
  height: 58px;
  width: 100%;
  display: block;
  float:right;
  position: absolute;
  top: -58px;
}
#nav {
  height: 58px;
  width: 542px;
  margin: 0px auto;
  padding: 0px;
  background-image: url(/final/right.png);
  background-repeat: no-repeat;
  background-position: right;
}
#hit_area {
  height: 200px;
  width: 100%;
  margin: 0px;
  padding: 0px;
}
#nav ul {
  margin: 0px;
  padding: 0px 0px 0px 21px;
  height: 58px;
  list-style-type: none;
  background-image: url(/final/left.png);
  background-repeat: no-repeat;
}
#nav li{
  margin: 0px;
  padding: 0px;
  float: left;
}
#nav li a:link, #nav li a:active, #nav li a:visited {
  background-image: url(/final/middle.png);
  background-repeat: repeat-x;
  height: 58px;
  width: 100px;
  display: block;
  line-height: 58px;
  font-weight: bold;
  color: #666666;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  font-size: 120%;
}
#nav li a:focus, #nav li a:hover{
  text-decoration : none;
  -moz-outline:0;
  color: #FFFFFF;
  background-image: url(/final/rollOver.png);
  background-repeat: repeat-x;
}
/* end topmenu */

JS файлы в архиве
http://depositfiles.com/files/9mpyyxmcz
http://letitbit.net/download/6ff08ec2fe/menu.rar.html


Categorie: Ucoz | Adaugat de: kopceak
Vizualizari: 866 | Downloads: | Raging: 0.0/0
Total comentarii : 0
Doar utilizatorii inregistrati pot comenta
[ Inregistrare | Login ]
Schimbul de fişiere este realizat de către utilizatorii site-ului, administraţia nu poartă nici o răspundere pentru conţinutul acestora sau pentru prejudiciile provocate. INTERFILM.MD nu dispune de conţinutul pus la schimb de către utilizatori, ci doar este un catalog al resurselor. Vă atenţionăm să nu încărcaţi pe site fişiere protejate de drepturile autorului sau fişiere cu conţinut ilegal. În cazul în care sunteţi deţinătorul drepturilor de autor al unui torrent şi doriţi să fie şters vă rugăm să ne scrieţi la adresa abuse@interfilm.md şi imediat se vor lua măsuri. Întregul text privind regulile şi condiţiile de utilizare a siteului poate fi găsit aici.