Выпадающее меню для форума

Поделиться81Вс, 11 Апр 2010 22:53:10

Автор: Lesay
Заслуженный
Зарегистрирован: Пт, 8 Янв 2010
Сообщений: 148
Уважение: +3
Позитив: +33
Пол: Женский
Последний визит:
Ср, 19 Июл 2023 18:40:28

Привет)
У меня проблемка.
Открывающиеся формы перекрывают друг друга некорректно, просвечиваются не в том порядке
Вот скрин

0

Поделиться82Пн, 12 Апр 2010 00:43:30

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

(NIKSU)
Фон не пробовал убрать?

0

Поделиться83Пн, 12 Апр 2010 00:50:59

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

MrOneTwo
Здравствуйте.

MrOneTwo написал(а):
Я оставил 1 контейнер от исходного, но выпадающее из него содержимое берет от него точку отсчета и сдвигается относительно него вправо.
Как сделать так, чтобы точку отсчета содержимое брало от левой границы самого форума.

И как сократить "это расстояние" чтоб граница объявы кончалась под кнопкой "чат"
зы

В ХТМЛ-верх найдите:

.spll {width: 130px; height: 70px; }

Уменьшайте выделенное красным число. Помимо этого, уберите из кода самого меню теги <center>...</center>.
Попробуйте найти такое:

Код:
<table width="100%" background="http://i001.radikal.ru/0808/c8/cebecc973962.jpg" borderColor="#ffa500" border="5">

И заменить на:

Код:
<table width="100%" background="http://i001.radikal.ru/0808/c8/cebecc973962.jpg" style="border: solid 5px #ffa500;">

0

Поделиться84Пн, 12 Апр 2010 00:51:32

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Lesay
Здравствуйте.

Lesay написал(а):
Привет)
У меня проблемка.
Открывающиеся формы перекрывают друг друга некорректно, просвечиваются не в том порядке
Вот скрин

Нужен адрес форума.

0

Поделиться85Пн, 12 Апр 2010 00:55:56

Автор: Lesay
Заслуженный
Зарегистрирован: Пт, 8 Янв 2010
Сообщений: 148
Уважение: +3
Позитив: +33
Пол: Женский
Последний визит:
Ср, 19 Июл 2023 18:40:28

rps, вот http://thesimpsonsstory.rolka.su/

0

Поделиться86Пн, 12 Апр 2010 01:09:00

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Lesay
Ошибок нет.

Наложение происходит по принципу положения кода на странице: контейнер, располагающийся 5 будет закрывать собой все с 1 по 4, а 7 - с 1 по 6. И так далее. Это особенность меню.

+1

Поделиться87Пн, 12 Апр 2010 01:11:20

Автор: Lesay
Заслуженный
Зарегистрирован: Пт, 8 Янв 2010
Сообщений: 148
Уважение: +3
Позитив: +33
Пол: Женский
Последний визит:
Ср, 19 Июл 2023 18:40:28

rps, понятно, спасибо что уделили время)

0

Поделиться88Пн, 12 Апр 2010 19:25:00

Автор: MrOneTwo
Заслуженный
Зарегистрирован: Чт, 28 Янв 2010
Сообщений: 36
Уважение: 0
Позитив: +3
Пол: Мужской
Последний визит:
Ср, 15 Фев 2012 14:23:26

rps написал(а):

И заменить на:

Поставил. Цвет действительно стал работать. Спасибо большое.
Но пропали внутренние границы ячеек:
http://oldschool.9bb.ru/

rps написал(а):

Помимо этого, уберите из кода самого меню теги <center>...</center>.

<style>
div .splLink {width: 100px; height: 18px; border: 2px solid #FFA500; background="http://i001.radikal.ru/0808/c8/cebecc973962.jpg"; text-align: center; font-family: Comic Sans Ms; font-size: 15px; padding: 5px;}
.spll {width: 130px; height: 30px; }
.spll div .splCont {height: auto; width: 50%; background: url(http://forumupload.ru/uploads/0003/83/96/1556-1.png); padding: 5px; z-index: 1000; margin-top: 5px; border: 2px solid #FFD700; font-size: 12px; font-family: Microsoft Sans Serif; text-align: ;}
</style>

Вот весь хтмл верх. Я старался понять что вы объяснили, но не получилось.

0

Поделиться89Пн, 12 Апр 2010 20:14:34

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

MrOneTwo написал(а):

Вот весь хтмл верх. Я старался понять что вы объяснили, но не получилось.

Не, не то, что стоит в ХТМЛ-верх, а то, что представляет собой непосредствено меню:

Код:

<CENTER><TABLE>
<TBODY>
<TR>
<TD>
<DIV class=spll>
<DIV jQuery1259073801391="4" jQuery1271088884268="4">
<DIV class=splLink jQuery1259073801391="2" href="javscript://" jQuery1271088884268="2">Чат </DIV>
<DIV style="POSITION: absolute; FILTER: ; ZOOM: 1; DISPLAY: none" class=splCont jQuery1259073801391="5" jQuery1271088884268="5"><!-- BEGIN CBOX - www.cbox.ws - v001 -->
<DIV style="TEXT-ALIGN: center; LINE-HEIGHT: 0" id=cboxdiv>
<DIV><IFRAME style="BORDER-BOTTOM: #dbe2ed 1px solid; BORDER-LEFT: #dbe2ed 1px solid; BORDER-TOP: #dbe2ed 1px solid; BORDER-RIGHT: #dbe2ed 1px solid" id=cboxmain height=400 marginHeight=2 src="http://www4.cbox.ws/box/?boxid=3772815&amp;boxtag=5fxlt5&amp;sec=main" frameBorder=0 width="100%" allowTransparency name=cboxmain marginWidth=2 scrolling=auto></IFRAME></DIV>
<DIV><IFRAME style="BORDER-BOTTOM: #dbe2ed 1px solid; BORDER-LEFT: #dbe2ed 1px solid; BORDER-TOP: 0px; BORDER-RIGHT: #dbe2ed 1px solid" id=cboxform height=60 marginHeight=2 src="http://www4.cbox.ws/box/?boxid=3772815&amp;boxtag=5fxlt5&amp;sec=form" frameBorder=0 width="100%" allowTransparency name=cboxform marginWidth=2 scrolling=no></IFRAME></DIV></DIV><!-- END CBOX --></DIV></DIV></DIV></TD></TR></TBODY></TABLE></CENTER>

Отредактировано rps (Пн, 12 Апр 2010 20:15:54)

0

Поделиться90Пн, 12 Апр 2010 20:23:41

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

MrOneTwo написал(а):

Но пропали внутренние границы ячеек:

Код:

<TABLE style="BORDER-BOTTOM: #ffa500 5px solid; BORDER-LEFT: #ffa500 5px solid; BORDER-TOP: #ffa500 5px solid; BORDER-RIGHT: #ffa500 5px solid" width="100%" background=http://i001.radikal.ru/0808/c8/cebecc973962.jpg cellspacing="0"><TBODY>
<TR height=70>
<TD align=middle style="border: solid 1px #ffa500;" ><FONT color=#a6caf0> <A onclick="window.external.AddFavorite(location.href, document.title);return false" href="#"><FONT color=#a6caf0>В избранное </A></FONT>
<P><A href=" "><FONT color=#a6caf0>Сервер где мы играем</FONT></A> </P><A href=" "><FONT color=#a6caf0>Наша тема на форуме</FONT></A> </FONT></TD>
<TD background=http://i001.radikal.ru/0808/c8/cebecc973962.jpg align=middle style="border: solid 1px #ffa500;"><FONT color=grey size=4><B>Добро пожаловать на форум клана O!dSchool</B> 
<P><FONT color=grey size=1>Skololo detected </P></FONT></FONT></TD>
<TD align=middle style="border: solid 1px #ffa500;"><FONT color=#a6caf0>
<SCRIPT language=JavaScript>
<!--
d0 = new Date('February 24, 2010');
d1 = new Date();
dt = (d1.getTime() - d0.getTime()) / (1000*60*60*24);
document.write('КЛ в реале ' + Math.round(dt) + '-й день');
-->
</SCRIPT>
КЛ в реале 48-й день 
<P>
<SCRIPT language=JavaScript>
<!--
d0 = new Date('September 0, 2008');
d1 = new Date();
dt = (d1.getTime() - d0.getTime()) / (1000*60*60*24);
document.write('Форум существует ' + Math.round(dt) + '-й день');
-->
</SCRIPT>
Форум существует 590-й день </P></FONT></TD></TR>
<TR>
<TD background=http://i001.radikal.ru/0808/c8/cebecc973962.jpg width="15%" align=middle style="border: solid 1px #ffa500;">
<H1>Clan Hall OldSchool:</H1><FONT color=#ffdead>
<P>()</P></FONT></TD>
<TD background=http://i001.radikal.ru/0808/c8/cebecc973962.jpg width="55%" align=middle style="border: solid 1px #ffa500;"> <B><U><FONT color=#ffa500 size=4>
<H1>Theme of day for clan:</H1></U></B></FONT><I><FONT color=red size=4>
<MARQUEE id=abc onmouseover=document.all.abc.stop() onmouseout=document.all.abc.start() direction=up height=100 behavior=scroll scrollAmount=1>
<P>Юзайте чат скаты! =\ </P>
<P></P></MARQUEE>
<P></P></FONT></I></TD>
<TD background=http://i001.radikal.ru/0808/c8/cebecc973962.jpg width="15%" align=middle style="border: solid 1px #ffa500;">
<H1>Castle OldSchool:</H1><FONT color=#ffdead>
<P>()</P></FONT></TD></TR>
<TR>
<TD style="border: solid 1px #ffa500;"><FONT color=#a6caf0><B>Leader:</B> Storm 
<P><B>Deputy Leader:</B> Ga1VeR </P></FONT></TD>
<TD align=middle style="border: solid 1px #ffa500;"><FONT color=#a6caf0>Наш ВТ адрес: 
<P>orange.cleanvoice.ru 3800 </P>Room: FreeFrags </FONT></TD>
<TD align=middle style="border: solid 1px #ffa500;"> <FONT size=1><IMG src="http://i072.radikal.ru/1001/17/bb115e20d3c7.bmp"> <B>
<P>OS </P>Opposition </FONT></B></TD></TR></TBODY></TABLE>

0

Поделиться91Пн, 12 Апр 2010 20:37:28

Автор: MrOneTwo
Заслуженный
Зарегистрирован: Чт, 28 Янв 2010
Сообщений: 36
Уважение: 0
Позитив: +3
Пол: Мужской
Последний визит:
Ср, 15 Фев 2012 14:23:26

Спасибо. Некоторые вещи не смог реализовать, т.к. знания скопировать есть, а вот подстроить под свой форум нет.
Но все равно большое спасибо за техподдержку

0

Поделиться92Вт, 13 Апр 2010 11:32:13

Автор: st. GID
Заслуженный
Зарегистрирован: Вс, 20 Янв 2008
Сообщений: 640
Уважение: +2
Позитив: +79
Пол: Мужской
Последний визит:
Вт, 19 Авг 2014 10:21:28

Класс вещь, будем ставить.

rps можно только для определенных ссылок (для участников и регистрации) сделать всплывающие меню?

Отредактировано st. GID (Вт, 13 Апр 2010 11:34:05)

0

Поделиться93Вт, 13 Апр 2010 17:09:43

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

st. GID
Здравствуйте.

st. GID написал(а):
rps можно только для определенных ссылок (для участников и регистрации) сделать всплывающие меню?

Не совсем понятно, как это будет работать.

0

Поделиться94Вт, 13 Апр 2010 18:03:59

Автор: Simka_Teck
Заслуженный
Зарегистрирован: Чт, 25 Мар 2010
Сообщений: 15
Уважение: 0
Позитив: 0
Последний визит:
Вс, 18 Апр 2010 16:20:29

А можно это все на картинку переместить?

Ну т.е. вот картинка И при нажатии на эти слова, высвечивалась информация, ака выпадало меню.

0

Поделиться95Вт, 13 Апр 2010 23:55:22

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Simka_Teck
Здравствуйте.

Simka_Teck написал(а):
А можно это все на картинку переместить?
Ну т.е. вот картинка И при нажатии на эти слова, высвечивалась информация, ака выпадало меню.

Можно. Надо только таблицу написать.

0

Поделиться96Чт, 15 Апр 2010 17:23:27

Автор: Kolin
Заслуженный
Зарегистрирован: Вт, 3 Окт 2006
Сообщений: 689
Уважение: +56
Позитив: +47
Последний визит:
Пн, 16 Май 2011 02:02:39

Скажите, как сделать чтобы содержимое блока открывалось не по клику, а просто при наведении мыши?

0

Поделиться97Чт, 15 Апр 2010 17:43:40

Автор: mkusher
Не rocket science
Зарегистрирован: Ср, 19 Мар 2008
Сообщений: 821
Уважение: +1000
Позитив: +706
Пол: Мужской
Последний визит:
Вт, 7 Янв 2020 15:14:17

Код:

<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>

это замените на

Код:

<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').hover(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>

0

Поделиться98Чт, 15 Апр 2010 18:00:24

Автор: Kolin
Заслуженный
Зарегистрирован: Вт, 3 Окт 2006
Сообщений: 689
Уважение: +56
Позитив: +47
Последний визит:
Пн, 16 Май 2011 02:02:39

А так чтобы попадало не когда повторно мышь наведешь а когда ее только убираешь?

0

Поделиться99Чт, 15 Апр 2010 18:03:36

Автор: mkusher
Не rocket science
Зарегистрирован: Ср, 19 Мар 2008
Сообщений: 821
Уважение: +1000
Позитив: +706
Пол: Мужской
Последний визит:
Вт, 7 Янв 2020 15:14:17

Код:

<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').hover(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });  
$('.splLink').out(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>

0

Поделиться100Чт, 15 Апр 2010 20:18:08

Автор: (NIKSU)
Cтарожил
Зарегистрирован: Пн, 23 Июн 2008
Сообщений: 1001
Уважение: +504
Позитив: +451
Последний визит:
Сб, 2 Апр 2022 22:32:35

У меня вопрос почему когда я в названия кнопки ставлю картинку.
К примеру Дата и время будет картинкой почему она ненажимается T_T нужно чтобы был обезательно текст?

0

Единый форум поддержки

Меню навигации

Пользовательские ссылки

Информация о пользователе

Выпадающее меню для форума

Сообщений 81 страница 100 из 560

Поделиться81Вс, 11 Апр 2010 22:53:10

Поделиться82Пн, 12 Апр 2010 00:43:30

Поделиться83Пн, 12 Апр 2010 00:50:59

Поделиться84Пн, 12 Апр 2010 00:51:32

Поделиться85Пн, 12 Апр 2010 00:55:56

Поделиться86Пн, 12 Апр 2010 01:09:00

Поделиться87Пн, 12 Апр 2010 01:11:20

Поделиться88Пн, 12 Апр 2010 19:25:00

Поделиться89Пн, 12 Апр 2010 20:14:34

Поделиться90Пн, 12 Апр 2010 20:23:41

Поделиться91Пн, 12 Апр 2010 20:37:28

Поделиться92Вт, 13 Апр 2010 11:32:13

Поделиться93Вт, 13 Апр 2010 17:09:43

Поделиться94Вт, 13 Апр 2010 18:03:59

Поделиться95Вт, 13 Апр 2010 23:55:22

Поделиться96Чт, 15 Апр 2010 17:23:27

Поделиться97Чт, 15 Апр 2010 17:43:40

Поделиться98Чт, 15 Апр 2010 18:00:24

Поделиться99Чт, 15 Апр 2010 18:03:36

Поделиться100Чт, 15 Апр 2010 20:18:08