панель для шапки, верхняя панель. Верхняя панелька для сайта, Studioac - это студия дизайна выполняющая все виды графики для сайтов у нас вы можете заказать web дизайн , изготовление баннеров , дизайн сайта , шаблоны для сайтов , качественная оптимизация сайта , изготовление сайтов , разработка логотипа ,красивая графика для сайтов , создание дизайнов под заказ " >
 
  Добро пожаловать в студию графики и веб-дизайна Art-Color
 
 

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


 

 
22.12.2024

-

Верхняя панель для сайта,лучше всего поместить ее в самые верх - в шапку. Отлично подойдет под синие и голубые дизайны. Сама панель имеет эластичность - width 100%. В панелье есть меню с подсветкой текущей страницы и рабочий поиск справа с иконкой. Поиск 100% работоспособный.

Демо

Ставим в CSS:

Code
ul#menu { width: 100%; height: 43px; background: #FFF url(http://www.studioac.ru/uploads/headpanel/menu-bg.gif) top left repeat-x; font-size: 0.8em; font-family: "Lucida Grande", Verdana, sans-serif; font-weight: bold; list-style-type: none; margin: 0; padding: 0; }
ul#menu li { display: block; float: left; margin: 0 0 0 5px; }
ul#menu li a { height: 43px; color: #777; text-decoration: none; display: block; float: left; line-height: 200%; padding: 8px 15px 0; }
ul#menu li a:hover { color: #333; }
ul#menu li a.current{ color: #FFF; background: #FFF url("http://www.studioac.ru/uploads/headpanel/current-bg.gif") top left repeat-x; padding: 5px 15px 0; }

Вот и код самой панельки:

Code
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
  <td>
<ul id="menu">
<li><a href="/" title="" class="current">Главная</a></li>
 <li><a href="/forum/" title="">Форум</a></li>
 <li><a href="/load/" title="">Файлы</a></li>
  <li><a href="/index/0-3/" title="">Контакты</a></li>
  <li style="padding-top:8px;float:right;">
  <form action="/search/">
  <input type="text" name="q" style="height:18px;" size="50">
  <INPUT type="image" value="" src="http://www.studioac.ru/uploads/headpanel/search.png" style="border:0px;">
  </form>
  </li>
</ul>
  </td></tr></table>



Добавил:Sezy | Категория: Дизайн | Дата: 22.12.2024 | Просмотров: 582 | Комментариев: (0)
Уникальный вид коментариев для Ucoz в стиле 3D
Валидность HTML
Стилизация стандартных кнопок под черный дизайн
Стрелка вверх
No-Avatar(ы) от меня
Звездочки для рейтинга
Время в Москве
Пак нужных стильных иконок
Простая рамка
Как повысить PR сайта
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

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

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

Партнеры