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

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

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


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


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

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

101

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

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

mkusher написал(а):
Код:
<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

102

извиняюсь, криво прочитал док по фреймворку  :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

103

*105*

0

104

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

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

0

105

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

0

106

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

107

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

0

108

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

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

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

0

109

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

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

0

110

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

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

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

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

0

111

.

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

0

112

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

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

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

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

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

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

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

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

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

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

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

+1

113

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

0

114

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

115

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

0

116

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

117

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

0

118

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

0

119

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

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

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

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

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

0

120

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

0


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