|
Переключатели и подстраницы
|
|
| 2SHAE | Дата: Пятница, 21.05.2010, 02:27 | Сообщение # 1 |
Offline
Юзер
Пользователи
| Сообщений: | 50 |
| Награды: | 0 |
| Замечания: | 0% |
|
1й вопрос пожалуй про подстраницы - как мне сделать, чтобы у новой страницы, была подстраница, по типу как на скрине? http://habreffect.ru/files/3e5/3b1b98b53/Без_имени-2.jpg
2й вопрос - как поставить переключатель страниц на эти новые страницы после определённого заполнения их контентом? (я всё время говорю новые, поскольку к модулям они вроде не относятся) http://divanmebel.ucoz.com/
Сообщение отредактировал 2SHAE - Пятница, 21.05.2010, 02:28 |
| |
| |
| antisept | Дата: Пятница, 21.05.2010, 08:34 | Сообщение # 2 |
Offline
BrainStorming
Администраторы
| Сообщений: | 2847 |
| Награды: | 51 |
|
|
1) 2SHAE, просто создай страницы и дай на них ссылки в меню. Возьми любое выпадающее меню (у нас на сайте их много) и посмотри, как там списки создаются.
2) Quote (2SHAE) как поставить переключатель страниц на эти новые страницы
Можно простые ссылки сделать, а затем оформить их через css.
Если я долго не выполняю обещаний, напомните мне в ЛС. Скорее всего, я просто забыл.
Не оказываю помощь через ЛС. Все вопросы - на форум или в комментарии.
|
| |
| |
| 2SHAE | Дата: Пятница, 21.05.2010, 19:01 | Сообщение # 3 |
Offline
Юзер
Пользователи
| Сообщений: | 50 |
| Награды: | 0 |
| Замечания: | 0% |
|
А можно просто css дописать как-то? Дело в том что я не хочу менять дизайн этого меню на другой.
|
| |
| |
| antisept | Дата: Суббота, 22.05.2010, 09:37 | Сообщение # 4 |
Offline
BrainStorming
Администраторы
| Сообщений: | 2847 |
| Награды: | 51 |
|
|
Quote (2SHAE) А можно просто css дописать как-то?
это с помощью скрипта делается. Quote (2SHAE) я не хочу менять дизайн этого меню на другой
менять почти ничего не нужно. Я хотел, чтобы ты посмотрел, как там реализуется выпадающие списки.
Возьмем к примеру это меню. Выкенем все лишнее и оставим только скрипт и список. Переименуем их так, как нужно. Добавим классы к ссылкам, а к "sub" - добавим padding-left.
Теперь, вставь этот код в середину меню: Code <div style="display: inline;" id="menuDiv"> <script language=JavaScript> function show(obj) { if (document.getElementById(obj).style.display == 'none') document.getElementById(obj).style.display = 'block'; else document.getElementById(obj).style.display = 'none'; } </script> <span class="newmenu" onclick="show('sub6')"> <li><div class="umn-tl"><div class="umn-tr"><div class="umn-tc"></div></div></div><div class="umn-ml"><div class="umn-mr"><div class="umn-mc"><div class="uMenuItem"><a onclick="return false">Пример каталога</a></div></div></div></div><div class="umn-bl"><div class="umn-br"><div class="umn-bc"><div class="umn-footer"></div></div></div></div></li> </span> <span class="sub" id="sub6" style="display: none;"> <a href="http://ссылка">Чак Норис</a><br> <a href="http://ссылка">Метро</a><br> <a href="http://ссылка">Сиськи</a><br> </span></div> А это кинь в css: Code .sub {padding-left:10px;} Вот и все.
Если я долго не выполняю обещаний, напомните мне в ЛС. Скорее всего, я просто забыл.
Не оказываю помощь через ЛС. Все вопросы - на форум или в комментарии.
|
| |
| |
| 2SHAE | Дата: Суббота, 22.05.2010, 13:24 | Сообщение # 5 |
Offline
Юзер
Пользователи
| Сообщений: | 50 |
| Награды: | 0 |
| Замечания: | 0% |
|
А можно как-нить при этом сохранить ту стрелочку слева, и простенький "эффект нажатия" (выделение серым и жирным ширифтом) Иными словами не затрагивая никак дизайна? Просто из таких мелочей и состоит красота 
|
| |
| |
| antisept | Дата: Суббота, 22.05.2010, 16:14 | Сообщение # 6 |
Offline
BrainStorming
Администраторы
| Сообщений: | 2847 |
| Награды: | 51 |
|
|
Quote (2SHAE) А можно как-нить при этом сохранить ту стрелочку слева
сохранить то можно, но она там постоянно висеть будет (просто прописать <IMG>). Может найду другой способ...
Если я долго не выполняю обещаний, напомните мне в ЛС. Скорее всего, я просто забыл.
Не оказываю помощь через ЛС. Все вопросы - на форум или в комментарии.
|
| |
| |
| 2SHAE | Дата: Пятница, 28.05.2010, 22:51 | Сообщение # 7 |
Offline
Юзер
Пользователи
| Сообщений: | 50 |
| Награды: | 0 |
| Замечания: | 0% |
|
Я сделал это! Ты прикинь, полдня провозился, но сам методом тыка это сделал. Теперь дело за малым - скажи, как мне там выделить активную страницу ? А именно, так же как в стандартном меню (жирный шрифт, и розовая стрелка).
|
| |
| |
| antisept | Дата: Суббота, 29.05.2010, 11:33 | Сообщение # 8 |
Offline
BrainStorming
Администраторы
| Сообщений: | 2847 |
| Награды: | 51 |
|
|
2SHAE, допиши классы uMenuV и uMenuItemA к ссылкам.
Если я долго не выполняю обещаний, напомните мне в ЛС. Скорее всего, я просто забыл.
Не оказываю помощь через ЛС. Все вопросы - на форум или в комментарии.
|
| |
| |
| 2SHAE | Дата: Суббота, 29.05.2010, 14:11 | Сообщение # 9 |
Offline
Юзер
Пользователи
| Сообщений: | 50 |
| Награды: | 0 |
| Замечания: | 0% |
|
Я с этим ещё не разобрался, но у меня в CSS это меню прописано так:
Code .accordion h3 {font-family:arial narrow, sans-serif;font-size:20px; color : #000;padding-left : 10px;background : no-repeat right 0;line-height :25p;height : 25px;cursor : pointer;margin : 0;text-align : left;font-weight : bold;}
.accordion a {font-family:arial narrow, sans-serif;font-size:20px; color : #000;text-align : left;padding-left : 15px;text-decoration: none;}
.accordion a:active {color: #7d7d7d;}
.accordion a:hover {text-decoration:none; color:#7d7d7d; background: url('/Images/CSS/MenuArrow2.png') center left no-repeat;}
.accordion p {display : none;margin : 0;padding : 7px 0 7px 7px;} за основу своего меню я взял http://infoscript.ru/news/chernoe_vypadajushhee_vertikalnoe_menju_super/2010-03-15-1347
|
| |
| |
| antisept | Дата: Воскресенье, 30.05.2010, 16:51 | Сообщение # 10 |
Offline
BrainStorming
Администраторы
| Сообщений: | 2847 |
| Награды: | 51 |
|
|
Держи: Code .accordion h3 {font-family:arial narrow, sans-serif;font-size:20px; color : #000;padding-left : 10px;background : no-repeat right 0;line-height :25p;height : 25px;cursor : pointer;margin : 0;text-align : left;font-weight : bold;}
.accordion a {font-family:arial narrow, sans-serif;font-size:20px; color : #000;text-align : left;padding-left : 15px;text-decoration: none;}
.accordion a:active {color: #7d7d7d; font-weight:bold;}
.accordion a:hover {text-decoration:none; color:#7d7d7d; background: url('http://divanmebel.ucoz.com/Images/CSS/MenuArrow.png') center left no-repeat;}
.accordion a:visited {text-decoration:none; color:#7d7d7d}
.accordion p {display : none;margin : 0;padding : 7px 0 7px 7px;}
Если я долго не выполняю обещаний, напомните мне в ЛС. Скорее всего, я просто забыл.
Не оказываю помощь через ЛС. Все вопросы - на форум или в комментарии.
|
| |
| |
| 2SHAE | Дата: Четверг, 03.06.2010, 01:51 | Сообщение # 11 |
Offline
Юзер
Пользователи
| Сообщений: | 50 |
| Награды: | 0 |
| Замечания: | 0% |
|
Не. Не то. Все ссылки стали серыми, а ссылка активной страницы не выделяется. В спокойном состоянии они должны быть чёрными, при наведении на ссылки они должны быть серыми, с серым значком, при нажатии эффектов не надо, а надо, чтобы жирным, чёрным и с розовым значком выделялась ссылка той страницы на которой мы находимся в данный момент. Сравни, меню со скриптом, и оригинальное меню (оно сразу над закладками) Добавлено (03.06.2010, 01:51)
---------------------------------------------
Help me (
Сообщение отредактировал 2SHAE - Воскресенье, 30.05.2010, 20:03 |
| |
| |
| antisept | Дата: Пятница, 04.06.2010, 16:59 | Сообщение # 12 |
Offline
BrainStorming
Администраторы
| Сообщений: | 2847 |
| Награды: | 51 |
|
|
2SHAE, попробуй так: Code .accordion h3 {font-family:arial narrow, sans-serif;font-size:20px; color : #000;padding-left : 10px;background : no-repeat right 0;line-height :25p;height : 25px;cursor : pointer;margin : 0;text-align : left;font-weight : bold;}
.accordion a {font-family:arial narrow, sans-serif;font-size:20px; color : #000;text-align : left;padding-left : 15px;text-decoration: none;}
.accordion a:active {color: #7d7d7d; font-weight : bold; background: url('http://divanmebel.ucoz.com//Images/CSS/MenuArrow.png') center left no-repeat;}
.accordion a:hover {text-decoration:none; color:#7d7d7d; background: url('http://divanmebel.ucoz.com//Images/CSS/MenuArrow2.png') center left no-repeat;}
.accordion p {display : none;margin : 0;padding : 7px 0 7px 7px;}
Если я долго не выполняю обещаний, напомните мне в ЛС. Скорее всего, я просто забыл.
Не оказываю помощь через ЛС. Все вопросы - на форум или в комментарии.
|
| |
| |
| 2SHAE | Дата: Суббота, 05.06.2010, 14:35 | Сообщение # 13 |
Offline
Юзер
Пользователи
| Сообщений: | 50 |
| Награды: | 0 |
| Замечания: | 0% |
|
Нет( По прежнему активная страница никак не выделяется( Добавлено (05.06.2010, 14:35)
---------------------------------------------
Немного изменил код:
Code .accordion h3 {font-family:Arial, Helvetica, sans-serif;font-size:17px; color : #000;padding-left : 10px;background : no-repeat right 0;line-height :25p;height : 25px;cursor : pointer;margin : 0;text-align : left;font-weight : bold;}
.accordion a {font-family:arial narrow, sans-serif;font-size:15px; color : #000;text-align : left;padding-left : 15px;text-decoration: none; }
.accordion a:hover {text-decoration:none; color:#ca4894; background: url('/Images/CSS/MenuArrow2.png') center left no-repeat;}
.accordion a:active {color: #000;}
.accordion p {display : none;margin : 0;padding : 7px 0 7px 7px;} С этим надо работать. Но желаемого эффекта добиться не могу.
|
| |
| |
