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

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

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Архив » Выпадающее меню для форума


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

Сообщений 101 страница 120 из 559

101

извиняюсь, криво прочитал док по фреймворку  :blush:

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

получилось оттакенно

0

102

*105*

0

103

mkusher
ИМХО, глупость получается... Если в таком меню поставить содержимое - то нужно непрерывно держать мышь над ним, чтоб прочесть. Про ссылки или графические эффекты я вообще молчу.

Лучше пользоваться этим: Создаем выплывающее меню. Если нужно создать меню не по клику, а по наведению.

0

104

(NIKSU)
Код покажи, который не работает. Или приложи ссылку на форум.

0

105

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

ИМХО, глупость получается... Если в таком меню поставить содержимое - то нужно непрерывно держать мышь над ним, чтоб прочесть. Про ссылки или графические эффекты я вообще молчу.

точно поэтому я немного доделал твой вариант

и так в хтмл-верх

Код:
<style> 
div.splLink {width: 130px; height: 40px; border: 2px solid #FFD700; background: #FFFFCC; text-align: center; font-family: Comic Sans Ms; font-size: 15px; padding: 5px;}
.spll {width: 130px; height: 70px; }
.spll div.splCont {height: auto; width: 300px; background:  url(http://forumupload.ru/uploads/0003/83/96/1556-1.png); padding: 5px; z-index: 1000; margin-top: 0px; border: 2px solid #FFD700; font-size: 12px; font-family: Microsoft Sans Serif; text-align: center;}
</style>
<script type="text/javascript" src="http://szenprogs.ru/scripts/jquery-1.3.2.js"></script>

в хтмл-низ

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

а это в любое удобное место на форуме

Код:
<center>
<table style="width: 90%">
<tr>
<td>
	<div class="spll">
<div class="splLink">Первый контейнер</div>
<div style="DISPLAY: none; position: absolute;" class="splCont" >
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum 
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>

	</div>
</td>
<td>
	<div class="spll">
<div class="splLink">Второй контейнер</div>
<div style="DISPLAY: none; position: absolute;" class="splCont" >
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum 
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>

	</div>
</td>
<td>
	<div class="spll">
<div class="splLink">Третий контейнер</div>
<div style="DISPLAY: none; position: absolute;" class="splCont" >
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum 
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>

	</div>
</td>
<td>
	<div class="spll">
<div class="splLink">Четвертый контейнер</div>
<div style="DISPLAY: none; position: absolute;" class="splCont" >
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum 
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>

	</div>
</td>
</tr>
</table>
</center>

пример http://tests.bestff.ru/

+2

106

mkusher
Плюс поставил. :) Но мне всё равно больше по клику нравится.

0

107

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

Но мне всё равно больше по клику нравится.

Но тут кому что, Как говорится на вкус и цвет.......
Меня например уже задолбали с вопросом как сделать по наведению. Так что не плохо что появился вариант по клику.

0

108

помогите пожалуйста. на форуме блоки неровно стоят Оо

Отредактировано Corvinus (Вс, 18 Апр 2010 21:28:44)

0

109

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

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

помогите пожалуйста. на форуме блоки неровно стоят Оо

Адрес форума.

0

110

.

Отредактировано ulzzang (Вс, 23 Май 2010 17:53:34)

0

111

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

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

появился вопрос: как переместить выпадающее меню под шапку?)
http://korean.rolevaya.com/

На этом форуме никакого выпадающего мен не увидел.

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

и еще один)
как сместить лого mybb в нижний левый угол шапки, или под шапку, если можно?

Аналогично: не увидел логотипа МайББ. Вижу только Вашу шапку. Покажите скриншотом, что и где нужно менять.

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

и убрать эту полоску? сделать ее прозрачной?

Попробуйте так:

Код:
<style>
.punbb .post-links {
background: transparent !important;
}
</style>

+1

112

быть может она имеет ввиду рекламу, которая показалась в виде рекламы майбб

0

113

rps
да, реклама) это называется не лого?))
http://s002.radikal.ru/i198/1005/ca/7cc8f42ac420.jpg
спасибо огромное за скрипт!))

простите, но у меня еще один вопрос, сразу, что бы потом не доставать)
http://s005.radikal.ru/i209/1005/e6/d0c4a812f8ac.jpg
как сделать так, чтобы в заголовке "папки" и "действия" был прозрачный фон
и как поменять фон в строчках получателя и темы?

Отредактировано ulzzang (Чт, 20 Май 2010 08:22:01)

0

114

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

0

115

Doll
У Вас в ХТМЛ-низ дважды стоит такой скрипт:

Код:
<!--Спойлер - контейнер-->
<script type="text/javascript" src="http://szenprogs.ru/scripts/jquery-1.3.2.js"></script>
<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>

Уберите лишнее.

+1

116

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

0

117

Здравствуйте.
Можно ли поменять цвет шрифта основных блоков?

0

118

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

что нужно изменить, чтобы когда спойлер данный открываешь, вместо пустого фона был какой-нибудь другой фон?

ФоксикGirl написал(а):

Можно ли поменять цвет шрифта основных блоков?

Читаем первое сообщение темы. Внимательно, там всё расписано.

0

119

rps
Извиняюсь может я такая слепая,но я не нашла.
http://role.wawo.ru/
Вот надо это поменять на другой цвет
http://s52.radikal.ru/i136/1005/87/86b6a22ac1c8.jpg

0

120

ФоксикGirl
У Вас в ХТМЛ-верх должен быть код:

<style>
div .splLink {width: 130px; height: 40px; border: 2px solid #FFD700; background: #FFFFCC; text-align: center; font-family: Comic Sans Ms; font-size: 15px; padding: 5px; color: red;}
.spll {width: 130px; height: 70px; }
.spll div .splCont {height: auto; width: 300px; 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: center;}
</style>

Допишите туда выделенное красным.

+1


Вы здесь » Единый форум поддержки » Архив » Выпадающее меню для форума