Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: Savepic Видео фоторедактор Транслит

Помогите разобраться со выплывающей панелью...

Страница 2 из 2 Предыдущий  1, 2

Предыдущая тема Следующая тема Перейти вниз

Помогите разобраться со выплывающей панелью...

Сообщение автор NaYami в Вт 12 Июл - 22:12

Первое сообщение в теме :

Помогите разобраться с панелью, что бы сунуть меню/навигацию под всплывающую панель как ТУТ! но так что бы структура html осталась примерно такой же.

HTML
Код:
<div id="slidedown_top"></div> <!-- slidedown_top -->
      <div id="slidedown_content">
 <div class="content">
  <div class="block">
  <img src="footerAuthor.gif"/><br/>

  <p>A passionate web designer, developer who keens to contribute to web development industry.</p>
  <p>Feel free to say hi to me, or follow me on twitter. </p>
  </div>
  <div class="block">
  <img src="footerTwitter.gif"/><br/>
  <ul>
  <li>I have a new inspiration using easing method, stay tuned!</li>
  <li>Dock menu with jQuery! pretty cool huh...</li>
  </ul>
  </div>
  <div class="block">
  <img src="footerPartner.gif"/><br/>
  <ul>
  <li>Smashing Magazine</li>
  <li>Vandelay Design</li>
  <li>Sixrevision</li>
  <li>CSS Mania</li>
  <li>Web Designer Depot</li>
  <li>Queness</li>
  </ul>
  </div>
  <div class="clear"></div>
  </div> <!-- content -->
 
  <div class="footer">
  </div> <!-- footer -->
 
  </div> <!-- slidedown_content -->

CSS
Код:
<style>
  body {
  margin:0;
  padding:0
  }
#slidedown_top {
  height: 70px;
  background-color:#666;
  }
#slidedown_bottom {
  position: absolute;
  width: 100%;
  height:100%;
  background-color:#666;
  }
slidedown_content {
  position: absolute;
  width: 100%;
  height: 250px;
  top: -205px;
  text-align:center;
  background:url(bg.gif) repeat-x 0 bottom;
  z-index:999;
  }
#slidedown_content .content {
  margin:0 auto;
  width:830px;
  height:205px;
  }
/* Styles for content */
#slidedown_content .content .block {
  float:left;
  width:250px;
  padding:0 4px 0 4px;
  margin: 0 4px 0 4px;
text-align:left;
  font-family:georgia;
  font-size:11px;
  color:#ccc;
  }
slidedown_content .footer {
  height:40px;
  }
#slidedown_content .content li {
  padding:0;
  margin:4px 0
  }
.clear {clear:both}
  </style>

jQuery
Код:
<script type="text/javascript" src="js/jquery-1.3.1.min.js"></script>
  <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script>
$(document).ready(function() {
 var top = '-' + $('#slidedown_content .content').css('height');
  var easing = 'easeOutBounce';
 
  $('#slidedown_top').mouseover(function() {
  $('#slidedown_content').animate({'top' : 0}, {queue:false, duration:1000, easing: easing});
  });
 
  $('#slidedown_bottom').mouseover(function() {
  $('#slidedown_content').animate({'top' : top}, {queue:false, duration:500, easing: easing});
  });
});
</script>


Последний раз редактировалось: NaYami (Вс 17 Июл - 21:46), всего редактировалось 2 раз(а)

NaYami
 

Сообщения : 138
Регистрация : 2011-02-24
Благодарности : 1

Без предупреждений

http://teneoris.forum2x2.org

Вернуться к началу Перейти вниз


Re: Помогите разобраться со выплывающей панелью...

Сообщение автор NaYami в Ср 17 Авг - 15:45

Но как?..я не знаю.. совсем...
@Dana Domirani пишет:Есть такая тема - http://help.forum2x2.ru/t17776-topic#143749
а тут получилось как-то странно..
я в профиле, но видны ссылки, как для гостя...

NaYami
 

Сообщения : 138
Регистрация : 2011-02-24

http://teneoris.forum2x2.org

Вернуться к началу Перейти вниз

Re: Помогите разобраться со выплывающей панелью...

Сообщение автор Dana Domirani в Ср 17 Авг - 15:50

Извиняюсь, а почему там ссылки на картинки кириллицей прописаны?



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22093
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 8877

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Re: Помогите разобраться со выплывающей панелью...

Сообщение автор NaYami в Ср 17 Авг - 15:53

пока что нечего вместо них ставить... неужели в этом проблема?...
и кстати там будут оставаться такие "пустые места" вместо того что скрылось?

NaYami
 

Сообщения : 138
Регистрация : 2011-02-24
Благодарности : 1

Без предупреждений

http://teneoris.forum2x2.org

Вернуться к началу Перейти вниз

Re: Помогите разобраться со выплывающей панелью...

Сообщение автор Dana Domirani в Ср 17 Авг - 16:03

А Вы класс basemn меню навигации присвоили? Пункт 2 туториала.
2. Прятать кнопки базового меню поштучно через CSS не надо. Откройте шаблон overall_header (Верхняя часть страницы) и замените фрагмент меню
Код:
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
<tr>
<td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
</tr>
</table>
на
Код:
<table style="display:none">
<tr>
<td class="basemn">{GENERATED_NAV_BAR}</td>
</tr>
</table>
Таким образом базовое меню будет скрыто, а ячейка с кнопками навигации получит индивидуальный класс. Это нужно для корректной работы скрипта.

Поставьте вот так:
Код:
<a href="/portal">Портал</a><br />

<a href="/forum">Форум</a><br />

<a href="/faq">ЧаВо</a><br />

<a href="/search">Поиск</a><br />

<a href="/memberlist" rel="nofollow">Юзеры</a><br />

<a href="/groups" rel="nofollow">Группы</a><br />

<a href="/profile?mode=editprofile" id="mn_prof">Профиль<br /></a>

<a href="/msg.forum?folder=inbox" id="mn_ls">Мои ЛС<br /></a>

<a href="/login.forum?logout" id="mn_logout">Выход<br /></a>

<a href="/login" id="mn_login">Вход</a><br />

<a href="/profile?mode=register" id="mn_reg">Регистрация</a><br />
- с переносом строки внутри ссылки, и никаких промежутков не будет.

Пример: http://calidasa.mirbb.net/forum
Можете зайти как
ник: calidasa
пароль: calidasa12
и проверить.



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22093
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 8877

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Re: Помогите разобраться со выплывающей панелью...

Сообщение автор Trish в Пт 19 Авг - 12:02

Спасибо большое, я вам премного благодарна*_* вечерком попробую установить и отпишусь))))

Trish
 

Женщина

Сообщения : 76
Возраст : 26
Регистрация : 2011-03-23
Благодарности : 0

Без предупреждений

http://aniblog.forumei.com/

Вернуться к началу Перейти вниз

Re: Помогите разобраться со выплывающей панелью...

Сообщение автор Trish в Пт 19 Авг - 16:24

Благодарю! Я вас на руках носить готова за помощь. girl_blush

Trish
 

Женщина

Сообщения : 76
Возраст : 26
Регистрация : 2011-03-23
Благодарности : 0

Без предупреждений

http://aniblog.forumei.com/

Вернуться к началу Перейти вниз

Страница 2 из 2 Предыдущий  1, 2

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения