Показать сообщение отдельно
ArckTick
22.01.2012
 
Мимо проходил, заглянул)
О пользователе
 
Сообщений: 21
ВкоптоКарма: 18

Google Chrome 16.0.912.75 (WinXP)

[#231]
Вопрос Шапочка

Делаю Шапку для Вконтакте.
Помогите подобрать ссылки, которые отмечены знаками "!" и "?".

(действует только на сайте vk.com)

HTML

Код:
<table style="position:fixed; top:0px; left:0; z-index:999; width:100%; height:40px" border=0 bordercolor="#597da3" bgcolor="#597da3">
  <tr>
     <td width=15% class="tableft">
       <a href="http://vk.com/arcktick"><img src="http://savepic.net/2396596.jpg"></a>
     </td>
     <td width=35%;>
<div id="mainmenu">
    <ul id="nav">
      <li><a href="">Профиль</a>
        <ul> 
          <li><a href="">Записи?</a></li>
          <li><a href="">Заметки?</a></li>  
          <li><a href="http://vk.com/gifts">Подарки</a></li> 
          <li><a href="http://vk.com/edit">Редактировать</a></li>
          <li><a href="http://vk.com/settings">Настроить</a></li>
          <li><a href="#">Выйти?</a></li>
        </ul> 
      </li>
      
      <li><a href="href="http://vk.com/feed">Новости</a>
        <ul> 
          <li><a href="http://vk.com/feed?section=notifications">Ответы</a></li>  
          <li><a href="http://vk.com/feed?section=comments">Комментарии</a></li> 
          <li><a href="http://vk.com/feed?section=updates">Обновления</a></li>  
          <li><a href="http://vk.com/feed?section=recommended">Рекомендации</a></li> 
          <li><a href="http://vk.com/search?c%5Bsection%5D=communities">Найти</a></li> 
        </ul> 
      </li> 
     
      <li><a href="href="http://vk.com/im">Сообщения</a>
        <ul> 
          <li><a href="http://vk.com/mail">Входящие</a></li> 
          <li><a href="http://vk.com/mail?section=outbox">Исходящие</a></li> 
          <li><a href="http://vk.com/support?act=new">Техподдержка</a></li>
        </ul> 
      </li> 
     
      <li><a href="http://vk.com/friends?section=all">Друзья</a>
        <ul> 
          <li><a href="http://vk.com/friends?section=online">Онлайн</a></li> 
          <li><a href="http://vk.com/friends?section=out_requests">Подписки</a></li> 
          <li><a href="http://vk.com/friends?section=all_requests">Подписчики</a></li>  
          <li><a href="http://vk.com/feed?section=friends">Обновления</a></li>
          <li><a href="http://vk.com/friends?section=suggestions">Возможные</a></li> 
          <li><a href="http://vk.com/fave?section=faces">Случайные</a></li>           
          <li><a href="http://vk.com/search?c%5Bsection%5D=people">Найти</a></li> 
        </ul> 
      </li> 
     
      <li><a href="href="http://vk.com/groups">Группы</a>
        <ul> 
          <li><a href="#">Публички?</a></li>
          <li><a href="http://vk.com/events?tab=past">Встречи?</a></li>
          <li><a href="http://vk.com/feed?section=groups">Обновления</a></li>  
          <li><a href="http://vk.com/gsearch.php#c%5Bnoiphone%5D=1&c%5Bsection%5D=apps&uf=1">Темы</a></li> 
          <li><a href="http://vk.com/search?c%5Bsection%5D=communities">Найти</a></li> 
        </ul> 
      </li> 
    </div>

</td>     

<td width=15% class="tableft">
</td>

     <td width=35%;><right> 
<div id="mainmenu2">
    <ul id="nav">
      <li><a href="href="http://vk.com/fave?section=users">Закладки</a>
        <ul> 
          <li><a href="http://vk.com/fave?section=users">Люди</a></li> 
          <li><a href="http://vk.com/fave?section=links">Ссылки</a></li> 
          <li><a href="http://vk.com/fave?section=likes_posts">Записи</a></li> 
          <li><a href="http://vk.com/fave?section=likes_photo">Фото</a></li> 
          <li><a href="http://vk.com/fave?section=likes_video">Видео</a></li> 
          <li><a href="http://vk.com/docs">Документы</a></li>
        </ul> 
      </li> 
     
      <li><a href="">Фото</a>
        <ul> 
          <li><a href="">Обзор!</a></li>
          <li><a href="">Отзывы!</a></li> 
          <li><a href="">Фото со мной!</a></li> 
          <li><a href="http://vk.com/feed?section=photos">Фото друзей</a></li> 
          <li><a href="http://vk.com/friendsphotos">Альбомы друзей</a></li>  
        </ul> 
      </li> 
     
      <li><a href="http://vk.com/audio">Аудио</a> 
        <ul> 
          <li><a href="http://vk.com/audio?act=recommendations">Рекомендации</a></li> 
          <li><a href="http://vk.com/search?c%5Bsection%5D=audio">Популярное</a></li>  
          <li><a href="http://vk.com/gsearch.php#c%5Bnoiphone%5D=1&c%5Bsection%5D=audio&uf=1">Найти</a></li>
        </ul> 
      </li> 
     
      <li><a href="http://vk.com/video">Видео</a> 
        <ul> 
          <li><a href="http://vk.com/video?section=tagged">Видео со мной</a></li> 
          <li><a href="http://vk.com/video?section=recommendations">Рекомендации</a></li>
          <li><a href="http://vk.com/search?c%5Bsection%5D=video&c%5Bsort%5D=2">Найти</a></li>  
        </ul> 
      </li> 
     
      <li><a href="http://vk.com/apps?act=apps">Приложения</a> 
        <ul> 
          <li><a href="http://vk.com/apps?act=notifications">Оповещения</a></li>   
          <li><a href="http://vk.com/apps">Каталог</a></li>
          <li><a href="http://vk.com/gsearch.php#c%5Bnoiphone%5D=1&c%5Bsection%5D=apps&uf=1">Найти</a></li>
        </ul> 
      </li>
     
    </ul> 

</div>



             </right></td>
        </tr>
</table>



CSS
Код:
#mainmenu
{
	float:left;
}

#mainmenu ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#mainmenu ul li
{
	position: relative;
	float:left;
}

#mainmenu ul li ul, #mainmenu ul li ul li
{
	width:100%;
}

#mainmenu li ul
{
	position: absolute;
	left: 0;
	top: 30px;
	display: none;
	float:left;
}

/* Ячейка меню */
#mainmenu ul li a {
       color: rgba(255, 255, 255, 1);
       background: rgba(89, 125, 163, 1);
	text-align:left;
	font-size:11px;
        font-weight: bold !important;
        float:left;
	padding: 10px 10px 10px 10px;
	width: 100%;
}
#mainmenu ul li a:hover {
       color: rgba(255, 255, 255, 1);
       background: rgba(79, 115, 153, 1);
        font-weight: bold !important;
}
/* Выпадающее меню */
#mainmenu li ul li a {
       color: rgba(255, 255, 255, 1);
       background: rgba(89, 125, 163, 0.8);
	text-align:left;
	font-size:9px;
        font-weight: bold !important;
	 padding:5px 5px 5px 5px;
	 width:100px;

}
#mainmenu li ul li a:hover {
       color: rgba(255, 255, 255, 1);
       background: rgba(89, 125, 163, 1);
        font-weight: bold !important;
}



* html #mainmenu ul li { float: left; height: 1%; }
* html #mainmenu ul li a { height: 1%; }

#mainmenu li:hover ul, 
#mainmenu  li.over ul { display: block; }






#mainmenu2
{
	float:right;
}

#mainmenu2 ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#mainmenu2 ul li
{
	position: relative;
	float:left;
}

#mainmenu2 ul li ul, #mainmenu ul li ul li
{
	width:100%;
}

#mainmenu2 li ul
{
	position: absolute;
	left: 0;
	top: 30px;
	display: none;
	float:left;
}

/* Ячейка меню */
#mainmenu2 ul li a {
       color: rgba(255, 255, 255, 1);
       background: rgba(89, 125, 163, 1);
	text-align:left;
	font-size:11px;
        font-weight: bold !important;
        float:left;
	padding: 10px 10px 10px 10px;
	width: 100%;
}
#mainmenu2 ul li a:hover {
       color: rgba(255, 255, 255, 1);
       background: rgba(79, 115, 153, 1);
        font-weight: bold !important;
}
/* Выпадающее меню */
#mainmenu2 li ul li a {
       color: rgba(255, 255, 255, 1);
       background: rgba(89, 125, 163, 0.8);
	text-align:left;
	font-size:9px;
        font-weight: bold !important;
	 padding:5px 5px 5px 5px;
	 width:100px;

}
#mainmenu2 li ul li a:hover {
       color: rgba(255, 255, 255, 1);
       background: rgba(89, 125, 163, 1);
        font-weight: bold !important;
}



* html #mainmenu2 ul li { float: left; height: 1%; }
* html #mainmenu2 ul li a { height: 1%; }

#mainmenu2 li:hover ul, 
#mainmenu2  li.over ul { display: block; }




JavaScript

Код:
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
  }
  node.onmouseout=function() {
  this.className=this.className.replace(" over", "");
   }
   }
  }
 }
}
window.onload=startList;



Для Хрома всё это можно установить через расширение Персональный Веб
Оффлайн
 
Ответить с цитированием