Перейти к содержимому


Добавление Блоков На Сайт


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 198

#141 ilyabiz

ilyabiz

    Пользователь

  • Пользователи
  • PipPip
  • 35 сообщений

Отправлено 24 Июль 2013 - 19:41

Просмотр сообщенияsengun (24 Июль 2013 - 19:32) писал:

В HTML строку
var endTS = 1365691201*1000 ;
замените на
var endTS = 1375135279822;
И замените все
http://...
в HTML на
{ASSETS_IMAGES_PATH}
Это можно сделать так: откройте шаблон HTML , нажмите 2 раза ctrl+f , появится окно быстрой замены: в верхнее окошко внесите http://... , в нижнее {ASSETS_IMAGES_PATH}
Прикрепленный файл 24-07-2013 20-32-10.pngи нажмите 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);
}
спасибо, но мне нужно запихнуть это сразу под поиском, но сохранив пропорции и таймер некорректно отображается

#142 sengun

sengun

    Активный участник

  • Модератоpы
  • 1 139 сообщений
  • ГородНижний Новгород

Отправлено 24 Июль 2013 - 21:45

Просмотр сообщенияilyabiz (24 Июль 2013 - 19:41) писал:

спасибо, но мне нужно запихнуть это сразу под поиском, но сохранив пропорции и таймер некорректно отображается
Вырежьте код в html
<!-- 3 блока -->
<div class="blocks"><table><tbody><tr>
						  
<script language="javascript" type="text/javascript">
$(document).ready(function(){
setInterval(function(){
								 var now = new Date();
								 var endTS = 1375135279822;
								 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="{ASSETS_IMAGES_PATH}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="{ASSETS_IMAGES_PATH}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="{ASSETS_IMAGES_PATH}guarantee.png" alt=""></a></div>
																 <div class="R">
																								 <div class="text"><p>Если Вам попадется некачественный товар, мы без вопросов заменим его на другой, или вернем Вам деньги.</p></div>
																 </div>
								 </div></td>
</tr></tbody></table></div>
<!-- END 3 блока -->
и вставьте его после строчки
<!-- Panel-Site-END -->
Чтобы убрать налезание одной стоки на другую в таймере, надо в main.css в коде
.block .timer > .digits {font-size: 20px;font-weight: normal;line-height: 5px;}
удалить line-height: 5px;

#143 ilyabiz

ilyabiz

    Пользователь

  • Пользователи
  • PipPip
  • 35 сообщений

Отправлено 24 Июль 2013 - 22:50

Просмотр сообщенияsengun (24 Июль 2013 - 21:45) писал:

Вырежьте код в html
<!-- 3 блока -->
<div class="blocks"><table><tbody><tr>
						
<script language="javascript" type="text/javascript">
$(document).ready(function(){
setInterval(function(){
								 var now = new Date();
								 var endTS = 1375135279822;
								 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="{ASSETS_IMAGES_PATH}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="{ASSETS_IMAGES_PATH}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="{ASSETS_IMAGES_PATH}guarantee.png" alt=""></a></div>
																 <div class="R">
																								 <div class="text"><p>Если Вам попадется некачественный товар, мы без вопросов заменим его на другой, или вернем Вам деньги.</p></div>
																 </div>
								 </div></td>
</tr></tbody></table></div>
<!-- END 3 блока -->
и вставьте его после строчки
<!-- Panel-Site-END -->
Чтобы убрать налезание одной стоки на другую в таймере, надо в main.css в коде
.block .timer > .digits {font-size: 20px;font-weight: normal;line-height: 5px;}
удалить line-height: 5px;
Спасибо большое, но всё-равно корявый таймер

#144 shnafix

shnafix

    Активный участник

  • Модератоpы
  • 506 сообщений

Отправлено 24 Июль 2013 - 23:09

Просмотр сообщенияilyabiz (24 Июль 2013 - 22:50) писал:

Спасибо большое, но всё-равно корявый таймер
Тогда уточните, пожалуйста, чем таймер вас не устраивает, раз он корявый.

#145 Надежда1986

Надежда1986

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 53 сообщений
  • ГородМосква

Отправлено 18 Август 2013 - 03:00

Здравствуйте.
Подскажите как поправить:
1. Таймер показывает 37 дней,а надо 1 день (все цифры перебрала,либо вообще пропадает,либо увеличивается до 1457 дней,37 минимальное что получилось).-на скрине подчеркнуто
2. Блоки не доходят до границы страницы (наровно с остальными блоками)-как это исправить?
3.Как изменить цвет таймера с серого на зеленый?
спасибо

забыла ссылку на сайт http://paletkarf.storeland.ru/catalog

Прикрепленные изображения

  • Без-имени-1.jpg


#146 miyako

miyako

    Активный участник

  • Модератоpы
  • 5 372 сообщений

Отправлено 18 Август 2013 - 09:10

Просмотр сообщенияНадежда1986 (18 Август 2013 - 03:00) писал:

Здравствуйте.
Подскажите как поправить:
1. Таймер показывает 37 дней,а надо 1 день (все цифры перебрала,либо вообще пропадает,либо увеличивается до 1457 дней,37 минимальное что получилось).-на скрине подчеркнуто
2. Блоки не доходят до границы страницы (наровно с остальными блоками)-как это исправить?
3.Как изменить цвет таймера с серого на зеленый?
спасибо

забыла ссылку на сайт http://paletkarf.storeland.ru/catalog

3 - Добавьте в конец main.css код -
.digits {color:green;}
green замените на Ваш

2 - по блоком не очень понятно. Можете объяснить подробнее?

1 - Вам нужно менять здесь var endTS =1375135279822;

#147 Надежда1986

Надежда1986

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 53 сообщений
  • ГородМосква

Отправлено 18 Август 2013 - 10:21

Просмотр сообщенияmiyako (18 Август 2013 - 09:10) писал:

3 - Добавьте в конец main.css код -
.digits {color:green;}
green замените на Ваш

2 - по блоком не очень понятно. Можете объяснить подробнее?

1 - Вам нужно менять здесь var endTS =1375135279822;
Спасибо ,цвет поменяла.
2. Прилагаю скрин-выделила красным справа от блоков пустое пространство и сами блоки не одинаковые.
3.Меняю значение (его и меняла) var endTS =1375135279822 , безумные цифры выпадают-не могу подобрать комбинацию. То что на форуме представлена очен болшой отсчет . А мне надо что бы было 1 день 8 часов 59 минут,59 секунд ( с часами не обязательно,а вот день да).
и еще вопрос можно?:
как логотип разместить посередине шапки и изменить его размер?

Прикрепленные изображения

  • Без-имени-1.jpg


#148 miyako

miyako

    Активный участник

  • Модератоpы
  • 5 372 сообщений

Отправлено 18 Август 2013 - 14:00

Просмотр сообщенияНадежда1986 (18 Август 2013 - 10:21) писал:

Спасибо ,цвет поменяла.
2. Прилагаю скрин-выделила красным справа от блоков пустое пространство и сами блоки не одинаковые.
3.Меняю значение (его и меняла) var endTS =1375135279822 , безумные цифры выпадают-не могу подобрать комбинацию. То что на форуме представлена очен болшой отсчет . А мне надо что бы было 1 день 8 часов 59 минут,59 секунд ( с часами не обязательно,а вот день да).
и еще вопрос можно?:
как логотип разместить посередине шапки и изменить его размер?

3) Попробуйте - 1379448000000 или 1404763200000

#149 miyako

miyako

    Активный участник

  • Модератоpы
  • 5 372 сообщений

Отправлено 18 Август 2013 - 14:12

В коде блоков замените -
<td width="37%" class="w">
			 
на -
<td width="30%" class="w">

Далее в main.css найдите код -
.blocks>table {
width: 989px;
border-collapse: separate;
border-spacing: 17px;
margin: -30px 0px 0px -16px;
}
и замените на -
.blocks>table {
width: 1032px;
border-collapse: separate;
border-spacing: 17px;
margin: -30px 0px 0px -16px;
}


#150 Надежда1986

Надежда1986

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 53 сообщений
  • ГородМосква

Отправлено 18 Август 2013 - 21:49

Просмотр сообщенияmiyako (18 Август 2013 - 14:12) писал:

В коде блоков замените -
<td width="37%" class="w">
			
на -
<td width="30%" class="w">

Далее в main.css найдите код -
.blocks>table {
width: 989px;
border-collapse: separate;
border-spacing: 17px;
margin: -30px 0px 0px -16px;
}
и замените на -
.blocks>table {
width: 1032px;
border-collapse: separate;
border-spacing: 17px;
margin: -30px 0px 0px -16px;
}

Спасибо .Блоки выровнялись.А вот с атймером уже смешно какие цифры выдает http://paletkarf.storeland.ru/ .  выкладываю код,посмотрите пожалуйста может здесь ошибка у меня :
<script language="javascript" type="text/javascript">
$(document).ready(function(){
setInterval(function(){
var now = new Date();
var endTS =1404763200000 *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);
});

#151 support 2.0

support 2.0

    Активный участник

  • Модераторы
  • 4 950 сообщений

Отправлено 18 Август 2013 - 22:00

Просмотр сообщенияНадежда1986 (18 Август 2013 - 21:49) писал:

Спасибо .Блоки выровнялись.А вот с атймером уже смешно какие цифры выдает http://paletkarf.storeland.ru/ .  выкладываю код,посмотрите пожалуйста может здесь ошибка у меня :
<script language="javascript" type="text/javascript">
$(document).ready(function(){
setInterval(function(){
var now = new Date();
var endTS =1404763200000 *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);
});

У Вас стоит время как раз такое (в миллисекундах), какое отображается на сайте. Вот сервис, где Вы можете составить нужное Вам время. Таким образом, вместо
1404763200000
поставьте, например,
172800000


#152 yangirov

yangirov

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 61 сообщений

Отправлено 02 Сентябрь 2013 - 19:51

Привет,задача вместо 3 блоков разместить кликабельный баннер с ссылкой сюда ,подскажите как?

Прикрепленные изображения

  • 7DAYtrening.PNG


#153 Stasya

Stasya

    Активный участник

  • Модератоpы
  • 4 007 сообщений

Отправлено 02 Сентябрь 2013 - 21:25

В шаблоне HTML найдите блок
<div class="blocks">
				 <table><tbody><tr>
					 <td width="33%" class="w"><div class="block">
								 <h2>Гарантия возврата</h2>
								 <div class="L"><a href="http://zur-market.ru/news/%D0%93%D0%B0%D1%80%D0%B0%D0%BD%D1%82%D0%B8%D1%8F"><img src="http://design.zur-market.ru/guarantee.png?8043" alt=""></a></div>
								 <div class="R">
									 <div class="text">
										 <p>
											 Если Вам попадется некачественный товар, мы без вопросов заменим его на другой, или вернем Вам деньги
										 </p>
									 </div>
								 </div>
					 </div></td>
					 <td width="33%" class="w"><div class="block">
								 <h2>Акции и спецпредложения</h2>
								 <div class="L"><a href="http://zur-market.ru/goods/Novinka-2013-goda-Samsung-Galaxy-S4-replika"><img src="http://design.zur-market.ru/promo.png?8171" alt=""></a></div>
								 <div class="R">
									 <div class="text">
										 <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(точная копия)
																				 </p>
</a>
									 </div>
								 </div>
					 </div></td>
					 <td width="33%" class="w"><div class="block">
								 <h2>ДОСТАВКА</h2>
								 <div class="L">
								 <a href="http://zur-market.ru/page/%D0%94%D0%BE%D1%81%D1%82%D0%B0%D0%B2%D0%BA%D0%B0">
									 <img src="http://design.zur-market.ru/Dostavka.png?8746" alt="">
								 </a>
								 </div>
								 <div class="R">
									 <div class="text">
										 <p>
											 БЕСПЛАТНАЯ ДОСТАВКА ВО ВСЕ РЕГИОНЫ РОССИИ!!!
										 </p>
									 </div>
								 </div>
					 </td>
				 </tr></tbody></table>
			 </div>
и замените его на
<div class="blocks">
<a href="http://vis.justclick.ru/ad/32169/"
			 <img src="ссылка на картинку">
</a>
</div>


#154 yangirov

yangirov

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 61 сообщений

Отправлено 03 Сентябрь 2013 - 08:19

Сделал,но не сработало(

#155 miyako

miyako

    Активный участник

  • Модератоpы
  • 5 372 сообщений

Отправлено 03 Сентябрь 2013 - 10:02

Просмотр сообщенияyangirov (03 Сентябрь 2013 - 08:19) писал:

Сделал,но не сработало(

Не могу сейчас у Вас на сайте найти ни три блока, ни ссылки. В каком из шаблонов Вы производили изменения из сообщения - http://forum.storela..._140#entry87489 ?

#156 yangirov

yangirov

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 61 сообщений

Отправлено 03 Сентябрь 2013 - 10:15

zur-market.ru в шаблоне html заменил 3 блока на
<div class="blocks">
<a href="http://vis.justclick...k.ru/ad/32169/"
                         <img src="http://design.zur-ma...ning.png?5269">
</a>
</div>

#157 miyako

miyako

    Активный участник

  • Модератоpы
  • 5 372 сообщений

Отправлено 03 Сентябрь 2013 - 12:24

Просмотр сообщенияyangirov (03 Сентябрь 2013 - 10:15) писал:

zur-market.ru в шаблоне html заменил 3 блока на
<div class="blocks">
<a href="http://vis.justclick...k.ru/ad/32169/"
<img src="http://design.zur-ma...ning.png?5269">
</a>
</div>

У Вас ошибка в коде.
Код -
<a href="http://vis.justclick.ru/ad/32169/"
						 <img src="http://design.zur-market.ru/7DAYtrening.png?5269">
</a>
замените на -
<a href="http://vis.justclick.ru/ad/32169/">
						 <img src="http://design.zur-market.ru/7DAYtrening.png?5269">
</a>


#158 yangirov

yangirov

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 61 сообщений

Отправлено 03 Сентябрь 2013 - 12:46

А как центрировать теперь?

#159 miyako

miyako

    Активный участник

  • Модератоpы
  • 5 372 сообщений

Отправлено 03 Сентябрь 2013 - 13:16

Просмотр сообщенияyangirov (03 Сентябрь 2013 - 12:46) писал:

А как центрировать теперь?

Код -
<div class="blocks" style="text-align:center;">
<a href="http://vis.justclick.ru/ad/32169/">
	 <img src="http://design.zur-market.ru/7DAYtrening.png?5269">
</a>
</div>


#160 yangirov

yangirov

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 61 сообщений

Отправлено 03 Сентябрь 2013 - 13:21

И последний вопрос, ссылка должна открываться в новом окне,как сделать?




Количество пользователей, читающих эту тему: 1

0 пользователей, 1 гостей, 0 анонимных