Новые сообщения · Участники · Правила форума · Поиск
Страница 2 из 2«12
Форум о uCoz и Web » Вопросы по веб » HTML и CSS » Активное меню сверху (Нужен скрипт)
Активное меню сверху
NigelistДата: Воскресенье, 21.06.2009, 10:28 | Сообщение # 16
Рядовой
Группа: Пользователи
Сообщений: 4
Репутация: 0
Статус: Offline
SleepWalker, у меня этот код уже есть... Есть несколько проблем с этим кодом, когда пытаешься запихать его на укоз.

1. Раздел меню неактивен когда находишься в одноименном разделе. А именно, на форуме должна быть вжатой кнопка меню - "Форум".

2. В Internet Explorer 8 (по крайней мере я проверял работоспособность меню в нем) менюшка глючит.

3. Ну удается оформить аналогичным образом свой поиск. (Подскажите как это сделать?)

 
SleepWalkerДата: Воскресенье, 21.06.2009, 11:55 | Сообщение # 17
Admin
Группа: Администраторы
Сообщений: 3093
Репутация: 222
Статус: Offline
Nigelist, а чего бы вам сразу так не написать?? чем меньше информации тем меньше будет помощи

вот это обязательно вверху написать (в админке в общей информации есть пункт, где можно ето вписать):

Code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

вот это все что нужно для меню:

Code

  <script src="http://images.apple.com/global/scripts/search_decorator.js" type="text/javascript" charset="utf-8"></script>
  <script src="http://images.apple.com/global/nav/scripts/shortcuts.js" type="text/javascript" charset="utf-8"></script>
<style type="text/css">
#globalheader { margin-top: 0; }
/* GLOBAL SEARCH */
#globalsearch { width: 163px; height: 38px; position: absolute; top: 0; right: 0; background-position: 100% 0; background-repeat: no-repeat; }
#globalsearch.active { background-position: 100% -38px; }
#globalsearch input.g-prettysearch, #globalsearch .search-wrapper input.g-prettysearch {background: url(http://images.apple.com/global/nav/images/searchfield_repeat.png) center top repeat-x; }
#globalsearch input.g-prettysearch { width:140px; height: 16px; margin-top: 9px; margin-left: 11px; }
#globalsearch .search-wrapper { position: relative; width: 140px; margin-top: 9px; margin-left: 11px; }
#globalsearch .search-wrapper input.g-prettysearch { width: 110px; margin-left: 20px; *margin-top:-1px; *margin-right:-2px; *margin-left:10px; }
#globalsearch .search-wrapper .left,
#globalsearch .search-wrapper .left { display: block; position: absolute; left: 0; top: 0; width: 20px; height: 19px; background: url(http://images.apple.com/global/nav/images/searchfield_leftcap.png) left top no-repeat; }
#globalsearch .search-wrapper .right { display: block; position: absolute; right: 0; top: 0; width: 10px; height: 19px; background: url(http://images.apple.com/global/nav/images/searchfield_rightcap.png) right top no-repeat; }
#globalsearch .search-wrapper.empty.blurred input { color: #7E7E7E; }
#globalsearch .search-wrapper .reset { position: absolute; width: 11px; height: 11px; overflow:hidden; z-index: 1; right: 4px; top: 4px; background: url(http://images.apple.com/global/nav/images/close.gif); display: block; cursor: pointer; _cursor:hand; }
#globalsearch .search-wrapper.empty .reset { display: none; }
#globalsearch .search-wrapper input.g-prettysearch { position: absolute; width: 110px; top: 0; right: 10px; border: 0px; margin: 0; padding: 3px 0 0 0; font: 11px "Lucida Grande", Arial, sans-serif; }
#globalsearch label .prettyplaceholder { display: block; overflow: hidden; text-indent: -9999px; height: 0; width: 0;}

#globalsearch input[type=search].not-round { background: #ABABAB; height: 19px; outline: none; -webkit-border-radius: 9px; -webkit-border-image: url(http://images.apple.com/global/elements/prettysearch/searchfield_border.png) 2 2 2 2 stretch stretch; width: 133px; }

/* GLOBALHEADER */
#globalheader { width: 982px; height: 38px; margin: 18px auto; position: relative; z-index: 9998; }
#globalheader #globalnav { margin: 0; padding: 0; }
#globalheader #globalnav li { display: inline; }
#globalheader #globalnav li a { float: left; width: 117px; height: 0; padding-top: 38px; overflow: hidden; }
#globalheader #globalnav li a,
#globalheader #globalsearch { background-image: url(http://images.apple.com/global/nav/images/globalnavbg.png); _background-image: url(http://images.apple.com/global/nav/images/globalnavbg.gif); background-repeat: no-repeat; }

/* BUTTONS */
#globalheader #globalnav li#gn-store a { background-position: 0 0; }
#globalheader #globalnav li#gn-store a { background-position: -117px 0; }
#globalheader #globalnav li#gn-mac a { background-position: -234px 0; }
#globalheader #globalnav li#gn-ipoditunes a { background-position: -351px 0; }
#globalheader #globalnav li#gn-iphone a { background-position: -468px 0; }
#globalheader #globalnav li#gn-downloads a { background-position: -585px 0; }
#globalheader #globalnav li#gn-support a { background-position: -702px 0; }

/* OVER STATES */
#globalheader #globalnav li#gn-apple a:hover { background-position: 0 -38px; }
#globalheader #globalnav li#gn-store a:hover { background-position: -117px -38px; }
#globalheader #globalnav li#gn-mac a:hover { background-position: -234px -38px; }
#globalheader #globalnav li#gn-ipoditunes a:hover { background-position: -351px -38px; }
#globalheader #globalnav li#gn-iphone a:hover { background-position: -468px -38px; }
#globalheader #globalnav li#gn-downloads a:hover { background-position: -585px -38px; }
#globalheader #globalnav li#gn-support a:hover { background-position: -702px -38px; }

/* PRESSED STATES */
#globalheader #globalnav li#gn-apple a:active { background-position: 0 -76px; }
#globalheader #globalnav li#gn-store a:active { background-position: -117px -76px; }
#globalheader #globalnav li#gn-mac a:active { background-position: -234px -76px; }
#globalheader #globalnav li#gn-ipoditunes a:active { background-position: -351px -76px; }
#globalheader #globalnav li#gn-iphone a:active { background-position: -468px -76px; }
#globalheader #globalnav li#gn-downloads a:active { background-position: -585px -76px; }
#globalheader #globalnav li#gn-support a:active { background-position: -702px -76px; }

/* ON STATES */
#globalheader.home #globalnav li#gn-apple a:hover { background-position: 0 0; cursor: default; }
#globalheader.store #globalnav li#gn-store a { background-position: -117px -114px !important; }
#globalheader.mac #globalnav li#gn-mac a { background-position: -234px -114px !important; }
#globalheader.ipoditunes #globalnav li#gn-ipoditunes a { background-position: -351px -114px !important; }
#globalheader.iphone #globalnav li#gn-iphone a { background-position: -468px -114px !important; }
#globalheader.downloads #globalnav li#gn-downloads a { background-position: -585px -114px !important; }
#globalheader.support #globalnav li#gn-support a { background-position: -702px -114px !important; }
</style>

<div id="globalheader" class="home">
   <!--googleoff: all-->
   <ul id="globalnav">
    <li id="gn-apple"><a href="/">Apple</a></li>
    <li id="gn-store"><a href="http://store.apple.com">Store</a></li>
    <li id="gn-mac"><a href="/mac/">Mac</a></li>
    <li id="gn-ipoditunes"><a href="/itunes/">iPod + iTunes</a></li>
    <li id="gn-iphone"><a href="/iphone/">iPhone</a></li>
    <li id="gn-downloads"><a href="/downloads/">Downloads</a></li>
    <li id="gn-support"><a href="/support/">Support</a></li>
   </ul>
   <!--googleon: all-->
   <div id="globalsearch">
   <form action="http://searchcgi.apple.com/cgi-bin/sp/nph-searchpre11.pl" method="post" class="search" id="g-search">
    <div>
     <input type="hidden" value="utf-8" name="oe" id="search-oe">
     <input type="hidden" value="p" name="access" id="search-access">
     <input type="hidden" value="us_only" name="site" id="search-site">
     <input type="hidden" value="lang_en" name="lr" id="search-lr">
     <label for="sp-searchtext"><span class="prettyplaceholder">Search</span><input type="search" name="q" id="sp-searchtext" class="g-prettysearch applesearch" accesskey="s"></label>
    </div>
   </form>
   <div id="sp-results"><div class="inside"></div></div>
  </div>
</div>

теперь нащет

Quote (Nigelist)
должна быть вжатой

разработчик дизайна решил не писать скрипт на вычисление активной страницы. за активную кнопку отвечают соответствующие классы. и в зависимостри от страницы они присваиваются div'у globalheader.
Code

<div id="globalheader" class="home">
<div id="globalheader" class="store">
<div id="globalheader" class="mac">
<div id="globalheader" class="ipoditunes">
<div id="globalheader" class="iphone">
<div id="globalheader" class="downloads">
<div id="globalheader" class="support">

а с поиском нужно будет вставить юкозовский кусок кода. я ето сделаю пожже. сейчас немного лень лезть на тестовый сайт и активировать там модуль поиска (у меня просто нету, где взять код формы поиска)

 
NigelistДата: Понедельник, 22.06.2009, 11:52 | Сообщение # 18
Рядовой
Группа: Пользователи
Сообщений: 4
Репутация: 0
Статус: Offline
Quote (SleepWalker)
Nigelist, а чего бы вам сразу так не написать?? чем меньше информации тем меньше будет помощи

вот это обязательно вверху написать (в админке в общей информации есть пункт, где можно ето вписать):

Code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

А что именно прописывать в админке? Там пишут что нужно прописать значение <!DOCTYPE>, значит нужно прописывать то что в скобках? И что будет значить это:

Code
"-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"

Quote (SleepWalker)
Code
<script src="http://images.apple.com/global/scripts/search_decorator.js" type="text/javascript" charset="utf-8"></script>
<script src="http://images.apple.com/global/nav/scripts/shortcuts.js" type="text/javascript" charset="utf-8"></script>

Зачем нужны эти скрипты, и не могли бы вы адаптировать под мой сайт? Адрес: http://buxclick.kz

Quote (SleepWalker)
разработчик дизайна решил не писать скрипт на вычисление активной страницы. за активную кнопку отвечают соответствующие классы. и в зависимостри от страницы они присваиваются div'у globalheader.

За подсказку спасибо я решил эту проблему с помощью условных операторов...
Code
<?if($PAGE_ID$=="sitePage1")?><?endif?>
 
JesseДата: Понедельник, 22.06.2009, 21:47 | Сообщение # 19
Moderator
Группа: Главный модератор
Сообщений: 1625
Репутация: 58
Статус: Online
Nigelist,
Quote (Nigelist)
А что именно прописывать в админке? Там пишут что нужно прописать значение <!DOCTYPE>, значит нужно прописывать то что в скобках? И что будет значить это:

нужно прописать всю строку а не то, что ты написал.

Quote (Nigelist)
Зачем нужны эти скрипты, и не могли бы вы адаптировать под мой сайт?

это как понять??? скрипты нужны для работы меню, и они не адаптируються.
Блог Jesse
 
NigelistДата: Понедельник, 22.06.2009, 22:28 | Сообщение # 20
Рядовой
Группа: Пользователи
Сообщений: 4
Репутация: 0
Статус: Offline
Tyler, в самом скрипте присутствуют адреса яблочного сайта. И потом мне хотелось бы понять зачем они нужны...

З.Ы. За подсказку спасибо...

 
SleepWalkerДата: Среда, 24.06.2009, 23:36 | Сообщение # 21
Admin
Группа: Администраторы
Сообщений: 3093
Репутация: 222
Статус: Offline
Nigelist, чесно говоря я не очень сильно вникал.... они как бы сжаты минимайзером и соответственно там большая часть переменных по одной букве. я их отбирал методом тыка. скрипты нужны для обслуживание формы поиска.... как вариант можно переписать форму поиска самому. но у меня после завтра екзамен по высшей математике и я не намерен что либо писать пока не сдам етот екхамен...
 
VAVILONДата: Четверг, 27.08.2009, 10:30 | Сообщение # 22
Рядовой
Группа: Пользователи
Сообщений: 17
Репутация: 0
Статус: Offline
Помогитте сделать меню как на этом сайте http://sharingan-fan.ucoz.com/
 
SleepWalkerДата: Четверг, 27.08.2009, 10:53 | Сообщение # 23
Admin
Группа: Администраторы
Сообщений: 3093
Репутация: 222
Статус: Offline
VAVILON, ммм. и чем оно тебе нравиться? зеленое меню на красном сайте 0о
Code
<script type="text/javascript" src="http://sharingan-fan.ucoz.com/files/stuHover.js" type="text/javascript"></script>

<ul id="nav">
  <li class="top"><a href="http://naruto-real.at.ua/" class="top_link"><span>Главная</span></a></li>
  <li class="top"><a href="http://naruto-real.at.ua//index/0-2" id="products" class="top_link"><span class="down">Инфо</span></a>
  <ul class="sub">
  <li><a href="#nogo3" class="fly">Наруто</a>
<ul>
  <li><a href="#nogo11" class="fly">Серии</a>
  <ul>
  <li><a href="#nogo12">Рус.озвучка</a></li>
  <li><a href="#nogo14">Рус.субтитры</a></li>
  </ul>
  <ul>
  </ul>
  </li><li><a href="http://sharingan-fan.ucoz.com/publ/2">Персонажи</a></li>
  <li><a href="http://sharingan-fan.ucoz.com/publ/3">Техники</a></li>
  <li><a href="http://sharingan-fan.ucoz.com/load/10">Konoha Hight School</a></li>
  </ul>
  </li>
  <li class="mid"><a href="#nogo7" class="fly">Блич</a>
  <ul>
  <li><a href="#nogo8">Персонажи</a></li>
  <li><a href="#nogo9">Техники</a></li>
  <li><a href="#nogo10">Остальное</a></li>
  <li><a href="#nogo11" class="fly">Серии</a>
<ul>
  <li><a href="#nogo12">Рус.озвучка</a></li>
  <li><a href="#nogo13">Англ.субтитры</a></li>
  <li><a href="#nogo14">Яп.озвучка</a></li>
  <li><a href="#nogo14">Рус.субтитры</a></li>
  </ul>
  </li><li><a href="#nogo15">Картинки</a></li>
  <li><a href="#nogo16" class="fly">Ваше мнение</a>
  <ul>
  <li><a href="#nogo17">Оставить отзыв</a></li>
  <li><a href="#nogo18">Нашел баг</a></li>
  </ul>
  </li>
  </ul>
  </li>
  <li><a href="#nogo19">Флешки</a></li>
  <li><a href="#nogo20">Манга</a></li>
  <li><a href="#nogo21">Рецензия</a></li>
  </ul>
  </li>
  <li class="top"><a href="#nogo22" id="services" class="top_link"><span class="down">Другое</span></a>
  <ul class="sub">
  <li><a href="#nogo23">Дизайн</a></li>
  <li><a href="#nogo24">Домены</a></li>
  <li><a href="#nogo25">Юзербары</a></li>
  <li><a href="#nogo26">Бигбары</a></li>
  <li><a href="#nogo26">Аватары</a></li>
  </ul>
  </li>
  <li class="top"><a href="#nogo27" id="contacts" class="top_link"><span class="down">Связь</span></a>
  <ul class="sub">
  <li><a href="#nogo28">Сайт</a></li>
   
  <li><a href="#nogo49">Админы</a></li>
  <li><a href="#nogo50">Модеры</a></li>
  <li><a href="#nogo51">Релизеры</a></li>
  <li><a href="#nogo52">Журналисты</a></li>
  </ul>
  </li>
  <li class="top"><a href="#nogo53" id="shop" class="top_link"><span class="down">Пригодится</span></a>
  <ul class="sub">
  <li><a href="#nogo54">Регистрация</a></li>
  <li><a href="#nogo55">Вход</a></li>
  <li><a href="#nogo56">Выход</a></li>
  <li><a href="#nogo56">Мой профиль</a></li>
  </ul>
  </li>
  <li class="top"><a href="#nogo57" id="products" class="top_link"><span сlass="down">Пропустили</span></a>
  <ul class="sub">
<li class="mid"><a href="#nogo7" class="fly">Оставшееся</a>
  <ul>
  <li><a href="#nogo8">Баннеробмен</a></li>
  <li><a href="#nogo9">Поиск</a></li>
  <li><a href="#nogo10">Форум</a></li>
  <li><a href="#nogo15">Статьи</a></li>
  <li><a href="#nogo16" class="fly">Фан-чат</a>
  </li><li><a href="#nogo15">Тесты</a></li>
  <li><a href="#nogo15">Галерея</a></li>
</ul>

</li></ul></li></ul>

Вот это вроде бы все что относиться к меню
 
VAVILONДата: Четверг, 27.08.2009, 14:53 | Сообщение # 24
Рядовой
Группа: Пользователи
Сообщений: 17
Репутация: 0
Статус: Offline
А куда его сувать
 
SleepWalkerДата: Четверг, 27.08.2009, 15:18 | Сообщение # 25
Admin
Группа: Администраторы
Сообщений: 3093
Репутация: 222
Статус: Offline
Quote (VAVILON)
А куда его сувать

на такой вопрос я могу ответить только "куда хочешь" и это не шутка, а правда. меню можно запихать в любое место на странице, тебя в этом никто не ограничивает, потому если не знаеш хтмл и не можеш поставить меню сам, то нужно говорить куда ты его хочешь поставить и давать ссылку на сайт.
 
meteofixДата: Пятница, 25.09.2009, 13:53 | Сообщение # 26
Рядовой
Группа: Пользователи
Сообщений: 2
Репутация: 0
Статус: Offline
И все таки!... Как уже писал г-н Dozer, очень хотелось бы поставить к себе на сайт меню, которое установлено на этом сайте. Я учитываю авторские права, поэтому с вашего разрешение хотелось хотя бы чтото на подобие этого меню. Не могли бы вы написать хотя бы основу скрипта? smile
 
SleepWalkerДата: Пятница, 25.09.2009, 16:19 | Сообщение # 27
Admin
Группа: Администраторы
Сообщений: 3093
Репутация: 222
Статус: Offline
Таких скриптов в интернете море. Я думаю ты с легкостью найдеш аналог. Это меню я писал сам и как бы я еще не намерен распространять его по интернету. Возможно когда я полностью закончу со скриптами, которые еще предстоит написать для этого сайта, я начну выкладывать части скриптов, но пока что я этого делать не намерен.
З.Ы. г-н Dozer писал про то меню, которое было на старом дизайне. В нем ничего такого особенного не было.
 
meteofixДата: Суббота, 26.09.2009, 14:54 | Сообщение # 28
Рядовой
Группа: Пользователи
Сообщений: 2
Репутация: 0
Статус: Offline
Спасибо. Проблема заключается в том, что большинство скриптом плачевно влияют на систему самого Юкоза. Например все до единого jQuery скрипты и многие ява почему то при каждой загрузке сайта ведут себя по разному, а иногда влияют на админ панель и вообще запрещают логинится на сайте. У меня проблема состояла как раз в поиске двух скриптов: горизонтального меню и скрипта-спойлера (раскрывающийся список, чтото похожее на ваш блок новостей.). Оченб жаль, что вы не можете мне помочь. Возможно, у вас все же есть на примете похожие скрипты, которые вы сами не используете. Заранее благодарю за любой ответ!
 
SleepWalkerДата: Суббота, 26.09.2009, 17:45 | Сообщение # 29
Admin
Группа: Администраторы
Сообщений: 3093
Репутация: 222
Статус: Offline
meteofix, спойлер уже входит в стандартный набор ББ кодов юкоза.

ты ж знаеш что на юкозе и так подключеная библиотека jQuery? Тебе не нужно подключать только скрипт меню(к прмиеру) без библиотеки

 
Форум о uCoz и Web » Вопросы по веб » HTML и CSS » Активное меню сверху (Нужен скрипт)
Страница 2 из 2«12
Поиск:
Все содержание, включая идеи оформления и стиль, являются объектом авторского права. Копирование и размещение материалов на других сайтах разрешается только с гиперссылкой на источник.

Хостинг от uCoz
© udf.su 2007-2010 | Design by SleepWalker | Обратная связь