Чат сообщества
Архив - только для чтения |
| Сообщество uCoz Архивариус Архив Архив темы: Дизайн решение вопросов |
| Архив темы: Дизайн решение вопросов |
|
SUBTWELVE, попробуйте изменить значение, увеличить ..
.hidden-comment-form {display: none; clear: both; width: 500px; background: #fff; -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); box-shadow: 0 0 10px rgba(0,0,0,0.5); z-index: 9999; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;} |
|
Друзья подскажите пожалуйста как сделать следующее. Хочу в шапке сайта поставить картинку , но только что бы она менялась. Например как вот на сайте http://www.mvideo.ru . Но не обязательно, вернее совсем не нужно , что был такой бегунок таймера. Я много раз видел что просто есть маленькие точечки , которые активны , на подобие таких же бегунков таймера. Или если это совсем сложно, просто хочу смену картинки, но плавную с возможностью поставить время перехода. Перерыл весь интернет, искал как это сделать не прибегая флешки, с помощью CSS , нашел только смену картинки при наведении курсора, но я уже использовал такое в своем меню сайта. Мне бы хотя бы сайт такой найти , что бы код посмотреть….
http://picunda.net - мой первый сайт !!!
|
|
|
|
Вот нашел то , что нужно, это для наших укозовских сайтов подойдет? http://www.workwebsite.ru/html-cs....ry.html , именно слайды!
http://picunda.net - мой первый сайт !!!
Сообщение отредактировал djtugarin1 - Пятница, 14 Мар 2014, 13:51:54
|
|
djtugarin1, Нет так как основаны на PHP ... ищите слайдеры на основе jQuery ...
runettex.clan.su/index/0-15 |
|
Miss_Esq, спасибо то что надо, но хочу именно слайдеры
 , если не анйду воспользуюсь вашим кодом!!!http://picunda.net - мой первый сайт !!!
Сообщение отредактировал djtugarin1 - Пятница, 14 Мар 2014, 14:02:29
|
|
Подскажите пожалуйста как сделать на мой сайт,такой же фон из картинок как на этом сайте???
Помог ты - помогут тебе!
|
|
Рома3038,
Css Цитата .abc {position: absolute; top: 0; left: 0;} .esq {width: 100%; height: 100%; z-index: 1;} .de {background-attachment: fixed;} #shoEsq {position: relative; left: 0px; top: 0px; width: 100%; height: 100%;} #shoEsq img {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;} Html Цитата <div class="abc esq"><div class="abc esq de"> <script type="text/javascript"> function theshoEsq() {$('#shoEsq img').css({opacity: 0.0}); $('#shoEsq img:first').css({opacity: 1.0}); setInterval('rotate()',5000);} function rotate() {var current = ($('#shoEsq img.show')? $('#shoEsq img.show') : $('#shoEsq img:first'));var next = ((current.next().length) ? ((current.next().hasClass('show')) ? $('#shoEsq img:first') :current.next()) : $('#shoEsq img:first'));next.css({opacity: 0.0}).addClass('show').animate({opacity: 1.0}, 1000);current.animate({opacity: 0.0}, 1000).removeClass('show');}; $(document).ready(function() {theshoEsq();}); </script> <div id="shoEsq"> <img class="show" alt="" src="изображение 1"><img alt="" src="изображение 2"><img alt="" src="изображение 3"> </div> </div></div> <div style="position: absolute; top: 0; left: 0; z-index: 2;"> Шаблон страницы </div> |
|
Цитата Miss_Esq (  ).abc {position: absolute; top: 0; left: 0;} .esq {width: 100%; height: 100%; z-index: 1;} .de {background-attachment: fixed;} #shoEsq {position: relative; left: 0px; top: 0px; width: 100%; height: 100%;} #shoEsq img {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;} Добавлено (14 Мар 2014, 15:17:22) Помог ты - помогут тебе!
|
|
Рома3038, вставлять сразу после <body>
Получится типа так <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>титле</title> </head> <body> <div class="abc esq"><div class="abc esq de"> <script type="text/javascript"> function theshoEsq() {$('#shoEsq img').css({opacity: 0.0}); $('#shoEsq img:first').css({opacity: 1.0}); setInterval('rotate()',5000);} function rotate() {var current = ($('#shoEsq img.show')? $('#shoEsq img.show') : $('#shoEsq img:first'));var next = ((current.next().length) ? ((current.next().hasClass('show')) ? $('#shoEsq img:first') :current.next()) : $('#shoEsq img:first'));next.css({opacity: 0.0}).addClass('show').animate({opacity: 1.0}, 1000);current.animate({opacity: 0.0}, 1000).removeClass('show');}; $(document).ready(function() {theshoEsq();}); </script> <div id="shoEsq"> <img class="show" alt="" src="изображение 1"><img alt="" src="изображение 2"><img alt="" src="изображение 3"> </div> </div></div> <div style="position: absolute; top: 0; left: 0; z-index: 2;"> Шаблон страницы </div> </body> </html> то что у вас было между <body> </body> (Шаблон вашей страницы) <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Без названия 3</title> </head> <body> Шаблон вашей страницы </body> </html> Вставляете вместо того что выделено синим цветом выше - Шаблон страницы |
|
Захожу в админ панель,далее в страницы сайта
и вижу там это <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title>$SITE_NAME$ - $MODULE_NAME$</title> <?$META_DESCRIPTION$?> <link type="text/css" rel="StyleSheet" href="/_st/my.css" /> </head> <body style="background:#000000; margin:0px; padding:0px;"> $ADMIN_BAR$ $GLOBAL_AHEADER$ <table cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td width="100%" align="center"> <!-- <middle> --> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="text-align:left;"> <tr> <td valign="top" width="216"> $GLOBAL_CLEFTER$ </td> <td valign="top"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr style="background:url('/.s/t/991/9.jpg');"><td width="57" height="42"><img src="/.s/t/991/10.gif" border="0"></td><td></td><td width="63" height="42"><img src="/.s/t/991/11.gif" border="0"></td></tr> <tr><td width="57" style="background:url('/.s/t/991/12.jpg');"></td><td style="background:#191418;padding:5px;"><!-- <body> -->$CONTENT$<!-- </body> --></td><td width="63" style="background:url('/.s/t/991/13.jpg');"></td></tr> <tr style="background:url('/.s/t/991/14.jpg');"><td width="57" height="42"><img src="/.s/t/991/15.gif" border="0"></td><td></td><td width="63" height="42"><img src="/.s/t/991/16.gif" border="0"></td></tr> </table> </td> <td valign="top" width="216"> $GLOBAL_DRIGHTER$ </td> </tr> </table> <!-- </middle> --> </td></tr></table> $GLOBAL_BFOOTER$ </body> </html> Не вижу начало <body> Помог ты - помогут тебе!
|
|
Рома3038,
Сообщение отредактировал Miss_Esq - Пятница, 14 Мар 2014, 16:08:42
|
|
Спасибо большое)Только вот изображения не на всю страницу(
Помог ты - помогут тебе!
|
| |||
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!