111 публикаций создано Candyover (учитываются публикации только с 27-Апрель 23)
Отправлено от
в 13 Февраль 2014 - 13:53
в
Каталог товаров
Vaccina (13 Февраль 2014 - 04:30) писал:
<script type="text/javascript" src="http://www.timegenerator.ru/s/2554d9163d648d66421aa5e458176ec9.js"></script>переместите ее поставив перед:
{BODY}
Отправлено от
в 12 Февраль 2014 - 21:48
в
Каталог товаров
Castiel (12 Февраль 2014 - 21:36) писал:
#countbox {
color: #2f2f2f;
font-family: MyriadProRegular,Helvetica,sans-serif;
font-size: 69px;
height: 106px;
line-height: 82px;
margin: 0 auto;
padding: 0;
width: 436px;
}
#countbox {
color: #2f2f2f;
font-family: MyriadProRegular,Helvetica,sans-serif;
font-size: 69px;
height: 106px;
line-height: 82px;
margin: 0 auto;
padding: 0;
width: 436px;
top: 500px;
}
Отправлено от
в 12 Февраль 2014 - 21:08
в
Каталог товаров
Alexey11 (12 Февраль 2014 - 20:35) писал:
Отправлено от
в 12 Ноябрь 2013 - 02:00
в
Каталог товаров
Отправлено от
в 13 Февраль 2014 - 14:59
в
Каталог товаров
Castiel (13 Февраль 2014 - 14:53) писал:
Отправлено от
в 13 Февраль 2014 - 15:12
в
Каталог товаров
Castiel (13 Февраль 2014 - 15:05) писал:
#countbox {
color: #2F2F2F;
font-family: MyriadProRegular,Helvetica,sans-serif;
font-size: 69px;
height: 106px;
line-height: 82px;
margin: 0 auto;
padding: 0;
width: 436px;
position: absolute;
bottom: 35%;
left: 42%;
}
#countbox {
color: #2F2F2F;
font-family: MyriadProRegular,Helvetica,sans-serif;
font-size: 69px;
height: 106px;
line-height: 82px;
margin: 0 auto;
padding: 0;
width: 436px;
position: absolute;
left: 30%;
top: 350px;
}
Отправлено от
в 13 Февраль 2014 - 16:30
в
Каталог товаров
Roman_Latyshev (13 Февраль 2014 - 16:26) писал:
Отправлено от
в 13 Февраль 2014 - 16:21
в
Каталог товаров
Castiel (13 Февраль 2014 - 16:03) писал:
Отправлено от
в 13 Февраль 2014 - 15:56
в
Каталог товаров
Castiel (13 Февраль 2014 - 15:05) писал:
#countbox {
color: #2F2F2F;
font-family: MyriadProRegular,Helvetica,sans-serif;
font-size: 69px;
height: 106px;
line-height: 82px;
margin: 0 auto;
padding: 0;
width: 436px;
position: absolute;
bottom: 35%;
left: 42%;
}
#countbox {
color: #2F2F2F;
font-family: MyriadProRegular,Helvetica,sans-serif;
font-size: 69px;
height: 106px;
line-height: 82px;
margin: 0 auto;
padding: 0;
width: 436px;
position: absolute;
left: 30%;
top: 350px;
}
Отправлено от
в 12 Февраль 2014 - 18:45
в
Каталог товаров
Vaccina (12 Февраль 2014 - 03:05) писал:
http://kelesia.storeland.net/slide_bg1.png?4328измените на ссылку на фон или удалите background-image: url('http://kelesia.store...de_bg1.png?4328');
#countbox {
bottom: 35%;
color: #2F2F2F;
font-family: MyriadProRegular,Helvetica,sans-serif;
font-size: 69px;
height: 106px;
left: 42%;
line-height: 82px;
margin: 0 auto;
padding: 0;
position: absolute;
width: 436px;
}
замените на:
#countbox {
color: #2F2F2F;
font-family: MyriadProRegular,Helvetica,sans-serif;
font-size: 69px;
height: 106px;
line-height: 82px;
margin: 0 auto;
padding: 0;
width: 436px;
}
Roman_Latyshev (12 Февраль 2014 - 09:28) писал:
Отправлено от
в 12 Февраль 2014 - 20:16
в
Каталог товаров
Vaccina (12 Февраль 2014 - 03:05) писал:
http://kelesia.storeland.net/slide_bg1.png?4328измените на ссылку на фон или удалите background-image: url('http://kelesia.store...de_bg1.png?4328');
#countbox {
bottom: 35%;
color: #2F2F2F;
font-family: MyriadProRegular,Helvetica,sans-serif;
font-size: 69px;
height: 106px;
left: 42%;
line-height: 82px;
margin: 0 auto;
padding: 0;
position: absolute;
width: 436px;
}
замените на:
#countbox {
color: #2F2F2F;
font-family: MyriadProRegular,Helvetica,sans-serif;
font-size: 69px;
height: 106px;
line-height: 82px;
margin: 0 auto;
padding: 0;
width: 436px;
}
Отправлено от
в 12 Февраль 2014 - 00:13
в
Каталог товаров
Alexey11 (11 Февраль 2014 - 21:51) писал:
#countbox
{
color: #2f2f2f;
font-family: MyriadProRegular,Helvetica,sans-serif;
font-size: 69px;
height: 106px;
line-height: 82px;
margin: 0 auto;
padding: 0;
width: 436px;
position: absolute;
bottom: 35%;
left: 42%;
}
#slidebackgr {
width: 610px;
height: 345px;
margin-top: 10px;
padding: 0;
position: relative;
background-image: url('http://kelesia.storeland.net/slide_bg1.png?4328');
margin-bottom: 115px!important;
}
Отправлено от
в 14 Ноябрь 2013 - 20:03
в
Каталог товаров
Vaccina (14 Ноябрь 2013 - 06:00) писал:
<script language="JavaScript"> TargetDate = "10/13/2011 0:00 AM"; BackColor = ""; ForeColor = "Red"; CountActive = true; CountStepper = -1; LeadingZero = false; DisplayFormat = "<div style='font-size: 18px; text-align: center;'> <em>До конца акции осталось:</em> %%D%% дн. %%H%% ч. %%M%% мин. и %%S%% сек.<br/>Спешите сделать заказ!</div>"; FinishMessage ="Акция окончилась !"; </script> <script language="JavaScript" src="http://scripts.hashemian.com/js/countdown.js">
а как сделать такие как я скидывал с анимацией, какой нужно код вставить? И обязательно нужно их перенести, это возможно?
Отправлено от
в 13 Ноябрь 2013 - 19:56
в
Каталог товаров
Vaccina (13 Ноябрь 2013 - 05:43) писал:
Отправлено от
в 13 Ноябрь 2013 - 00:57
в
Каталог товаров
Vaccina (12 Ноябрь 2013 - 05:29) писал:
Отправлено от
в 16 Ноябрь 2013 - 23:53
в
Каталог товаров
Vaccina (16 Ноябрь 2013 - 04:34) писал:
Отправлено от
в 16 Ноябрь 2013 - 02:32
в
Каталог товаров
Vaccina (15 Ноябрь 2013 - 02:52) писал:
Отправлено от
в 19 Ноябрь 2013 - 00:36
в
Каталог товаров
Отправлено от
в 11 Февраль 2014 - 15:46
в
Каталог товаров
Vaccina (15 Ноябрь 2013 - 02:52) писал:
но перенеститак и не получилось, хотя перенес под слайдер. Просто все пропало после того как перенес. В чем проблема?
Отправлено от
в 11 Февраль 2014 - 18:01
в
Каталог товаров
Roman_Latyshev (11 Февраль 2014 - 16:29) писал:
Отправлено от
в 13 Декабрь 2013 - 00:16
в
Каталог товаров
Vaccina (19 Ноябрь 2013 - 04:45) писал:
<script src="jquery.js" type="text/javascript"></script>
<script language="JavaScript"> TargetDate = "11/18/2013 0:00 AM"; BackColor = ""; ForeColor = "Red"; CountActive = true; CountStepper = -1; LeadingZero = false; DisplayFormat = "<div style='font-size: 18px; text-align: center;'> <em>До конца акции осталось:</em> %%D%% дн. %%H%% ч. %%M%% мин. и %%S%% сек.<br/>Спешите сделать заказ!</div>"; FinishMessage ="Акция окончилась !"; </script>
Отправлено от
в 09 Апрель 2014 - 22:31
в
Главная
sengun (07 Апрель 2014 - 23:20) писал:
$('#slideshow')
.prepend('<span class="nav" id="leftNav">Move Left</span>')
.append('<span class="nav" id="rightNav">Move Right</span>');
лишние. Попробуйте их удалить. Если не поможет, пришлите, пожалуйста, ссылку на сайт, откуда вы взяли этот слайдер.
Отправлено от
в 07 Апрель 2014 - 22:18
в
Главная
Отправлено от
в 18 Февраль 2014 - 16:01
в
Главная
Vaccina (18 Февраль 2014 - 04:05) писал:
<style type="text/css">
#slidebackgr
{
width:610px; <!---Это можно менять-->
height:345px; <!---Это можно менять-->
margin-top:10px; <!---Это можно менять-->
padding:0;
position:relative;
background-image: url('http://kelesia.storeland.net/slide_bg1.png?4328'); <!---Это меняем-->
}
#slideshow
#slideshowWindow {
width:576px; <!---Это можно менять-->
height:320px; <!---Это можно менять-->
padding:0;
position:relative;
margin-left:17px;
margin-right:17px;
margin-bottom:10px;
overflow:hidden;
}
#slideshow h2
{
font-weight: normal;
color: #FFFFFF;
font-size: 2.1666em;
line-height: 1.1538em;
margin: 0.7692em 0 0.3846em 0
;
}
#slideshow #slideshowWindow .slide
{
padding:0;
width:576px;
height:300px;
position:relative;
margin-top:20px;
overflow:hidden;
}
#slideshow #slideshowWindow .slide .slideText
{
position:absolute;
top:0px;
left:0px;
width:162px;
height:300px;
background-repeat:repeat;
margin:0;
padding:0 10px 0 0;
color:#ffffff;
font-family:Myriad Pro, Arial, Helvetica, sans-serif;
}
#slideshow #slideshowWindow .slide .slideText a:link,
#slideshow #slideshowWindow .slide .slideText a:visited
{
color:#ffffff;
text-decoration:none;
}
.slideLink {color:#ffffff;
text-decoration:underline;
}
#slideshow #slideshowWindow
.slide .slideText h2, #slideshow #slideshowWindow .slide .slideText p
{
margin:10px 0 0 10px;
padding:0;
}
/*Navigation*/ .nav {
display:block;
text-indent:-10000px;
position:absolute;
cursor:pointer; } #leftNav {
top:260px; left:500px; <!---Это можно менять-->
width:94px; height:36px; <!---Это можно менять-->
background-image: url('http://kelesia.storeland.net/previous.png?4373'); <!---Это меняем-->
background-repeat:no-repeat;
z-index:999; }
#rightNav {
top:260px; <!---Это можно менять-->
left:550px;<!---Это можно менять-->
width:53px;
height:36px;
background-image: url('http://kelesia.storeland.net/next.png?4362'); <!---Это меняем-->
background-repeat:no-repeat;
z-index:999; }
</style>
<script type="text/javascript">
$(document).ready(function() {
var currentPosition = 0;
var slideWidth = 576;
var slides = $('.slide');
var numberOfSlides = slides.length;
var slideShowInterval;
var speed = 5000; <!---Кажется это скорость прокрутки. Это можно менять-->
//Assign a timer, so it will run periodically
slideShowInterval = setInterval(changePosition, speed);
slides.wrapAll('<div id="slidesHolder"></div>')
slides.css({ 'float' : 'left' });
//set #slidesHolder width equal to the total width of all the slides
$('#slidesHolder').css('width', slideWidth * numberOfSlides);
$('#slideshow')
.prepend('<span class="nav" id="leftNav">Move Left</span>')
.append('<span class="nav" id="rightNav">Move Right</span>');
manageNav(currentPosition);
//tell the buttons what to do when clicked
$('.nav').bind('click', function() {
//determine new position
currentPosition = ($(this).attr('id')=='rightNav')
? currentPosition+1 : currentPosition-1;
//hide/show controls
manageNav(currentPosition);
clearInterval(slideShowInterval);
slideShowInterval = setInterval(changePosition, speed);
moveSlide();
});
function manageNav(position) {
//hide left arrow if position is first slide
if(position==0){ $('#leftNav').hide() }
else { $('#leftNav').show() }
//hide right arrow is slide position is last slide
if(position==numberOfSlides-1){ $('#rightNav').hide() }
else { $('#rightNav').show() } }
//changePosition: this is called when the slide is moved by the timer and NOT when the next or previous buttons are clicked
function changePosition() {
if(currentPosition == numberOfSlides - 1) {
currentPosition = 0;
manageNav(currentPosition);
} else {
currentPosition++;
manageNav(currentPosition);
} moveSlide();
}
//moveSlide: this function moves the slide
function moveSlide()
{
$('#slidesHolder').animate({'marginLeft' : slideWidth*(-currentPosition)});
} }); </script>
<div id="slidebackgr">
<div id="slideshow">
<div id="slideshowWindow">
<div class="slide">
<a href="#">
<img src="http://st.magazin-soblazn.ru/2/993/541/k-logo-s.png" height="300" />
</a>
</div>
<div class="slide">
<a href="#">
<img src="http://st.magazin-soblazn.ru/2/994/668/Bezymyannyj.png" />
</a>
</div>
<div class="slide">
<a href="#">
<img src="http://st.magazin-soblazn.ru/1/994/437/EXAYF0OPXbo.png" />
</a>
</div>
</div>
</div>
</div>
замените на:<div id="slidebackgr"> <div id="slideshow"> <div id="slideshowWindow"> <div class="slide"> <a href="#"> <img src="http://st.magazin-soblazn.ru/2/993/541/k-logo-s.png" height="300" /> </a> </div> <div class="slide"> <a href="#"> <img src="http://st.magazin-soblazn.ru/2/994/668/Bezymyannyj.png" /> </a> </div> <div class="slide"> <a href="#"> <img src="http://st.magazin-soblazn.ru/1/994/437/EXAYF0OPXbo.png" /> </a> </div> </div> </div> </div>
#slidebackgr
{
width:610px; <!---Это можно менять-->
height:345px; <!---Это можно менять-->
margin-top:10px; <!---Это можно менять-->
padding:0;
position:relative;
background-image: url('http://kelesia.storeland.net/slide_bg1.png?4328'); <!---Это меняем-->
}
#slideshow
#slideshowWindow {
width:576px; <!---Это можно менять-->
height:320px; <!---Это можно менять-->
padding:0;
position:relative;
margin-left:17px;
margin-right:17px;
margin-bottom:10px;
overflow:hidden;
}
#slideshow h2
{
font-weight: normal;
color: #FFFFFF;
font-size: 2.1666em;
line-height: 1.1538em;
margin: 0.7692em 0 0.3846em 0
;
}
#slideshow #slideshowWindow .slide
{
padding:0;
width:576px;
height:300px;
position:relative;
margin-top:20px;
overflow:hidden;
}
#slideshow #slideshowWindow .slide .slideText
{
position:absolute;
top:0px;
left:0px;
width:162px;
height:300px;
background-repeat:repeat;
margin:0;
padding:0 10px 0 0;
color:#ffffff;
font-family:Myriad Pro, Arial, Helvetica, sans-serif;
}
#slideshow #slideshowWindow .slide .slideText a:link,
#slideshow #slideshowWindow .slide .slideText a:visited
{
color:#ffffff;
text-decoration:none;
}
.slideLink {color:#ffffff;
text-decoration:underline;
}
#slideshow #slideshowWindow
.slide .slideText h2, #slideshow #slideshowWindow .slide .slideText p
{
margin:10px 0 0 10px;
padding:0;
}
/*Navigation*/ .nav {
display:block;
text-indent:-10000px;
position:absolute;
cursor:pointer; } #leftNav {
top:260px; left:500px; <!---Это можно менять-->
width:94px; height:36px; <!---Это можно менять-->
background-image: url('http://kelesia.storeland.net/previous.png?4373'); <!---Это меняем-->
background-repeat:no-repeat;
z-index:999; }
#rightNav {
top:260px; <!---Это можно менять-->
left:550px;<!---Это можно менять-->
width:53px;
height:36px;
background-image: url('http://kelesia.storeland.net/next.png?4362'); <!---Это меняем-->
background-repeat:no-repeat;
z-index:999; }
$(document).ready(function() {
var currentPosition = 0;
var slideWidth = 576;
var slides = $('.slide');
var numberOfSlides = slides.length;
var slideShowInterval;
var speed = 5000; <!---Кажется это скорость прокрутки. Это можно менять-->
//Assign a timer, so it will run periodically
slideShowInterval = setInterval(changePosition, speed);
slides.wrapAll('<div id="slidesHolder"></div>')
slides.css({ 'float' : 'left' });
//set #slidesHolder width equal to the total width of all the slides
$('#slidesHolder').css('width', slideWidth * numberOfSlides);
$('#slideshow')
.prepend('<span class="nav" id="leftNav">Move Left</span>')
.append('<span class="nav" id="rightNav">Move Right</span>');
manageNav(currentPosition);
//tell the buttons what to do when clicked
$('.nav').bind('click', function() {
//determine new position
currentPosition = ($(this).attr('id')=='rightNav')
? currentPosition+1 : currentPosition-1;
//hide/show controls
manageNav(currentPosition);
clearInterval(slideShowInterval);
slideShowInterval = setInterval(changePosition, speed);
moveSlide();
});
function manageNav(position) {
//hide left arrow if position is first slide
if(position==0){ $('#leftNav').hide() }
else { $('#leftNav').show() }
//hide right arrow is slide position is last slide
if(position==numberOfSlides-1){ $('#rightNav').hide() }
else { $('#rightNav').show() } }
//changePosition: this is called when the slide is moved by the timer and NOT when the next or previous buttons are clicked
function changePosition() {
if(currentPosition == numberOfSlides - 1) {
currentPosition = 0;
manageNav(currentPosition);
} else {
currentPosition++;
manageNav(currentPosition);
} moveSlide();
}
//moveSlide: this function moves the slide
function moveSlide()
{
$('#slidesHolder').animate({'marginLeft' : slideWidth*(-currentPosition)});
} });
Отправлено от
в 15 Февраль 2014 - 16:37
в
Главная
- слайдер который нужно продублировать
- слайдер который удалить
Система для сообществ IP.Board
Лицензия зарегистрирована на: StoreLand
