Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

HostCMS и мои глупые вопросы 2

Обсуждение темы HostCMS и мои глупые вопросы 2 в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; вот и созрел очередной мой затуп с вышеуказанной суть вопроса: в последней версии добавили шаблоны, поставил 2 шаблона, 8й и 16й в макет ...


Закрытая тема
 
Опции темы
Старый 04.02.2011, 12:34   #1
вот и созрел очередной мой затуп с вышеуказанной

суть вопроса:

в последней версии добавили шаблоны,

поставил 2 шаблона, 8й и 16й

в макет на основе 16го решил перенести слайдер из 8го

но получилось както некоректно
http://tihojsapoj.ru/poslednie_raboty/69/

а вот так должно быть, тоесть в перенесенном (выше) варианте неработает слайдер, невидно точек статей и неработают стрелки
http://mobile-rew.ru/articles/68/

где что упустил непойму, спасайте
 
Старый 04.02.2011, 12:34
Ссылки
Старый 04.02.2011, 13:23   #2
скриптов слайдера нет
 
Этот пользователь сказал спасибо Niemans за это полезное сообщение:
vitaly-go (07.02.2011)
Старый 07.02.2011, 13:29   #3
Цитата:
Сообщение от Niemans Посмотреть сообщение
скриптов слайдера нет
Спасибо!.

там вообще ужас полный, основной шаблон в xhtml,
а тот в котором слайдер вообще html5 ))))

наделали шаблонов а они между собой неособо совместимы )))



вопрос следующий, все тотже слайдер в шапке http://tihojsapoj.ru/

упарился искать и пробовать менять различные ширины и пр параметры чтобы устаканить сдвиг каждой следующей картики,
почемуто сдвигает не на 100% а на 170% (Примерно)

где и как отрегулировать?

JS самого слайдера
http://tihojsapoj.ru/images/site8/js...lSlider.0.3.js

css код слайдера
Код:
/* =======CAROUSEL =======*/
.carousel{ position:relative; height: 155px; width: 610px; overflow:hidden; }
.carousel h1, .carousel .title{ color: #fff; }	
.carousel .backgrounds{ height: 155px; }
.carousel .backgrounds .item{ width: 350px; height: 155px; float:left; position:relative; z-index:1; }

.carousel .panel{ background:url(/images/site8/panel-bg.jpg) no-repeat 0 0; color: #fff; position:absolute; right: 0; top:0; height: 155px; width: 260px; z-index:10; }
.carousel .panel .paging{ position:absolute; bottom: 12px; left:35px; width: 210px; text-align:center; }
.carousel .panel .paging a{ color: #4c4c4c; font-size: 1.1em; }

.carousel .panel .pause{ position:absolute; right:20px; top:25px; display:block; width: 15px; height: 15px; 
background: transparent url(/images/site8/carousel_pause_bg.gif) no-repeat 0 0; text-indent: -3000px; }
.carousel .panel .play{ position:absolute; right:20px; top:25px; display:block; width: 15px; height: 15px; 
background: transparent url(/images/site8/carousel_play_bg.gif) no-repeat 0 0; text-indent: -3000px; }

.carousel .panel .paging .next{ position:absolute; right:7px; bottom:-6px; display:block; width: 8px; height: 15px; overflow:hidden;
background:url(/images/site8/next.gif) no-repeat 0 0; text-indent: -999em; }
.carousel .panel .paging .next:hover { background-position:0 -15px; }
.carousel .panel .paging .previous{ position:absolute; left:-7px; bottom:-6px; display:block; width: 8px; height: 15px; overflow:hidden;
background:url(/images/site8/prev.gif) no-repeat 0 0; text-indent: -999em; }

.carousel .panel .paging .previous:hover { background-position:0 -15px; }
.carousel .panel .paging #numbers { left:25%; position:relative; zoom:1; }

.carousel .panel .paging #numbers a { background:url(/images/site8/bull-1.gif) no-repeat 0 0; float:left; width:10px; height:10px; overflow:hidden; font-size:0; line-height:0;
text-indent:-9999em; margin-right:7px; }
	 
.carousel .panel .paging #numbers a:hover { background:url(/images/site8/bull-2.gif) no-repeat 0 0; }
.carousel .panel .paging #numbers a.selected { background:url(/images/site8/bull-2.gif) no-repeat 0 0; }

.carousel .panel .details_wrapper { position:absolute; top:10px; left:20px; width: 200px; overflow:hidden; /*height: 200px;*/ height: 155px; }
.carousel .panel .details_wrapper .details {/*height: 200px;*/ height: 155px; }
.carousel .panel .details_wrapper .details .detail { width: 200px; /*height: 200px;*/ height: 155px; float:left;color:#a7afb4; }

.carousel .panel .details_wrapper .details h1, .carousel .panel .details_wrapper .details .title{ font-size:18px; line-height:16px; color:#fff; font-weight:normal;
font-style:italic; margin-bottom:9px; }

.carousel .panel .details_wrapper .details p { margin-bottom:5px; }
.carousel .panel .details_wrapper .details a.more{ color: #fff; font-size:14px; font-style:italic; margin-left: 2px; }   
/*======= END CAROUSEL =======*/

сорри, вопрос решен ))))

пока формулировал, пришел к решению

все проще некуда, просто должна совпадать ширина

.carousel{ position:relative; height: 155px; width: 610px; overflow:hidden; }
и
.carousel .backgrounds .item{ width: 610px; height: 155px; float:left; position:relative; z-index:1; }

Последний раз редактировалось vitaly-go; 07.02.2011 в 13:33..
 
Старый 07.02.2011, 13:29
Закрытая тема

Метки
hostcms, slider


Опции темы


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
WP3 и мои глупые вопросы 2 vitaly-go HTML, CSS, JavaScript 39 25.10.2011 16:14
HostCMS и мои глупые вопросы 3 vitaly-go HTML, CSS, JavaScript 6 25.10.2011 15:46
WP3 и мои глупые вопросы vitaly-go HTML, CSS, JavaScript 19 14.04.2011 13:40
HostCMS и мои глупые вопросы vitaly-go HTML, CSS, JavaScript 139 27.09.2010 09:43
Движок форума phpBB и все мои глупые вопросы с ним связанные sokol666 ASP, Perl, PHP и MySQL 18 08.12.2009 15:05


Текущее время: 16:07. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум