Чат сообщества
   | |
| Модератор форума: Yuri_G |
| Сообщество uCoz Мастерская uCoz Дизайн: управление шаблонами CSS: решение вопросов (только таблица стилей) |
| CSS: решение вопросов |
|
Тема для пользователей, которые не в первый раз слышат о CSS Тех кто не знает как задать цвет и размер шрифта с помощью CSS, не знают, что такое класс, просим изучить учебник Существуют отдельные темы по: стилизации выпадающего меню цветовому обозначению групп пользователей (архив) настройке мини чата |
|
Цитата MikhailovCity (  )SOCHI1014, сделал как вы сказали) на #pravblock:hover { left: 0; } а в #pravblock {top: 20.5em; left: -23px; transition: left 1s ease-out 0.5s; width: 200px; background: #ffffff; position: fixed; } замените на position: absolute; |
|
SOCHI1014, сделал)
|
|
Цитата MikhailovCity ( )SOCHI1014, сделал) |
|
SOCHI1014, спасибо хотел сделать что то на подобе http://www.rzn.info/news....ey.html
 Прикрепления:
1932306.jpg
(187.7 Kb)
|
|
Далее красное меняем на
#pravblock { top: 20.5em; left: -23px; transition: left 1s ease-out 0.5s; width: 200px; background: none repeat scroll 0% 0% #FFF; position: absolute; } на left:-200px; |
|
SOCHI1014, поменял
|
|
Цитата MikhailovCity ( )SOCHI1014, поменял <script type="text/javascript"> $(function() { $(window).scroll(function(){ var distanceTop = $('#pravblock').offset().top - $(window).height(); if ($(window).scrollTop() > distanceTop) $('#pravblock:hover').animate({'left':'0px'},300); else $('#pravblock:hover').stop(true).animate({'left':'-105px'},200); };); $('#pravblock:hover .close').bind('click',function(){ $(this).parent().remove(); }); }); </script> Сообщение отредактировал SOCHI1014 - Пятница, 18 Апр 2014, 00:41:12
|
|
SOCHI1014, это куда вставить?
|
|
Добавьте вот этот скрипт туда куда блок ставили ПУ - Управление дизайном - Страницы сайта
Добавьте скрипт <script type="text/javascript"> $(function() { $(window).scroll(function(){ var distanceTop = $('#pravblock').offset().top - $(window).height(); if ($(window).scrollTop() > distanceTop) $('#pravblock:hover').animate({'left':'0px'},300); else $('#pravblock:hover').stop(true).animate({'left':'-105px'},200); };); $('#pravblock:hover .close').bind('click',function(){ $(this).parent().remove(); }); }); </script> |
|
SOCHI1014, добавлял ничего не изменилось удалил.
|
|
Цитата MikhailovCity ( )SOCHI1014, добавлял ничего не изменилось удалил. <script type="text/javascript"> $(function() { $(window).scroll(function(){ var distanceTop = $('#show').offset().top - $(window).height(); if ($(window).scrollTop() > distanceTop) $('#pravblock').animate({'left':'0px'},300); else $('#pravblock').stop(true).animate({'left':'-105px'},200); };); $('#pravblock .close').bind('click',function(){ $(this).parent().remove(); };); };); </script> Добавлено (18 Апр 2014, 00:51:06) --------------------------------------------- Плюс добавьте рядом со скриптом <div id="show"></div> Сообщение отредактировал SOCHI1014 - Пятница, 18 Апр 2014, 00:55:44
|
|
SOCHI1014, нет, всё по прежнему )
|
|
|
|
|
|
Цитата MikhailovCity ( )SOCHI1014, вот нет изменений |
| |||