Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Дублируется ссылка на форум в боковом менюавтор Чистый сталкер Вчера в 19:52
» [Общая тема] Что делать, если вы забыли / потеряли пароль
автор AlexNeimor Ноябрь 26th 2024, 23:23
» Пропала вкладка "Обработка пользователей"
автор Svet007 Ноябрь 25th 2024, 10:14
» ВПН
автор Danny_Marcelo Ноябрь 24th 2024, 07:47
» Как найти администратора?
автор PushPayer Ноябрь 21st 2024, 00:58
» Не корректное отображение картинок
автор VENEFICA. Ноябрь 15th 2024, 14:46
» Не меняется название форума
автор Aviator Ноябрь 14th 2024, 15:40
» совет админам
автор лексей2222 Октябрь 23rd 2024, 05:45
» Проблема с гугл из-за Hitskin
автор Вултур Октябрь 21st 2024, 15:43
» [решено]Редактирвоание темы
автор AlexDarkTech Октябрь 13th 2024, 08:14
Всплывающая панель для ВВ3
Участников: 2
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Всплывающая панель для ВВ3
Есть вот такая тема
https://help.forum2x2.ru/t18729-topic
Мне бы хотелось сделать то же самое на третьем.
А точнее - загнать туда шапку и меню.
Это возможно?
https://help.forum2x2.ru/t18729-topic
Мне бы хотелось сделать то же самое на третьем.
А точнее - загнать туда шапку и меню.
Это возможно?
Re: Всплывающая панель для ВВ3
Скажите плиз, что я делаю неправильно?
Беру вот это и ставлю в Управление страницами HTML
Это - в Управление кодами Javascript
Это в ЦСС:
В результате единственное, что происходит - пропадает фон.
Помогите пожалуйста.
Беру вот это и ставлю в Управление страницами 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>
В результате единственное, что происходит - пропадает фон.
Помогите пожалуйста.
Re: Всплывающая панель для ВВ3
Укажите полные адреса к картинкам.Скажите плиз, что я делаю неправильно?
Поставьте все коды в Управление страницами 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 -->
И ешё, используете верх и низ вашего форума?
Re: Всплывающая панель для ВВ3
нет, обращайтесь к Dana Domiraniможно я вас впущу в админку?
у меня на тестовике не получилось.
Re: Всплывающая панель для ВВ3
сделала, как вы сказали, прописала картинку, прочекала низ и верх - не работает.
Похожие темы
» Всплывающая панель
» Всплывающая панель
» Всплывающая панель
» всплывающая панель
» Всплывающая панель!
» Всплывающая панель
» Всплывающая панель
» всплывающая панель
» Всплывающая панель!
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения