>
Категории вопросов
Задать вопрос +

Основное

Контент-модули

Продвижение сайта

Управление сайтом

Доп. модули

Вебмастеру

Похожие вопросы



Слайдер на сайт с шаблона 1728

голоса: 0
Добрый день! Подскажите, пожалуйста,  возможно ли установить слайдер с Дизайна #1728 себе на сайт. И как это сделать?
Адрес сайта http://anapa-biblio.ucoz.ru/
| Автор: | Категория: Дизайн сайта
Изменение категории | | Автор: Yuri_Geruk

Ответов: 1

голоса: 0
 
Лучший ответ
Ответ на ваш вопрос имеется в материале https://www.ucoz.ru/qa/index.php/40938?show=40947#a40947 тамже найдете код по слайдеру что в шаблоне 1728
| Автор:
Выбор ответа лучшим | | Автор: Yuri_Geruk
Спасибо за ответ. Поставили код к шаблону 1728. Почему ничего не меняется?
| Автор:
Balandin Sergey,
Где установили? Я не вижу кода слайдера в исходнике, или вы уже все удалили.
| Автор:
Yuri_Geruk,
По новому установили в блок promo. Посмотрите, пожалуйста!
| Автор:
Редактирование | | Автор: Balandin Sergey
Balandin Sergey,
Сравните код что советовалось установить и что у вас. Вы совершенно ничего не сделали.
| Автор:
Yuri_Geruk,

Этот блок встваили в PROMO

А этот в таблицу стилей CSS

А что еще нужно сделать?

| Автор:
Balandin Sergey,
Покажите код с страницы http://anapa-biblio.ucoz.ru/panel/?a=tmpl;m=2;t=0
| Автор:
Yuri_Geruk,

<html><head>

 
<meta charset="utf-8">
<title>$SITE_NAME$ - $MODULE_NAME$</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<?$META_DESCRIPTION$?>
<?$META_KEYWORDS$?>
<script type="text/javascript">
 var browser = navigator.userAgent;
 var browserRegex = /(Android|BlackBerry|IEMobile|Nokia|iP(ad|hone|od)|Opera M(obi|ini))/;
 var isMobile = false;
 if(browser.match(browserRegex)) {
 isMobile = true;
 addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
 function hideURLbar(){
 window.scrollTo(0,1);
 }
 }
</script>
<link type="text/css" rel="stylesheet" href="/_st/my.css" />
<script type="text/javascript">
var navTitle = 'Navigation';
</script>
</head>


<body class="page-body">
$ADMIN_BAR$
$GLOBAL_AHEADER$
<!-- <global_promo> -->
<?if($URI_ID$='page1')?> 
<section>
<div class="wrapper">
 <div id="promo">
 <div class="promo-img">
 <div id="uncheader" class="$UHEADER_CLASS$">
 <div id="uCozHeaderMain" style="background:url(/uCozHeader.png) 50% 50% no-repeat;"></div>
 </div>
 </div>
 <div class="promo-caption">
 <div class="promo-i">
 <div class="promo-b">
 <div class="promo-title">
ДОБРО ПОЖАЛОВАТЬ 
 </div>
 <div class="promo-text">
<center><br></center><center><br></center><center><br></center><center> МЫ РАДЫ ВИДЕТЬ ВАС В НАШИХ БИБЛИОТЕКАХ</center>
 </div>
 </div>
 </div>
 </div>
 </div>
</div>
</section>
<?endif?>
<!-- </global_promo> -->
<div id="casing">
 <div class="wrapper">
 <?if($MODULE_ID$='forum')?><div class="forum-box"><?endif?>
 <!-- <middle> -->
 <div id="content">
 <div id="cont-i">
 <!-- <body> -->$CONTENT$<!-- </body> -->
 </div>
 </div>
 <aside>
 <div id="sidebar"> 
 <div class="sidebox">
 <div class="inner">
 <div style="text-align:center;"><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?><span><!--<s5212>-->Приветствую Вас<!--</s>-->, <a href="$PERSONAL_PAGE_LINK$"><b>$USERNAME$</b></a>!</span><?else?><span><!--<s5212>-->Приветствую Вас<!--</s>-->, <b>$USERNAME$</b>!</span><?endif?><br><?endif?>
 <?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?><a title="Мой профиль" href="$PERSONAL_PAGE_LINK$"><!--<s5214>-->Мой профиль<!--</s>--></a> | <a title="Выход" href="$LOGOUT_LINK$"><!--<s5164>-->Выход<!--</s>--></a><?else?><a title="Регистрация" href="$REGISTER_LINK$"><!--<s3089>-->Регистрация<!--</s>--></a> | <a title="Вход" href="$LOGIN_LINK$"><!--<s3087>-->Вход<!--</s>--></a><?endif?><?endif?></div>
 </div>
 <div class="clr"></div>
 </div>
 $GLOBAL_CLEFTER$
 </div>
 </aside>
 <!-- </middle> -->
 <div class="clr"></div>
 <?if($MODULE_ID$='forum')?></div><?endif?>
 </div>
</div>
$GLOBAL_BFOOTER$
<script type="text/javascript" src="/.s/t/2011/template.min.js"></script>
 
<div style="display:none">

</div>
 <style>
 #hpvgd,.h-mdiv,.h-mdiv2,.h-ldiv,.h-rdiv {background:#EAEAEA; color:#6D6D6D;}
 #hpvgd {width:100%; z-index:100; width:100%; border-bottom:2px solid rgb(230,230,230);}
 .h-mdiv {display:none; position:relative; margin:auto; text-alegn:center;}
 .h-mdiv2 {display:none; position:fixed; margin:auto; text-alegn:center; width:400px; height:200px;}
 .h-ldiv {float:left; padding:7px 10px 7px 0px;}
 .h-rdiv {position:absolute; top:7px; right:0px; text-align:right;}
 .h-ni {display:none !important;}
 a.hcmaf {color:red; margin-left:5px; font-size:20px; font-weight:bold;}
 a.h-anl {color:#2a72cc;}
 a.h-al {color:#ED664B;}
 .h-fi {font-weight:bold; border-radius:50%; padding:0px 8px; margin-right:5px; font-size:19px;}
 .h-background-1 {color:#fff !important; background:#000 !important;}
 .h-background-2 {color:#000 !important; background:#fff !important;}
</style>
<script src="/js/uhpv-full.min.js"></script>
<script>
var uhe = 2,
 lng = 'ru',
 has = 0,
 imgs = 1,
 bg = 1,
 hwidth = 0,
 bgs = ['1','2'],
 fonts = ['17','19','21'];
$(document).ready(function(){uhpv(has)});
</script>
 
 
<script>
var $select = $('.archMenu');
var $options = $select.find('option');
var $selected = $select.val();
$options = [].slice.call($options).reverse();
$options.unshift($options.pop());
$select.empty();
$.each($options, function (i, el) {
 $select.append($(el));
});
$select.val($selected);
</script>
 
 
 

</body></html>

| Автор:
Balandin Sergey,

Выделил красным, данный код заменить на $GLOBAL_PROMO$

| Автор:
Yuri_Geruk,
Чото-то он некорректно отображается? Посмотрите, пожалуйста.
| Автор:
Balandin Sergey,

Поправьте код слайдера на вот такой:

<section id="promo">
<div class="promo-slider-wrapper">
<div class="promo-slider"><img alt="" src="http://anapa-biblio.ucoz.ru/CB/2018god/god_volontera.png" />
<div class="promo-caption"><span class="promo-title"></span> <a href="http://anapa-biblio.ucoz.ru/index/god_dobrovolca_i_volontera/0-167" type="button">Читать</a></div>
</div>

<div class="promo-slider"><img alt="" src="http://anapa-biblio.ucoz.ru/CB/2017/15022017/7.jpg" />
<div class="promo-caption"><span class="promo-title">Lorem ipsum dolor sit amet consectetur </span> <a href="#" type="button">Read more</a></div>
</div>

<div class="promo-slider"><img alt="" src="http://anapa-biblio.ucoz.ru/CB/2017/15022017/7.jpg" />
<div class="promo-caption"><span class="promo-title">Lorem ipsum dolor sit amet consectetur </span> <a href="#" type="button">Read more</a></div>
</div>

<div class="promo-slider"><img alt="" src="http://anapa-biblio.ucoz.ru/CB/2017/15022017/7.jpg" />
<div class="promo-caption"><span class="promo-title">Lorem ipsum dolor sit amet consectetur </span> <a href="#" type="button">Read more</a></div>
</div>
</div>
</div>
</section>
                <link rel="stylesheet" href="/.s/t/1728/jquery.bxslider.min.css">
                <script src="/.s/t/1728/jquery.bxslider.min.js"></script>
                <script>
                    $(function () {
                        $('.promo-slider-wrapper').bxSlider({controls:!1,auto: true});
                    });
                </script>

| Автор:
Yuri_Geruk,
Всё равно то же самое получается. Подскажите, пожалуйста как уменьшить его размеры до размера горизонтального меню. И как растянуть фото на слайдер.
| Автор:
Balandin Sergey,

Замените в стилях строку номер 507:

#promo{margin:0 0 15px;overflow:hidden;}

на:

#promo{max-width: 1180px;margin: 0 auto;overflow:hidden;}

сделайте фото более качественные (размерами не меньше 1180х500) чтобы в слайдере они смотрелись нормально.

| Автор:
Yuri_Geruk,
Фото, конечно, поменяем. Но размер слайдер все равно больше, чем надо. Подскажите, пожалуйста, где он меняется.
| Автор:
Balandin Sergey,

Выше в стилях прописано 1180 это ширина, а чтобы высоту прописать, пропишите height:500px; где вместо 500 пропишите нужную высоту.

| Автор:
Yuri_Geruk,
Меняю размер слайдер, а на сайте он не меняется. Почему?
| Автор:
Balandin Sergey,
Кеш в браузере очистите https://ukit.com/ru/help/kak-ochistit-cahe
| Автор:
Yuri_Geruk,
Теперь размер меняется, а можно ли сделать как в шаблоне 1728 справа сам слайдер,  а слева различные блоки поиск, календарь и другое. И еще после изменения размеров пропали переключатели между слайдами. Подскажите, как убрать синий прямоугольник. Заранее благодарны.
| Автор:
Редактирование | | Автор: Balandin Sergey
Balandin Sergey,
Так можно сделать если вы просто смените шаблон на 1728 вместо текущего 2001
| Автор:
Yuri_Geruk,
Подскажите, пжалуйста, а дизайн 1728 адаптирован под мобильный телефон
| Автор:
Редактирование | | Автор: Balandin Sergey
Balandin Sergey,
Да, адаптирован.
| Автор:
...