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

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


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

Мы в социальных сетях



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

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


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

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

Всплывающая панель для ВВ3

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

Всплывающая панель для ВВ3

Сообщение автор moresol в Чт 29 Сен - 20:44

Есть вот такая тема
http://help.forum2x2.ru/t18729-topic

Мне бы хотелось сделать то же самое на третьем.
А точнее - загнать туда шапку и меню.

Это возможно?

moresol
 
 

Пол : Женщина
Сообщения : 260
Карма : Без предупреждений
Благодарности : 4
Регистрация : 2010-12-12

http://mnenie.forumotion.com

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

Re: Всплывающая панель для ВВ3

Сообщение автор moresol в Пт 30 Сен - 19:07

Скажите плиз, что я делаю неправильно?

Беру вот это и ставлю в Управление страницами 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 -->

Это - в Управление кодами Javascript
Код:
<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>

Это в ЦСС:
Код:
<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>

В результате единственное, что происходит - пропадает фон.

Помогите пожалуйста.

moresol
 
 

Пол : Женщина
Сообщения : 260
Карма : Без предупреждений
Благодарности : 4
Регистрация : 2010-12-12

http://mnenie.forumotion.com

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

Re: Всплывающая панель для ВВ3

Сообщение автор gorezcaid в Пт 30 Сен - 20:18

Скажите плиз, что я делаю неправильно?
Укажите полные адреса к картинкам.
Поставьте все коды в Управление страницами HTML слитно:
Спойлер:
Код:
<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>

<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>

<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 -->
и дайте ссылку на вашу страницу html.
И ешё, используете верх и низ вашего форума?

gorezcaid
 
 

Пол : Мужчина
Сообщения : 1808
Возраст : 73
Карма : Без предупреждений
Благодарности : 780
Регистрация : 2010-08-18

http://gorezcaid.forumbook.ru/

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

Re: Всплывающая панель для ВВ3

Сообщение автор moresol в Пт 30 Сен - 21:10

можно я вас впущу в админку?

moresol
 
 

Пол : Женщина
Сообщения : 260
Карма : Без предупреждений
Благодарности : 4
Регистрация : 2010-12-12

http://mnenie.forumotion.com

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

Re: Всплывающая панель для ВВ3

Сообщение автор gorezcaid в Пт 30 Сен - 21:42

можно я вас впущу в админку?
нет, обращайтесь к Dana Domirani
у меня на тестовике не получилось.

gorezcaid
 
 

Пол : Мужчина
Сообщения : 1808
Возраст : 73
Карма : Без предупреждений
Благодарности : 780
Регистрация : 2010-08-18

http://gorezcaid.forumbook.ru/

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

Re: Всплывающая панель для ВВ3

Сообщение автор moresol в Пт 30 Сен - 21:43

сделала, как вы сказали, прописала картинку, прочекала низ и верх - не работает.

moresol
 
 

Пол : Женщина
Сообщения : 260
Карма : Без предупреждений
Благодарности : 4
Регистрация : 2010-12-12

http://mnenie.forumotion.com

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

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


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