Модератор форума: Yuri_G  
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » CSS: решение вопросов (только таблица стилей)
CSS: решение вопросов
Модератор форума
Сообщение # 1 | 18:03:25
Тема для пользователей, которые не в первый раз слышат о CSS


Тех кто не знает как задать цвет и размер шрифта с помощью CSS, не знают, что такое класс, просим изучить учебник


Существуют отдельные темы по:
стилизации выпадающего меню
цветовому обозначению групп пользователей (архив)
настройке мини чата
SOCHI1014
Сообщений: 863
Репутация: 229

Сообщение # 1576 | 00:01:42
Цитата MikhailovCity ()
SOCHI1014, сделал как вы сказали)
Замените #pravblock:hover { top: 0; }
на
#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;

MikhailovCity
Сообщений: 292
Репутация: 24

Сообщение # 1577 | 00:04:22
SOCHI1014, сделал)
SOCHI1014
Сообщений: 863
Репутация: 229

Сообщение # 1578 | 00:05:27
Цитата MikhailovCity ()
SOCHI1014, сделал)
Попробуйте нажать на этот блок

MikhailovCity
Сообщений: 292
Репутация: 24

Сообщение # 1579 | 00:09:26
SOCHI1014, спасибо хотел сделать что то на подобе http://www.rzn.info/news....ey.html

Прикрепления: 1932306.jpg(187.7 Kb)
SOCHI1014
Сообщений: 863
Репутация: 229

Сообщение # 1580 | 00:10:00
Далее красное меняем на
#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;

MikhailovCity
Сообщений: 292
Репутация: 24

Сообщение # 1581 | 00:17:52
SOCHI1014, поменял
SOCHI1014
Сообщений: 863
Репутация: 229

Сообщение # 1582 | 00:39:16
Цитата 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
MikhailovCity
Сообщений: 292
Репутация: 24

Сообщение # 1583 | 00:40:19
SOCHI1014, это куда вставить?
SOCHI1014
Сообщений: 863
Репутация: 229

Сообщение # 1584 | 00:42:03
Добавьте вот этот скрипт туда куда блок ставили ПУ - Управление дизайном - Страницы сайта
Добавьте скрипт
<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>

MikhailovCity
Сообщений: 292
Репутация: 24

Сообщение # 1585 | 00:44:03
SOCHI1014, добавлял ничего не изменилось удалил.
SOCHI1014
Сообщений: 863
Репутация: 229

Сообщение # 1586 | 00:51:06
Цитата 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
MikhailovCity
Сообщений: 292
Репутация: 24

Сообщение # 1587 | 00:54:52
SOCHI1014, нет, всё по прежнему )
SOCHI1014
Сообщений: 863
Репутация: 229

Сообщение # 1588 | 00:56:14
Рядом со скриптом добавьте<div id="show"></div>




MikhailovCity
Сообщений: 292
Репутация: 24

Сообщение # 1589 | 00:58:25
SOCHI1014, вот нет изменений
Прикрепления: 7668138.jpg(200.3 Kb)
SOCHI1014
Сообщений: 863
Репутация: 229

Сообщение # 1590 | 01:02:28
Цитата MikhailovCity ()
SOCHI1014, вот нет изменений
Попробуйте в дополнение подключить <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » CSS: решение вопросов (только таблица стилей)
Поиск: