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

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

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


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


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

Сообщений 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://upforme.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


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