Главная Форум Поиск Пользователи Регистрация Доброе утро, Гость Вход


Главная


Форум torrenpier который уже живет
это сообщество владельцев форумов на phphBB2, торрент-трекеров на движках torrentpier и SVN всех версий.
Здесь можно найти решение своих проблем на своем сайта.
Здесь можно скачать полезные и нужные моды torrenpier, phpBB2 и svn.
Наш форум - это место для общения и обмена опытом между любителей движков, создателей модов на заказ и владельцев сайтов!
Стилизация меню с помощью CSS+JS  
Начать новую тему   Ответить на тему    Главная -> Оформление
Автор Сообщение
Admin
Администратор
Зарегистрирован: 2010-07-27
Сообщ.: 777
russia.gif
Сообщение 17-Мар-11 21:49 #1  
Оригинальное решение сделать меню с помощью CSS+JS

ПОСМОТРЕТЬ ПРИМЕР МЕНЮ

вставляем код между <head> </head>,качаем тут вложенный файл и кидаем файлики в корневую папку сайта или трекера

Код:

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="select.js"></script>
<script type="text/javascript">$(document).ready(function(){$('.selectBlock').sSelect();});</script>
<style type="text/css">
  body{
    padding:100px;
    margin:0;
    background:#CCC;
    color:#000;
  }
  .newListSelected{
    width:360px;
    margin:0 auto;
  }
  .selectedTxt{
    width:320px;
    height:35px;
    padding:0 30px 0 10px;
    overflow:hidden;
    background:url(select.png);
    color:#000;
    font-size:24px;
    line-height:32px;
    zoom:1;
    position:relative;
    z-index:1;
  }
  .newList{
    list-style:none;
    padding:0;
    margin:0 0 0 4px;
    width:352px;
    position:absolute;
    z-index:500;
    top:35px;
  }
  .newList li{padding:0;margin:0;}
  .newList li a{
    display:block;
    background:#FFF;
    opacity:0.85;
    filter:alpha(opacity=85);
    font-size:18px;
    padding:0 6px;
    line-height:normal;
    outline:none;
    height:30px;
    padding:6px 0 0 6px;
    overflow:hidden;
  }
  .newList li a:link,.newList li a:visited,.newList li a:hover{color:#000;text-decoration:none;}
  .newList li a.hiLite,.newList li a.newListHover{opacity:0.95;filter:alpha(opacity=95);}
</style>
</head>
<body>
  <form action="#">
    <select class="selectBlock">
      <option>Казань</option>
      <option>Волгоград</option>
      <option>Астрахань</option>
      <option>Ростов</option>
      <option>Армавир</option>
    </select>
  </form>
</body>
Вернуться к началу
    
Заголовок новой темы
Форум для новой темы
 
Страница 1 из 1
Показать сообщения:   
Начать новую тему   Ответить на тему    Главная -> Оформление Часовой пояс: GMT + 4

 

Перейти:  
Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете голосовать в опросах
Вы не можете прикреплять файлы к сообщениям
Вы не можете скачивать файлы
Все материалы сайта представлены только для ознакомления. При копировании материала ссылка на torrentpier-download.ru обязательна!

sitemap     карта форума | Статистика визитов поисковых ботов | Выдача в поисковиках



Powered by phpBB © 2001, 2011 phpBB Group
| ©2011-2024 - Воронеж |


Нравится