Мимо проходил, заглянул)
О пользователе
Сообщений: 21
ВкоптоКарма: 18
[#231]
|
Шапочка
Делаю Шапку для Вконтакте.
Помогите подобрать ссылки, которые отмечены знаками " !" и " ?".
(действует только на сайте vk.com)
Код:
<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>
Код:
#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; }
Код:
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;
Для Хрома всё это можно установить через расширение Персональный Веб
|