Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Дублируется ссылка на форум в боковом менюавтор Чистый сталкер Вчера в 19:52
» [Общая тема] Что делать, если вы забыли / потеряли пароль
автор AlexNeimor Ноябрь 26th 2024, 23:23
» Пропала вкладка "Обработка пользователей"
автор Svet007 Ноябрь 25th 2024, 10:14
» ВПН
автор Danny_Marcelo Ноябрь 24th 2024, 07:47
» Как найти администратора?
автор PushPayer Ноябрь 21st 2024, 00:58
» Не корректное отображение картинок
автор VENEFICA. Ноябрь 15th 2024, 14:46
» Не меняется название форума
автор Aviator Ноябрь 14th 2024, 15:40
» совет админам
автор лексей2222 Октябрь 23rd 2024, 05:45
» Проблема с гугл из-за Hitskin
автор Вултур Октябрь 21st 2024, 15:43
» [решено]Редактирвоание темы
автор AlexDarkTech Октябрь 13th 2024, 08:14
И снова я со своей "каруселькой"
Участников: 2
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Проблемы со скриптами (кодами) :: [Архив] Проблемы со скриптами
Страница 1 из 1
И снова я со своей "каруселькой"
<style>
#carousel {
height:280px !important; /*577*/
width:900px !important; /*577*/
background-color:transparent !important; /*http://cs305612.userapi.com/v305612565/b0c/lUdW9lvqfOw.jpg*/
}
#carousel-left {
position:absolute;
bottom:20px !important; /*http://cs305612.userapi.com/v305612565/b0c/lUdW9lvqfOw.jpg*/
left:150px !important; /*http://cs305612.userapi.com/v305612565/b0c/lUdW9lvqfOw.jpg*/
cursor:pointer;
}
#carousel-right {
position:absolute;
bottom:20px !important; /*http://cs305612.userapi.com/v305612565/b0c/lUdW9lvqfOw.jpg*/
right:150px !important; /*http://cs305612.userapi.com/v305612565/b0c/lUdW9lvqfOw.jpg*/
cursor:pointer;
}
#carousel .blipsContainer .blip {
background-color:#DDD !important; /*http://cs305612.userapi.com/v305612565/b0c/lUdW9lvqfOw.jpg*/
color:#0000FF !important;
}
#carousel .blipsContainer .blipSelected {
background-color:#0000FF !important; /*http://cs305612.userapi.com/v305612565/b0c/lUdW9lvqfOw.jpg*/
color:#FFF !important;
}
</style>
<link rel="stylesheet" href="https://patmax.error/CSS1/120404172732.css" charset="utf-8" />
<script type="text/javascript" src="https://patmax.error/J1/120404173128.js"></script>
<script src="https://patmax.error/J1/120404173357.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery("#carousel").featureCarousel({
});
});
</script>
<div id="carousel-container">
<div id="carousel">
<div class="carousel-feature">
<img class="carousel-image" alt="Война" title="Война" src="http://cs406119.userapi.com/v406119680/45bb/cWF2Z7oNnr4.jpg">
</div>
<div class="carousel-feature">
<img class="carousel-image" alt="История" title="История" src="http://cs305612.userapi.com/v305612565/b0c/lUdW9lvqfOw.jpg">
</div>
<div class="carousel-feature">
<img class="carousel-image" alt="Описание" title="Описание" src="http://cs305612.userapi.com/v305612565/b0c/lUdW9lvqfOw.jpg">
</div>
<div class="carousel-feature">
<img class="carousel-image" alt="История" title="История" src="http://cs305612.userapi.com/v305612565/b0c/lUdW9lvqfOw.jpg">
</div>
<div class="carousel-feature">
<img class="carousel-image" alt="Каге" title="Каге" src="http://cs305612.userapi.com/v305612565/b0c/lUdW9lvqfOw.jpg">
</div>
</div>
<div id="carousel-left"><img src="http://www.iconbazaar.com/arrows/arrw07_16a.gif" /></div>
<div id="carousel-right"><img src="http://www.iconbazaar.com/arrows/arrw07_06a.gif" /></div>
</div>
Вроде всё верно, а что сделать что бы под шапкой было это чудо? Не главной страницей, не виджетом, а просто под шапкой
#carousel {
height:280px !important; /*577*/
width:900px !important; /*577*/
background-color:transparent !important; /*http://cs305612.userapi.com/v305612565/b0c/lUdW9lvqfOw.jpg*/
}
#carousel-left {
position:absolute;
bottom:20px !important; /*http://cs305612.userapi.com/v305612565/b0c/lUdW9lvqfOw.jpg*/
left:150px !important; /*http://cs305612.userapi.com/v305612565/b0c/lUdW9lvqfOw.jpg*/
cursor:pointer;
}
#carousel-right {
position:absolute;
bottom:20px !important; /*http://cs305612.userapi.com/v305612565/b0c/lUdW9lvqfOw.jpg*/
right:150px !important; /*http://cs305612.userapi.com/v305612565/b0c/lUdW9lvqfOw.jpg*/
cursor:pointer;
}
#carousel .blipsContainer .blip {
background-color:#DDD !important; /*http://cs305612.userapi.com/v305612565/b0c/lUdW9lvqfOw.jpg*/
color:#0000FF !important;
}
#carousel .blipsContainer .blipSelected {
background-color:#0000FF !important; /*http://cs305612.userapi.com/v305612565/b0c/lUdW9lvqfOw.jpg*/
color:#FFF !important;
}
</style>
<link rel="stylesheet" href="https://patmax.error/CSS1/120404172732.css" charset="utf-8" />
<script type="text/javascript" src="https://patmax.error/J1/120404173128.js"></script>
<script src="https://patmax.error/J1/120404173357.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery("#carousel").featureCarousel({
});
});
</script>
<div id="carousel-container">
<div id="carousel">
<div class="carousel-feature">
<img class="carousel-image" alt="Война" title="Война" src="http://cs406119.userapi.com/v406119680/45bb/cWF2Z7oNnr4.jpg">
</div>
<div class="carousel-feature">
<img class="carousel-image" alt="История" title="История" src="http://cs305612.userapi.com/v305612565/b0c/lUdW9lvqfOw.jpg">
</div>
<div class="carousel-feature">
<img class="carousel-image" alt="Описание" title="Описание" src="http://cs305612.userapi.com/v305612565/b0c/lUdW9lvqfOw.jpg">
</div>
<div class="carousel-feature">
<img class="carousel-image" alt="История" title="История" src="http://cs305612.userapi.com/v305612565/b0c/lUdW9lvqfOw.jpg">
</div>
<div class="carousel-feature">
<img class="carousel-image" alt="Каге" title="Каге" src="http://cs305612.userapi.com/v305612565/b0c/lUdW9lvqfOw.jpg">
</div>
</div>
<div id="carousel-left"><img src="http://www.iconbazaar.com/arrows/arrw07_16a.gif" /></div>
<div id="carousel-right"><img src="http://www.iconbazaar.com/arrows/arrw07_06a.gif" /></div>
</div>
Вроде всё верно, а что сделать что бы под шапкой было это чудо? Не главной страницей, не виджетом, а просто под шапкой
Re: И снова я со своей "каруселькой"
И на будующее ставте ваш код в тэги
- Код:
<style>
#carousel {
height:280px !important; /*577*/
width:900px !important; /*577*/
background-color:transparent !important; /*http://cs305612.userapi.com/v305612565/b0c/lUdW9lvqfOw.jpg*/
}
#carousel-left {
position:absolute;
bottom:20px !important; /*http://cs305612.userapi.com/v305612565/b0c/lUdW9lvqfOw.jpg*/
left:150px !important; /*http://cs305612.userapi.com/v305612565/b0c/lUdW9lvqfOw.jpg*/
cursor:pointer;
}
#carousel-right {
position:absolute;
bottom:20px !important; /*http://cs305612.userapi.com/v305612565/b0c/lUdW9lvqfOw.jpg*/
right:150px !important; /*http://cs305612.userapi.com/v305612565/b0c/lUdW9lvqfOw.jpg*/
cursor:pointer;
}
#carousel .blipsContainer .blip {
background-color:#DDD !important; /*http://cs305612.userapi.com/v305612565/b0c/lUdW9lvqfOw.jpg*/
color:#0000FF !important;
}
#carousel .blipsContainer .blipSelected {
background-color:#0000FF !important; /*http://cs305612.userapi.com/v305612565/b0c/lUdW9lvqfOw.jpg*/
color:#FFF !important;
}
</style>
<link rel="stylesheet" href="http://www.patmax.eu/CSS1/120404172732.css" charset="utf-8" />
<script type="text/javascript" src="http://www.patmax.eu/J1/120404173128.js"></script>
<script src="http://www.patmax.eu/J1/120404173357.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery("#carousel").featureCarousel({
});
});
</script>
<div id="carousel-container">
<div id="carousel">
<div class="carousel-feature">
<img class="carousel-image" alt="Война" title="Война" src="http://cs406119.userapi.com/v406119680/45bb/cWF2Z7oNnr4.jpg">
</div>
<div class="carousel-feature">
<img class="carousel-image" alt="История" title="История" src="http://cs305612.userapi.com/v305612565/b0c/lUdW9lvqfOw.jpg">
</div>
<div class="carousel-feature">
<img class="carousel-image" alt="Описание" title="Описание" src="http://cs305612.userapi.com/v305612565/b0c/lUdW9lvqfOw.jpg">
</div>
<div class="carousel-feature">
<img class="carousel-image" alt="История" title="История" src="http://cs305612.userapi.com/v305612565/b0c/lUdW9lvqfOw.jpg">
</div>
<div class="carousel-feature">
<img class="carousel-image" alt="Каге" title="Каге" src="http://cs305612.userapi.com/v305612565/b0c/lUdW9lvqfOw.jpg">
</div>
</div>
<div id="carousel-left"><img src="http://www.iconbazaar.com/arrows/arrw07_16a.gif" /></div>
<div id="carousel-right"><img src="http://www.iconbazaar.com/arrows/arrw07_06a.gif" /></div>
</div>
Последний раз редактировалось: Леший (Декабрь 23rd 2012, 16:55), всего редактировалось 1 раз(а)
Re: И снова я со своей "каруселькой"
- Код:
<style>
#carousel-container {
width:740px!important;
}
#carousel {
height:385px!important;
width:740px!important;
margin-bottom:0.5em!important;
margin-top:0!important;
}
#carousel .blipsContainer {
display:none!important;
}
#carousel-left {
bottom:10px!important;
left:30px!important;
}
#carousel-right {
bottom:10px!important;
right:30px!important;
}
</style>
<center>
<link rel="stylesheet" href="http://www.patmax.eu/CSS1/120404172732.css" charset="utf-8" />
<script type="text/javascript" src="http://www.patmax.eu/J1/120404173128.js"></script>
<script src="http://www.patmax.eu/J1/120404173357.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery("#carousel").featureCarousel({
carouselSpeed: 1500, // число - в милисекундах, скорость смены слайдов
autoPlay: 5000, // число - в милисекундах, период между сменами слайдов
});
});
</script><div id="carousel-container"> <div id="carousel"> <div class="carousel-feature">
<a href="#"><img class="carousel-image" alt="Image Caption" src="http://www.snapsnap.ru/i/ciccicdldeue.jpg"></a> <div class="carousel-caption">
<p>
Очаровашка )))
</p>
</div>
</div> <div class="carousel-feature">
<a href="#"><img class="carousel-image" alt="Image Caption" src="http://s018.radikal.ru/i502/1210/71/8def072e150b.jpg"></a> <div class="carousel-caption">
<p>
Т - 800
</p>
</div>
</div> <div class="carousel-feature">
<a href="#"><img class="carousel-image" alt="Image Caption" src="http://s017.radikal.ru/i410/1210/cf/0860053e26b0.jpg"></a> <div class="carousel-caption">
<p>
Страшилки Кошмарики
</p>
</div>
</div> <div class="carousel-feature">
<a href="#"><img class="carousel-image" alt="Image Caption" src="http://s019.radikal.ru/i622/1211/95/4d1ced908b3b.jpg"></a> <div class="carousel-caption">
<p>
Гараж .
</p>
</div>
</div> <div class="carousel-feature">
<a href="#"><img class="carousel-image" alt="Image Caption" src="http://s48.radikal.ru/i121/1211/7f/b7e76fcdc525.jpg"></a> <div class="carousel-caption">
<p>
Женская Часть Т - 800 .
</p>
</div>
</div> <div class="carousel-feature">
<a href="#"><img class="carousel-image" alt="Image Caption" src="http://s14.radikal.ru/i187/1211/57/9fd04161d1fd.jpg"></a> <div class="carousel-caption">
<p>
Ночная Дорога в Братск .
</p>
</div>
</div> <div class="carousel-feature">
<a href="#"><img class="carousel-image" alt="Image Caption" src="http://i051.radikal.ru/1211/db/080e8483aa15.jpg"></a> <div class="carousel-caption">
<p>
Дрифт - Битва в г. Иркутск .
</p>
</div>
</div> <div class="carousel-feature">
<a href="#"><img class="carousel-image" alt="Image Caption" src="http://www.snapsnap.ru/i/tyttyt.jpg"></a> <div class="carousel-caption">
<p>
3 D на асфальте в Краснодаре .
</p>
</div>
</div> <div class="carousel-feature">
<a href="#"><img class="carousel-image" alt="Image Caption" src="http://www.snapsnap.ru/i/m4onxedlza8rvr.jpg"></a> <div class="carousel-caption">
<p>
Фестиваль Невест 2012 г.Братск .
</p>
</div>
</div> <div class="carousel-feature">
<a href="#"><img class="carousel-image" alt="Image Caption" src="http://www.snapsnap.ru/i/2cqc.jpg"></a> <div class="carousel-caption">
<p>
3 D На асфальте .
</p>
</div>
</div>
</div> <div id="carousel-left"><img src="http://i40.servimg.com/u/f40/14/80/95/87/8595910.gif" /></div> <div id="carousel-right"><img src="http://i40.servimg.com/u/f40/14/80/95/87/10029510.gif" /></div>
</div>
</center>
Попробуйте эту . Размеры и фотки поменяете на свои. За размер фото в карусели отвечает первая фотка , подписана Очаровашка . Какого размера эта фотка , такой и применится для всех . Размер блока подгоните под свой форум
Re: И снова я со своей "каруселькой"
И укажи версию форума . Если это ВВ 3 то эта не пойдёт . Ищи для своей версии. Хотя её и на ВВ2 ставили вроде работала. Попробуй
Похожие темы
» И это снова я со своей подписью.
» Размещение своей рекламы
» Кнопки на форуме для своей странички
» Ка удалять картинки из своей галереи.
» Как правильно прописывать стили на своей страничке
» Размещение своей рекламы
» Кнопки на форуме для своей странички
» Ка удалять картинки из своей галереи.
» Как правильно прописывать стили на своей страничке
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Проблемы со скриптами (кодами) :: [Архив] Проблемы со скриптами
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения