Все получилось,спасибо. А как сделать,что бы текст с права от картинки был, а нет под ней.
7
Добавление Блоков На Сайт
Автор alkazare, 03 дек. 2012 04:52
Сообщений в теме: 198
#122
miyako
-
- Модератоpы
-
- 5 372 сообщений
Активный участник
Отправлено 17 Июнь 2013 - 15:20
yangirov (17 Июнь 2013 - 14:52) писал:
Все получилось,спасибо. А как сделать,что бы текст с права от картинки был, а нет под ней.
Добавьте код в конец main.css:
.L {float:left;}
#123
yangirov
-
- Пользователи
-
- 61 сообщений
Продвинутый пользователь
Отправлено 17 Июнь 2013 - 15:26
miyako (17 Июнь 2013 - 15:20) писал:
Добавьте код в конец main.css:
.L {float:left;}
Хотелось бы центрировать текст
#124
Сake
-
- Модератоpы
-
- 5 979 сообщений
Активный участник
Отправлено 18 Июнь 2013 - 02:56
Добавьте в ваш файл стилей main.css
.R .text {
text-align: center;
}
#125
yangirov
-
- Пользователи
-
- 61 сообщений
Продвинутый пользователь
Отправлено 05 Июль 2013 - 10:14
А как мне шрифт текста увеличить в этих и блоках, как выделить жирным и как сделать так,что бы текст в блоках был по середине т.е. ниже спустить.
#126
Koderhan
-
- Модератоpы
-
- 6 227 сообщений
Активный участник
Отправлено 05 Июль 2013 - 10:35
yangirov (05 Июль 2013 - 10:14) писал:
А как мне шрифт текста увеличить в этих и блоках, как выделить жирным и как сделать так,что бы текст в блоках был по середине т.е. ниже спустить.
Код:
.R .text p {
font-weight: bold;
margin-top: 20px;
}
#127
yangirov
-
- Пользователи
-
- 61 сообщений
Продвинутый пользователь
Отправлено 05 Июль 2013 - 12:27
Без изменений
#128
Koderhan
-
- Модератоpы
-
- 6 227 сообщений
Активный участник
Отправлено 05 Июль 2013 - 12:47
yangirov (05 Июль 2013 - 12:27) писал:
Без изменений
Код:
.R .text {
text-align: center;
Заменить:
.R .text {
text-align: center;
}
#129
yangirov
-
- Пользователи
-
- 61 сообщений
Продвинутый пользователь
Отправлено 05 Июль 2013 - 14:37
Спасибо, как сделать что бы текст во втором блоке был кликабельным, ссылкой на нужную страницу
#130
sengun
-
- Модератоpы
-
- 1 139 сообщений
Активный участник
- ГородНижний Новгород
Отправлено 05 Июль 2013 - 15:48
yangirov (05 Июль 2013 - 14:37) писал:
Спасибо, как сделать что бы текст во втором блоке был кликабельным, ссылкой на нужную страницу
<p> Новинка 2013 года! Samsung Galaxy S4(реплика) (6990 руб. вместо 19000 руб) </p>замените на
<a href="http://{NET_DOMAIN}/goods/Novinka-2013-goda-Samsung-Galaxy-S4-replika" style="cursor:pointer; color:black; font-size:12px;">
<p>
Новинка 2013 года! Samsung Galaxy S4(реплика) (6990 руб. вместо 19000 руб)
</p>
</a>
Здесь я сразу прописал адрес странички товара, название которого соответствует тексту второго блока.
#131
ilyabiz
-
- Пользователи
-
- 35 сообщений
Пользователь
Отправлено 21 Июль 2013 - 13:33
support 2.0 (03 Декабрь 2012 - 12:56) писал:
3 блока
в файл main.css вставьте этот блок в самом конце
Теперь зайдите в шаблон HTML и после
Вставьте
Для того, чтобы заменить изображения, замените в Шаблоне HTML эти изображения на свои:
Во 2-ом блоке около таймера, чтобы заменить изображение, зайдите в main.css -> найдите
Также на слове Скидки (3-й блок) есть ссылка, чтобы ее удалить или поставить на нужную страницу, в шаблоне HTML найдите строчку
1354591201 - время в секундах
в файл main.css вставьте этот блок в самом конце
<!-- 3 блока -->
.blocks{margin-top:0px;}
.blocks>table{width:989px;border-collapse:separate;border-spacing: 17px;margin: -30px 0px 0px -16px;}
.blocks>table>tbody{vertical-align:top;}
.blocks .block{height:100%;}
.block>h2{font-size:15px;padding-bottom:15px;}
.block:after{content:' ';clear:both;display:block;width:0;height:0;overflow:hidden;font-size:0;}
.block>.R{margin-left:105px;color:#575757;}
.block>.L{float:left;width:91px;text-align:center;}
.block>.L img{max-width:91px;}
.block .text{color:#575757;font-size:12px;}
.block .name{font-size:14px;padding-bottom:5px;}
.block .timer{width: 124px;height: 47px;background:url(http://...clock.png) 0 0 no-repeat;margin:0 auto;text-align:center;padding: 0px 6px 3px 40px;margin: 6px 0px -6px -3px;}
.block .timer>p{font-size: 13px;padding:0;}
.block .timer > .digits {font-size: 20px;font-weight: normal;line-height: 5px;}
.block .timer>.digits span{font-size:16px;}
.w {
background: white;
padding: 16px;
margin: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
}
Теперь зайдите в шаблон HTML и после
<div class="content_page">
Вставьте
<!-- 3 блока -->
<div class="blocks"><table><tbody><tr>
<td width="33%" class="w"><div class="block">
<h2>Гарантия возврата</h2>
<div class="L"><a href="javascript:;"><img src="http://...guarantee.png" alt=""></a></div>
<div class="R">
<div class="text"><p>Если Вам попадется некачественный товар, мы без вопросов заменим его на другой, или вернем Вам деньги.</p></div>
</div>
</div></td>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
setInterval(function(){
var now = new Date();
var endTS = 1354591201*1000;
var totalRemains = (endTS-now.getTime());
if (totalRemains>1){
var RemainsSec=(parseInt(totalRemains/1000));
var RemainsFullDays=(parseInt(RemainsSec/(24*60*60)));
var secInLastDay=RemainsSec-RemainsFullDays*24*3600;
var RemainsFullHours=(parseInt(secInLastDay/3600));
if (RemainsFullHours<10){RemainsFullHours="0"+RemainsFullHours};
var secInLastHour=secInLastDay-RemainsFullHours*3600;
var RemainsMinutes=(parseInt(secInLastHour/60));
if (RemainsMinutes<10){RemainsMinutes="0"+RemainsMinutes};
var lastSec=secInLastHour-RemainsMinutes*60;
if (lastSec<10){lastSec="0"+lastSec};
$('.timer>.digits').html((RemainsFullDays ? "<span>"+RemainsFullDays+"дн.</span> " :"")+RemainsFullHours+":"+RemainsMinutes+":"+lastSec);
}
else {$(".timer").remove();}
},1000);
});
</script>
<td width="33%" class="w"><div class="block">
<h2>Акции и спецпредложения</h2>
<div class="L"><a href="javascript:;"><img src="http://...promo.png" alt=""></a></div>
<div class="R">
<div class="text"><h3 id="toc0"> Дарим скидку <span style="color: #EF2929;">30%</span></h3><p>10 первых покупателей получат РУ модели со скидкой <span style="color: #EF2929;"><strong>30%</strong> </span>Спешите!</p></div>
<div class="timer">
<p>До конца акции</p>
<div class="digits"></div>
</div>
</div>
</div></td>
<td width="33%" class="w"><div class="block">
<h2>СКИДКИ</h2>
<div class="L"><a href="./"><img src="http://...discount.png" alt=""></a></div>
<div class="R"><div class="text"><p>Доставка по всей Росии<span style="color: #EF2929;"> <strong>БЕСПЛАТНО</strong></span><br> Батарейки в <span style="color: #EF2929;"><strong>падарок</strong></span></p><a href="#">Скидки</a></div></div>
</div></td>
</tr></tbody></table></div>
<!-- END 3 блока -->
Для того, чтобы заменить изображения, замените в Шаблоне HTML эти изображения на свои:
1. guarantee.png 2. promo.png 3. discount.png
Во 2-ом блоке около таймера, чтобы заменить изображение, зайдите в main.css -> найдите
clock.pngи замените ссылку на любую другую
Также на слове Скидки (3-й блок) есть ссылка, чтобы ее удалить или поставить на нужную страницу, в шаблоне HTML найдите строчку
<a href="#">Скидки</a>и вместо # поставьте нужную ссылку
1354591201 - время в секундах
#132
miyako
-
- Модератоpы
-
- 5 372 сообщений
Активный участник
Отправлено 21 Июль 2013 - 15:53
Найдите в шаблоне HTML код:
Остальное все по инструкции.
<div id="panelsite">и перед этим кодом добавьте
<!-- 3 блока -->
<div class="blocks"><table><tbody><tr>
<td width="33%" class="w"><div class="block">
<h2>Гарантия возврата</h2>
<div class="L"><a href="javascript:;"><img src="http://...guarantee.png" alt=""></a></div>
<div class="R">
<div class="text"><p>Если Вам попадется некачественный товар, мы без вопросов заменим его на другой, или вернем Вам деньги.</p></div>
</div>
</div></td>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
setInterval(function(){
var now = new Date();
var endTS = 1354591201*1000;
var totalRemains = (endTS-now.getTime());
if (totalRemains>1){
var RemainsSec=(parseInt(totalRemains/1000));
var RemainsFullDays=(parseInt(RemainsSec/(24*60*60)));
var secInLastDay=RemainsSec-RemainsFullDays*24*3600;
var RemainsFullHours=(parseInt(secInLastDay/3600));
if (RemainsFullHours<10){RemainsFullHours="0"+RemainsFullHours};
var secInLastHour=secInLastDay-RemainsFullHours*3600;
var RemainsMinutes=(parseInt(secInLastHour/60));
if (RemainsMinutes<10){RemainsMinutes="0"+RemainsMinutes};
var lastSec=secInLastHour-RemainsMinutes*60;
if (lastSec<10){lastSec="0"+lastSec};
$('.timer>.digits').html((RemainsFullDays ? "<span>"+RemainsFullDays+"дн.</span> " :"")+RemainsFullHours+":"+RemainsMinutes+":"+lastSec);
}
else {$(".timer").remove();}
},1000);
});
</script>
<td width="33%" class="w"><div class="block">
<h2>Акции и спецпредложения</h2>
<div class="L"><a href="javascript:;"><img src="http://...promo.png" alt=""></a></div>
<div class="R">
<div class="text"><h3 id="toc0"> Дарим скидку <span style="color: #EF2929;">30%</span></h3><p>10 первых покупателей получат РУ модели со скидкой <span style="color: #EF2929;"><strong>30%</strong> </span>Спешите!</p></div>
<div class="timer">
<p>До конца акции</p>
<div class="digits"></div>
</div>
</div>
</div></td>
<td width="33%" class="w"><div class="block">
<h2>СКИДКИ</h2>
<div class="L"><a href="./"><img src="http://...discount.png" alt=""></a></div>
<div class="R"><div class="text"><p>Доставка по всей Росии<span style="color: #EF2929;"> <strong>БЕСПЛАТНО</strong></span><br> Батарейки в <span style="color: #EF2929;"><strong>падарок</strong></span></p><a href="#">Скидки</a></div></div>
</div></td>
</tr></tbody></table></div>
<!-- END 3 блока -->
Остальное все по инструкции.
#133
ilyabiz
-
- Пользователи
-
- 35 сообщений
Пользователь
Отправлено 21 Июль 2013 - 16:28
miyako (21 Июль 2013 - 15:53) писал:
Найдите в шаблоне HTML код:
Остальное все по инструкции.
<div id="panelsite">и перед этим кодом добавьте
<!-- 3 блока -->
<div class="blocks"><table><tbody><tr>
<td width="33%" class="w"><div class="block">
<h2>Гарантия возврата</h2>
<div class="L"><a href="javascript:;"><img src="http://...guarantee.png" alt=""></a></div>
<div class="R">
<div class="text"><p>Если Вам попадется некачественный товар, мы без вопросов заменим его на другой, или вернем Вам деньги.</p></div>
</div>
</div></td>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
setInterval(function(){
var now = new Date();
var endTS = 1354591201*1000;
var totalRemains = (endTS-now.getTime());
if (totalRemains>1){
var RemainsSec=(parseInt(totalRemains/1000));
var RemainsFullDays=(parseInt(RemainsSec/(24*60*60)));
var secInLastDay=RemainsSec-RemainsFullDays*24*3600;
var RemainsFullHours=(parseInt(secInLastDay/3600));
if (RemainsFullHours<10){RemainsFullHours="0"+RemainsFullHours};
var secInLastHour=secInLastDay-RemainsFullHours*3600;
var RemainsMinutes=(parseInt(secInLastHour/60));
if (RemainsMinutes<10){RemainsMinutes="0"+RemainsMinutes};
var lastSec=secInLastHour-RemainsMinutes*60;
if (lastSec<10){lastSec="0"+lastSec};
$('.timer>.digits').html((RemainsFullDays ? "<span>"+RemainsFullDays+"дн.</span> " :"")+RemainsFullHours+":"+RemainsMinutes+":"+lastSec);
}
else {$(".timer").remove();}
},1000);
});
</script>
<td width="33%" class="w"><div class="block">
<h2>Акции и спецпредложения</h2>
<div class="L"><a href="javascript:;"><img src="http://...promo.png" alt=""></a></div>
<div class="R">
<div class="text"><h3 id="toc0"> Дарим скидку <span style="color: #EF2929;">30%</span></h3><p>10 первых покупателей получат РУ модели со скидкой <span style="color: #EF2929;"><strong>30%</strong> </span>Спешите!</p></div>
<div class="timer">
<p>До конца акции</p>
<div class="digits"></div>
</div>
</div>
</div></td>
<td width="33%" class="w"><div class="block">
<h2>СКИДКИ</h2>
<div class="L"><a href="./"><img src="http://...discount.png" alt=""></a></div>
<div class="R"><div class="text"><p>Доставка по всей Росии<span style="color: #EF2929;"> <strong>БЕСПЛАТНО</strong></span><br> Батарейки в <span style="color: #EF2929;"><strong>падарок</strong></span></p><a href="#">Скидки</a></div></div>
</div></td>
</tr></tbody></table></div>
<!-- END 3 блока -->
Остальное все по инструкции.
#134
miyako
-
- Модератоpы
-
- 5 372 сообщений
Активный участник
Отправлено 22 Июль 2013 - 08:23
ilyabiz (21 Июль 2013 - 16:28) писал:
Скажите пожалуйста, как сделать на главной странице, как на этом сайте (http://technoshop5.ru/) вместо слайдера, а именно, чтобы также один большой баннер,можно прикрепить к ней ссылку и на эту же картинку таймер обратного отсчета и справа два таких небольших баннера с прикреплением к ним ссылок
Код:
<!-- 3 блока -->
<div class="blocks"><table><tbody><tr>
<td width="33%" class="w"><div class="block">
<h2>Гарантия возврата</h2>
<div class="L"><a href="javascript:;"><img src="http://...guarantee.png" alt=""></a></div>
<div class="R">
<div class="text"><p>Если Вам попадется некачественный товар, мы без вопросов заменим его на другой, или вернем Вам деньги.</p></div>
</div>
</div></td>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
setInterval(function(){
var now = new Date();
var endTS = 1354591201*1000;
var totalRemains = (endTS-now.getTime());
if (totalRemains>1){
var RemainsSec=(parseInt(totalRemains/1000));
var RemainsFullDays=(parseInt(RemainsSec/(24*60*60)));
var secInLastDay=RemainsSec-RemainsFullDays*24*3600;
var RemainsFullHours=(parseInt(secInLastDay/3600));
if (RemainsFullHours<10){RemainsFullHours="0"+RemainsFullHours};
var secInLastHour=secInLastDay-RemainsFullHours*3600;
var RemainsMinutes=(parseInt(secInLastHour/60));
if (RemainsMinutes<10){RemainsMinutes="0"+RemainsMinutes};
var lastSec=secInLastHour-RemainsMinutes*60;
if (lastSec<10){lastSec="0"+lastSec};
$('.timer>.digits').html((RemainsFullDays ? "<span>"+RemainsFullDays+"дн.</span> " :"")+RemainsFullHours+":"+RemainsMinutes+":"+lastSec);
}
else {$(".timer").remove();}
},1000);
});
</script>
<td width="33%" class="w"><div class="block">
<h2>Акции и спецпредложения</h2>
<div class="L"><a href="javascript:;"><img src="http://...promo.png" alt=""></a></div>
<div class="R">
<div class="text"><h3 id="toc0"> Дарим скидку <span style="color: #EF2929;">30%</span></h3><p>10 первых покупателей получат РУ модели со скидкой <span style="color: #EF2929;"><strong>30%</strong> </span>Спешите!</p></div>
<div class="timer">
<p>До конца акции</p>
<div class="digits"></div>
</div>
</div>
</div></td>
<td width="33%" class="w"><div class="block">
<h2>СКИДКИ</h2>
<div class="L"><a href="./"><img src="http://...discount.png" alt=""></a></div>
<div class="R"><div class="text"><p>Доставка по всей Росии<span style="color: #EF2929;"> <strong>БЕСПЛАТНО</strong></span><br> Батарейки в <span style="color: #EF2929;"><strong>падарок</strong></span></p><a href="#">Скидки</a></div></div>
</div></td>
</tr></tbody></table></div>
<!-- END 3 блока -->
замените на:
<!-- 3 блока -->
<div class="blocks"><table><tbody><tr>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
setInterval(function(){
var now = new Date();
var endTS = 1365691201*1000 ;
var totalRemains = (endTS-now.getTime());
if (totalRemains>1){
var RemainsSec=(parseInt(totalRemains/1000));
var RemainsFullDays=(parseInt(RemainsSec/(24*60*60)));
var secInLastDay=RemainsSec-RemainsFullDays*24*3600;
var RemainsFullHours=(parseInt(secInLastDay/3600));
if (RemainsFullHours<10){RemainsFullHours="0"+RemainsFullHours};
var secInLastHour=secInLastDay-RemainsFullHours*3600;
var RemainsMinutes=(parseInt(secInLastHour/60));
if (RemainsMinutes<10){RemainsMinutes="0"+RemainsMinutes};
var lastSec=secInLastHour-RemainsMinutes*60;
if (lastSec<10){lastSec="0"+lastSec};
$('.timer>.digits').html((RemainsFullDays ? "<span>"+RemainsFullDays+"дн.</span> " :"")+RemainsFullHours+":"+RemainsMinutes+":"+lastSec);
}
else {$(".timer").remove();}
},1000);
});
</script>
<td width="50%" class="w" rowspan="2"><div class="block">
<h2>Акции и спецпредложения</h2>
<div class="L"><a href="javascript:;"><img src="http://...promo.png" alt=""></a></div>
<div class="R">
<div class="text"><h3 id="toc0"> Дарим скидку <span style="color: #EF2929;">30%</span></h3><p>10 первых покупателей получат РУ модели со скидкой <span style="color: #EF2929;"><strong>30%</strong> </span>Спешите!</p></div>
<div class="timer">
<p>До конца акции</p>
<div class="digits"></div>
</div>
</div>
</div></td>
<td width="33%" class="w"><div class="block">
<h2>СКИДКИ</h2>
<div class="L"><a href="./"><img src="http://...discount.png" alt=""></a></div>
<div class="R"><div class="text"><p>Доставка по всей Росии<span style="color: #EF2929;"> <strong>БЕСПЛАТНО</strong></span><br> Батарейки в <span style="color: #EF2929;"><strong>падарок</strong></span></p><a href="#">Скидки</a></div></div>
</div></td>
</tr><tr>
<td width="33%" class="w"><div class="block">
<h2>Гарантия возврата</h2>
<div class="L"><a href="javascript:;"><img src="http://...guarantee.png" alt=""></a></div>
<div class="R">
<div class="text"><p>Если Вам попадется некачественный товар, мы без вопросов заменим его на другой, или вернем Вам деньги.</p></div>
</div>
</div></td>
</tr></tbody></table></div>
<!-- END 3 блока -->
Найдите в main.css код:
.w {
background: white;
padding: 16px;
margin: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
}
и замените на:
.w {
background: white;
padding: 16px;
margin: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
height: 161px;
}
Также Вы не заменили ссылку в коде в main.css -
.block .timer{width: 124px;height: 47px;background:url(http://...clock.png) 0 0 no-repeat;margin:0 auto;text-align:center;padding: 0px 6px 3px 40px;margin: 6px 0px -6px -3px;}
http://...clock.pngИсточник - http://forum.storela...айт/#entry33666
#135
ilyabiz
-
- Пользователи
-
- 35 сообщений
Пользователь
Отправлено 22 Июль 2013 - 15:38
miyako (22 Июль 2013 - 08:23) писал:
Код:
Найдите в main.css код:
Также Вы не заменили ссылку в коде в main.css -
Источник - http://forum.storela...айт/#entry33666
<!-- 3 блока -->
<div class="blocks"><table><tbody><tr>
<td width="33%" class="w"><div class="block">
<h2>Гарантия возврата</h2>
<div class="L"><a href="javascript:;"><img src="http://...guarantee.png" alt=""></a></div>
<div class="R">
<div class="text"><p>Если Вам попадется некачественный товар, мы без вопросов заменим его на другой, или вернем Вам деньги.</p></div>
</div>
</div></td>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
setInterval(function(){
var now = new Date();
var endTS = 1354591201*1000;
var totalRemains = (endTS-now.getTime());
if (totalRemains>1){
var RemainsSec=(parseInt(totalRemains/1000));
var RemainsFullDays=(parseInt(RemainsSec/(24*60*60)));
var secInLastDay=RemainsSec-RemainsFullDays*24*3600;
var RemainsFullHours=(parseInt(secInLastDay/3600));
if (RemainsFullHours<10){RemainsFullHours="0"+RemainsFullHours};
var secInLastHour=secInLastDay-RemainsFullHours*3600;
var RemainsMinutes=(parseInt(secInLastHour/60));
if (RemainsMinutes<10){RemainsMinutes="0"+RemainsMinutes};
var lastSec=secInLastHour-RemainsMinutes*60;
if (lastSec<10){lastSec="0"+lastSec};
$('.timer>.digits').html((RemainsFullDays ? "<span>"+RemainsFullDays+"дн.</span> " :"")+RemainsFullHours+":"+RemainsMinutes+":"+lastSec);
}
else {$(".timer").remove();}
},1000);
});
</script>
<td width="33%" class="w"><div class="block">
<h2>Акции и спецпредложения</h2>
<div class="L"><a href="javascript:;"><img src="http://...promo.png" alt=""></a></div>
<div class="R">
<div class="text"><h3 id="toc0"> Дарим скидку <span style="color: #EF2929;">30%</span></h3><p>10 первых покупателей получат РУ модели со скидкой <span style="color: #EF2929;"><strong>30%</strong> </span>Спешите!</p></div>
<div class="timer">
<p>До конца акции</p>
<div class="digits"></div>
</div>
</div>
</div></td>
<td width="33%" class="w"><div class="block">
<h2>СКИДКИ</h2>
<div class="L"><a href="./"><img src="http://...discount.png" alt=""></a></div>
<div class="R"><div class="text"><p>Доставка по всей Росии<span style="color: #EF2929;"> <strong>БЕСПЛАТНО</strong></span><br> Батарейки в <span style="color: #EF2929;"><strong>падарок</strong></span></p><a href="#">Скидки</a></div></div>
</div></td>
</tr></tbody></table></div>
<!-- END 3 блока -->
замените на:
<!-- 3 блока -->
<div class="blocks"><table><tbody><tr>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
setInterval(function(){
var now = new Date();
var endTS = 1365691201*1000 ;
var totalRemains = (endTS-now.getTime());
if (totalRemains>1){
var RemainsSec=(parseInt(totalRemains/1000));
var RemainsFullDays=(parseInt(RemainsSec/(24*60*60)));
var secInLastDay=RemainsSec-RemainsFullDays*24*3600;
var RemainsFullHours=(parseInt(secInLastDay/3600));
if (RemainsFullHours<10){RemainsFullHours="0"+RemainsFullHours};
var secInLastHour=secInLastDay-RemainsFullHours*3600;
var RemainsMinutes=(parseInt(secInLastHour/60));
if (RemainsMinutes<10){RemainsMinutes="0"+RemainsMinutes};
var lastSec=secInLastHour-RemainsMinutes*60;
if (lastSec<10){lastSec="0"+lastSec};
$('.timer>.digits').html((RemainsFullDays ? "<span>"+RemainsFullDays+"дн.</span> " :"")+RemainsFullHours+":"+RemainsMinutes+":"+lastSec);
}
else {$(".timer").remove();}
},1000);
});
</script>
<td width="50%" class="w" rowspan="2"><div class="block">
<h2>Акции и спецпредложения</h2>
<div class="L"><a href="javascript:;"><img src="http://...promo.png" alt=""></a></div>
<div class="R">
<div class="text"><h3 id="toc0"> Дарим скидку <span style="color: #EF2929;">30%</span></h3><p>10 первых покупателей получат РУ модели со скидкой <span style="color: #EF2929;"><strong>30%</strong> </span>Спешите!</p></div>
<div class="timer">
<p>До конца акции</p>
<div class="digits"></div>
</div>
</div>
</div></td>
<td width="33%" class="w"><div class="block">
<h2>СКИДКИ</h2>
<div class="L"><a href="./"><img src="http://...discount.png" alt=""></a></div>
<div class="R"><div class="text"><p>Доставка по всей Росии<span style="color: #EF2929;"> <strong>БЕСПЛАТНО</strong></span><br> Батарейки в <span style="color: #EF2929;"><strong>падарок</strong></span></p><a href="#">Скидки</a></div></div>
</div></td>
</tr><tr>
<td width="33%" class="w"><div class="block">
<h2>Гарантия возврата</h2>
<div class="L"><a href="javascript:;"><img src="http://...guarantee.png" alt=""></a></div>
<div class="R">
<div class="text"><p>Если Вам попадется некачественный товар, мы без вопросов заменим его на другой, или вернем Вам деньги.</p></div>
</div>
</div></td>
</tr></tbody></table></div>
<!-- END 3 блока -->
Найдите в main.css код:
.w {
background: white;
padding: 16px;
margin: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
}
и замените на:
.w {
background: white;
padding: 16px;
margin: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
height: 161px;
}
Также Вы не заменили ссылку в коде в main.css -
.block .timer{width: 124px;height: 47px;background:url(http://...clock.png) 0 0 no-repeat;margin:0 auto;text-align:center;padding: 0px 6px 3px 40px;margin: 6px 0px -6px -3px;}
http://...clock.pngИсточник - http://forum.storela...айт/#entry33666
#136
miyako
-
- Модератоpы
-
- 5 372 сообщений
Активный участник
Отправлено 23 Июль 2013 - 08:07
ilyabiz (22 Июль 2013 - 15:38) писал:
Спасибо большое,а можно это как-то поменьше сделать и вставить вместо слайдера, чтобы пропорции сохранились и также вставить можно было таймер, ссылки?
Можете подробнее объяснить в каком блоке что нужно вставить? И какой блок сделать меньше?
#137
ilyabiz
-
- Пользователи
-
- 35 сообщений
Пользователь
Отправлено 23 Июль 2013 - 15:36
miyako (23 Июль 2013 - 08:07) писал:
Можете подробнее объяснить в каком блоке что нужно вставить? И какой блок сделать меньше?
#138
Сake
-
- Модератоpы
-
- 5 979 сообщений
Активный участник
Отправлено 24 Июль 2013 - 01:01
Уменьшите или удалите вовсе высоту (height) в классе
Для переноса - вам необходимо весь код блока <div class="blocks">...<div> вставить на место вашего слайдера. В шаблон "Страница" или "HTML" в зависимости от того как и куда вы вставляли слайдер.
Таймер у вас уже вставлен, вам необходимо изменить время окончания акции в строке
увеличив это значение например на
.w {
background: none repeat scroll 0 0 white;
border-radius: 8px 8px 8px 8px;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
height: 161px;
margin: 8px;
padding: 16px;
}
Для переноса - вам необходимо весь код блока <div class="blocks">...<div> вставить на место вашего слайдера. В шаблон "Страница" или "HTML" в зависимости от того как и куда вы вставляли слайдер.
Таймер у вас уже вставлен, вам необходимо изменить время окончания акции в строке
var endTS = 1365691201*1000 ;
увеличив это значение например на
var endTS = 1375135279822;
#139
ilyabiz
-
- Пользователи
-
- 35 сообщений
Пользователь
Отправлено 24 Июль 2013 - 18:38
Сake (24 Июль 2013 - 01:01) писал:
Уменьшите или удалите вовсе высоту (height) в классе
Для переноса - вам необходимо весь код блока <div class="blocks">...<div> вставить на место вашего слайдера. В шаблон "Страница" или "HTML" в зависимости от того как и куда вы вставляли слайдер.
Таймер у вас уже вставлен, вам необходимо изменить время окончания акции в строке
увеличив это значение например на
.w {
background: none repeat scroll 0 0 white;
border-radius: 8px 8px 8px 8px;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
height: 161px;
margin: 8px;
padding: 16px;
}
Для переноса - вам необходимо весь код блока <div class="blocks">...<div> вставить на место вашего слайдера. В шаблон "Страница" или "HTML" в зависимости от того как и куда вы вставляли слайдер.
Таймер у вас уже вставлен, вам необходимо изменить время окончания акции в строке
var endTS = 1365691201*1000 ;
увеличив это значение например на
var endTS = 1375135279822;
#140
sengun
-
- Модератоpы
-
- 1 139 сообщений
Активный участник
- ГородНижний Новгород
Отправлено 24 Июль 2013 - 19:32
ilyabiz (24 Июль 2013 - 18:38) писал:
слайдер убрал, а как дальше, запутался(((
var endTS = 1365691201*1000 ;замените на
var endTS = 1375135279822;И замените все
http://...в HTML на
{ASSETS_IMAGES_PATH}
Это можно сделать так: откройте шаблон HTML , нажмите 2 раза ctrl+f , появится окно быстрой замены: в верхнее окошко внесите http://... , в нижнее {ASSETS_IMAGES_PATH}
и нажмите ENTERА в main.css код
.w {
background: white;
padding: 16px;
margin: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
height: 161px;
}
замените на этот
.w {
background: white;
padding: 16px;
margin: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
}
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных
