Добро пожаловать в студию графики и веб-дизайна Art-Color
 
 

Добро пожаловать на StudioAC.ru. Наша дизайн студия занимается разработкой web сайтов, созданием дизайнов сайта.Так как большенство людей не умеют, или не имеют возможности рисовать профессиональную графику, мы делаем это за них.Графика для сайтов - это создание баннеров, создание шапки и остально мелочи которая нужна что бы ваш сайт был привлекательным и запомнился посетителю. На нашем сайте так же имеется форум дизайнеров. Где каждый человек может сделать заказ той или иной графики и в кротчайшие сроки она будет выполнена профессиональной командой дизайнеров. Наш дизайн форум пользуется популярностью как среди новичков так и профессиональных дизайнеров. Для отдыха от работы, имеется развлекательный форум где вы сможете развеятся немного.


 

 
[ Авторизация · Новые сообщения · Участники · Правила форума · Поиск · RSS · ]
  • Страница 1 из 1
  • 1
Модератор форума: Grigor  
Супер выдвижное меню NEW
[Sm1le]Дата: Воскресенье, 17.10.2010, 04:41 | Сообщение # 1
Сообщений: 9
Скрин: http://s53.radikal.ru/i141/1009/45/d8a700d5a3e8.png

Скачать файлы
: http://u.to/tHtv

Пихаем в css:

Code
/* GlossyMenu */
.glossymenu{
margin: 5px 0;
padding: 0;
width: 185px; /*width of menu*/
border: 1px solid #5d5d5d;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: url() #c5c5c5;
font: normal 10px "Visitor_Rus", "Visitor_Rus", Visitor_Rus, Visitor_Rus, Visitor_Rus;
color: #5d5d5d;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
border-top: 0px solid #5d5d5d;
border-bottom: 1px solid #5d5d5d;
}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: #5d5d5d;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url() #c5c5c5;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background-image: url() #c5c5c5;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid #5d5d5d;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 10px "Visitor_Rus", "Visitor_Rus", Visitor_Rus, Visitor_Rus, Visitor_Rus;
color: #5d5d5d;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background-image: url() #c5c5c5;
colorz: #999999;
}

.glossymenu{margin: 5px 0; padding: 0; width: 180px; /*width of menu*/ border: 1px solid #5d5d5d; border-bottom-width: 0; }

.glossymenu a.menuitem{background:url(/images/m2.png) #c5c5c5 ;font: normal 10px "Arial", "Arial", Arial, Arial, Arial;
color: #5d5d5d;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
border-top: 0px solid #5d5d5d;
border-bottom: 1px solid #5d5d5d;
}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: #5d5d5d;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background: url(/images/m3.png) #c5c5c5;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background:#d5d5d5;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid #5d5d5d;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 10px "Arial", "Arial", Arial, Arial, Arial;
background:url(/images/m1.png)#c5c5c5;background-position:1px -20px;
text-decoration: none;
padding: 2px 0;
padding-left: 15px;
}

.glossymenu div.submenu ul li a:hover{
background:url(/images/m1.png);
colorz: #999999;
}
/* -------- */

В страницы сайта после </head>:

Code
<script type="text/javascript" src="/js/ddaccordion.js"></script>
<script type="text/javascript" src="/js/sdmenu.js"></script>

Сам код меню, ставим в блок:

Code
<div class="glossymenu">
<a class="menuitem submenuheader" href="/" >Основ. раздел</a>
<div class="submenu">
<ul>
<li><a href="http://alfa-team.net.ru/"><FONT color=#ff0000><B>Все скрипты только у нас http://alfa-team.net.ru/</B ></FONT></a></li>
<li><a href="http://alfa-team.net.ru/"><FONT color=#ff0000><B>http://alfa-team.net.ru/</B></FONT></a></li>
<li><a href="/">Главная страница</a></li>
<li><a href="/gb/">Гостевая</a></li>
<li><a href="/publ/">Статьи</a></li>
<li><a href="/forum/">Форум</a></li>
</ul>
</div>

<a class="menuitem submenuheader" href="/" >Чета ваше</a>
<div class="submenu">
<ul>
<li><a href="/">Чета ваше</a></li>
<li><a href="/">Чета ваше</a></li>
<li><a href="/">Чета ваше</a></li>
<li><a href="/">Чета ваше</a></li>
</ul>
</div>

<a class="menuitem submenuheader" href="/" >Чета ваше</a>
<div class="submenu">
<ul>
<li><a href="/">Чета ваше</a></li>
<li><a href="/">Чета ваше</a></li>
<li><a href="/">Чета ваше</a></li>
<li><a href="/">Чета ваше</a></li>
</ul>
</div>


Сообщение отредактировал [Sm1le] - Воскресенье, 17.10.2010, 04:45
OriuSДата: Воскресенье, 17.10.2010, 14:23 | Сообщение # 2
Сообщений: 240
Прикольное =) но себе ставить не буду =)
[Sm1le]Дата: Воскресенье, 17.10.2010, 19:42 | Сообщение # 3
Сообщений: 9
Я раз что тебе понравилось...)
donald_666Дата: Воскресенье, 17.10.2010, 21:34 | Сообщение # 4
Сообщений: 11
[Sm1le], только сайт тормазит( неочень меню
BL:  Претензии/Отзывы
  • Страница 1 из 1
  • 1
Поиск:

Статистика Форума
Последние темы Читаемые темы Лучшие пользователи Новые пользователи

графика для сайтов | создание баннеров | создание шапки

Дизайн, файлы, идеи © 2010-2011 www.studioac.ru
Статьи ЗАПРЕЩАЕТСЯ копировать дизайн, его элементы, и контент.
Авторизация

Партнеры