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


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


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

#81 Landing Page

Landing Page

    ✓Веб-дизайн ✓Landing Page ✓Яндекс Директ ✓Google Adwords

  • Пользователи
  • PipPipPipPip
  • 543 сообщений
  • ГородЧебоксары

Отправлено 09 Апрель 2013 - 10:08

Просмотр сообщенияСake (09 Апрель 2013 - 01:36) писал:

Счетчик не отображается, так как ему некуда выводить данные, т.е у вас отсутствует блок с классом timer. Чтобы данные выводились необходима разметка

<div class="timer"><span class="digits"></span></div>

Вам необходимо найти в вашем счетчике

<div style="position: absolute; top: 15px; right: 590px;">

и заменить на

<div style="position: absolute; top: 15px; right: 590px;" class="timer"><span class="digits"></span>

Отлично, теперь заработало, но возникла проблема, в ХТМЛ странице есть два кода:

1) Отображает картинку и текст в ней:

<div class="m1" style="position: absolute; top: 150px; right: 340px;">
<div style="position: relative; z-index: 1;">
<span style="font-size: 15px; position: absolute; z-index: 2; top: 40px; left: 135px; right: 10px; bottom: 10px; overflow: hidden; font: 110%/1.4 Copperplate, Geneva, sans-serif; line-height: 130%;">Внимание! Продающий сайт с продающими триггерами БМ по новой цене! Всего <b>2500 руб</b>! Времени мало, торопитесь!</span>
<a href="http://direct-adwords.ru/goods/%D0%98%D0%BD%D1%82%D0%B5%D1%80%D0%BD%D0%B5%D1%82-%D0%BC%D0%B0%D0%B3%D0%B0%D0%B7%D0%B8%D0%BD">
<img src="http://design.direct-adwords.ru/akciya.png">
</a>
</div> </div>

2) Отображает счетчик:


<div style="position: absolute; top: 300px; right: 350px;" class="timer"><span class="digits"></span>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
setInterval(function(){
var now = new Date();
var endTS = 1395691201*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>
</div>


И получается так, что таймер находится под блоком с картинкой, она перекрывает таймер, как сделать наоборот? - чтобы таймер был поверх картинки?

timer.jpg

#82 miyako

miyako

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

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

Отправлено 09 Апрель 2013 - 10:14

Просмотр сообщенияKorolev Andrey (09 Апрель 2013 - 10:08) писал:

Отлично, теперь заработало, но возникла проблема, в ХТМЛ странице есть два кода:

1) Отображает картинку и текст в ней:

<div class="m1" style="position: absolute; top: 150px; right: 340px;">
<div style="position: relative; z-index: 1;">
<span style="font-size: 15px; position: absolute; z-index: 2; top: 40px; left: 135px; right: 10px; bottom: 10px; overflow: hidden; font: 110%/1.4 Copperplate, Geneva, sans-serif; line-height: 130%;">Внимание! Продающий сайт с продающими триггерами БМ по новой цене! Всего <b>2500 руб</b>! Времени мало, торопитесь!</span>
<a href="http://direct-adwords.ru/goods/%D0%98%D0%BD%D1%82%D0%B5%D1%80%D0%BD%D0%B5%D1%82-%D0%BC%D0%B0%D0%B3%D0%B0%D0%B7%D0%B8%D0%BD">
<img src="http://design.direct-adwords.ru/akciya.png">
</a>
</div> </div>

2) Отображает счетчик:


<div style="position: absolute; top: 300px; right: 350px;" class="timer"><span class="digits"></span>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
setInterval(function(){
var now = new Date();
var endTS = 1395691201*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>
</div>


И получается так, что таймер находится под блоком с картинкой, она перекрывает таймер, как сделать наоборот? - чтобы таймер был поверх картинки?

Прикрепленный файл timer.jpg

В коде счетчика исправьте стили на:
<div style="position: absolute; top: 300px; right: 350px;z-index:9999;" class="timer">


#83 Landing Page

Landing Page

    ✓Веб-дизайн ✓Landing Page ✓Яндекс Директ ✓Google Adwords

  • Пользователи
  • PipPipPipPip
  • 543 сообщений
  • ГородЧебоксары

Отправлено 09 Апрель 2013 - 10:22

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

В коде счетчика исправьте стили на:
<div style="position: absolute; top: 300px; right: 350px;z-index:9999;" class="timer">


Счетчик вовсе исчезает...

#84 miyako

miyako

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

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

Отправлено 09 Апрель 2013 - 10:27

Просмотр сообщенияKorolev Andrey (09 Апрель 2013 - 10:22) писал:

Счетчик вовсе исчезает...

Попробуйте так(код для счетчика, не для изображения):
<div style="position: relative; top: 140px; right: 350px;z-index: 9999;float: right;" class="timer">
Но оставьте изменения на сайте. Чтобы мы посмотрели.

#85 Landing Page

Landing Page

    ✓Веб-дизайн ✓Landing Page ✓Яндекс Директ ✓Google Adwords

  • Пользователи
  • PipPipPipPip
  • 543 сообщений
  • ГородЧебоксары

Отправлено 09 Апрель 2013 - 10:39

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

Попробуйте так(код для счетчика, не для изображения):
<div style="position: relative; top: 140px; right: 350px;z-index: 9999;float: right;" class="timer">
Но оставьте изменения на сайте. Чтобы мы посмотрели.

Сделал, не видно таймер. Изменения оставил.

#86 miyako

miyako

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

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

Отправлено 09 Апрель 2013 - 11:00

Просмотр сообщенияKorolev Andrey (09 Апрель 2013 - 10:39) писал:

Сделал, не видно таймер. Изменения оставил.

Первоначально в коде было так:
<div style="position: absolute; top: 300px; right: 350px;" class="timer"><span class="digits"></span>
проверьте не стерли вы код:
<span class="digits"></span>


#87 Landing Page

Landing Page

    ✓Веб-дизайн ✓Landing Page ✓Яндекс Директ ✓Google Adwords

  • Пользователи
  • PipPipPipPip
  • 543 сообщений
  • ГородЧебоксары

Отправлено 09 Апрель 2013 - 11:04

Просмотр сообщенияmiyako (09 Апрель 2013 - 11:00) писал:

Первоначально в коде было так:
<div style="position: absolute; top: 300px; right: 350px;" class="timer"><span class="digits"></span>
проверьте не стерли вы код:
<span class="digits"></span>

сделал: <divstyle="position: absolute; top:300px; right:350px;"class="timer"><spanclass="digits"></span>  

нету счетчика

#88 miyako

miyako

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

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

Отправлено 09 Апрель 2013 - 11:13

Просмотр сообщенияKorolev Andrey (09 Апрель 2013 - 11:04) писал:

сделал: <divstyle="position: absolute; top:300px; right:350px;"class="timer"><spanclass="digits"></span>  

нету счетчика

Ваш код:
<div style="position: absolute; top: 300px; right: 350px;" class="timer"><span class="digits"></span>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
setInterval(function(){
var now = new Date();
var endTS = 1395691201*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>
</div>
нужно заменить на:
<div style="position: relative; top: 140px; right: 350px;z-index: 9999;float: right;" class="timer"><span class="digits"></span>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
setInterval(function(){
var now = new Date();
var endTS = 1395691201*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>
</div>


#89 Landing Page

Landing Page

    ✓Веб-дизайн ✓Landing Page ✓Яндекс Директ ✓Google Adwords

  • Пользователи
  • PipPipPipPip
  • 543 сообщений
  • ГородЧебоксары

Отправлено 09 Апрель 2013 - 13:02

скажите, а как увеличить размер цифр? и добавить надпись "До конца акции осталось"

#90 miyako

miyako

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

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

Отправлено 09 Апрель 2013 - 13:31

Просмотр сообщенияKorolev Andrey (09 Апрель 2013 - 13:02) писал:

скажите, а как увеличить размер цифр? и добавить надпись "До конца акции осталось"

Вам нужно заменить ваш код на:
<div style="position: relative; top: 300px; right: 370px;z-index: 9999;float: right;font-size:15px;" class="timer">До конца акции осталось <span class="digits"></span>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
setInterval(function(){
var now = new Date();
var endTS = 1395691201*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>
</div>


#91 maza1204

maza1204

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

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

Отправлено 09 Апрель 2013 - 16:39

Подскажите как поднять текст. Пробывал ковыряться в CSS- получилось. И подскажите как можно размер шрифта поменять (только не через <h2>)
Изображение

#92 support 2.0

support 2.0

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

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

Отправлено 09 Апрель 2013 - 17:43

Просмотр сообщенияmaza1204 (09 Апрель 2013 - 16:39) писал:

Подскажите как поднять текст. Пробывал ковыряться в CSS- получилось. И подскажите как можно размер шрифта поменять (только не через <h2>)
Изображение
в файле main.css в конце можете добавить блок
#toc0 {
margin:0 auto;
font-size:20px;
}
20 - размер шрифта. можете поменять на другой. Или Вам еще где-то размер шрифта поменять нужно. укажите поточнее.

#93 maza1204

maza1204

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

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

Отправлено 09 Апрель 2013 - 18:57

Просмотр сообщенияmaza1204 (09 Апрель 2013 - 16:39) писал:

Подскажите как поднять текст. Пробывал ковыряться в CSS- получилось. И подскажите как можно размер шрифта поменять (только не через <h2>)
Изображение
Спасибо. Теперь подскажите как поднять текст, пожалуйста.

#94 support 2.0

support 2.0

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

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

Отправлено 09 Апрель 2013 - 19:15

Просмотр сообщенияmaza1204 (09 Апрель 2013 - 18:57) писал:

Спасибо. Теперь подскажите как поднять текст, пожалуйста.

У Вас на сайте данных изменения нет. В них была строчка по смене текста и также убирались отступы сверху, вставали на один уровень с изображением скидки

#95 maza1204

maza1204

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

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

Отправлено 10 Апрель 2013 - 10:46

Добрый день. Помогите еще раз пожалуйста. Как перенести таймер выше (см. вложение) и поменять цвет и велечину текста "На все шторы. Спешите!"Изображение

#96 miyako

miyako

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

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

Отправлено 10 Апрель 2013 - 11:15

Просмотр сообщенияmaza1204 (10 Апрель 2013 - 10:46) писал:

Добрый день. Помогите еще раз пожалуйста. Как перенести таймер выше (см. вложение) и поменять цвет и велечину текста "На все шторы. Спешите!"Изображение

Найдите код:
.block .timer {
width: 124px;
height: 47px;
background: url(http://by-tekstil.storeland.net/clock.png) 0 0 no-repeat;
margin: 0 auto;
text-align: center;
padding: 0px 6px 3px 40px;
margin: 6px 0px -10px -10px;
}
и замените на:
.block .timer {
width: 124px;
height: 47px;
background: url(http://by-tekstil.storeland.net/clock.png) 0 0 no-repeat;
margin: 0 auto;
text-align: center;
padding: 0px 6px 3px 40px;
margin: -131px 0px -10px -10px;
}

Найдите код:
<p>на ВСЕ шторы <br>Спешите!</p>
и замените на:
<p style="color:red; font-size:17px;">на ВСЕ шторы <br>Спешите!</p>


#97 maza1204

maza1204

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

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

Отправлено 10 Апрель 2013 - 13:21

Просмотр сообщенияmiyako (10 Апрель 2013 - 11:15) писал:

Найдите код:
.block .timer {
width: 124px;
height: 47px;
background: url(http://by-tekstil.storeland.net/clock.png) 0 0 no-repeat;
margin: 0 auto;
text-align: center;
padding: 0px 6px 3px 40px;
margin: 6px 0px -10px -10px;
}
и замените на:
.block .timer {
width: 124px;
height: 47px;
background: url(http://by-tekstil.storeland.net/clock.png) 0 0 no-repeat;
margin: 0 auto;
text-align: center;
padding: 0px 6px 3px 40px;
margin: -131px 0px -10px -10px;
}

Найдите код:
<p>на ВСЕ шторы <br>Спешите!</p>
и замените на:
<p style="color:red; font-size:17px;">на ВСЕ шторы <br>Спешите!</p>

А как теперь высоту блоков уменьшить?

#98 support 2.0

support 2.0

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

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

Отправлено 10 Апрель 2013 - 14:54

Просмотр сообщенияmaza1204 (10 Апрель 2013 - 13:21) писал:

А как теперь высоту блоков уменьшить?

в файле main.css найдите строчку
.w {
background: white;
padding: 10px;
margin: 0px;
-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: 10px 10px 0px 10px;
margin: 0px;
-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);
}

также найдите блок
.block .timer {
width: 124px;
height: 48px;
background: url{ASSETS_IMAGES_PATH}clock.png) 0 0 no-repeat;
margin: 0 auto;
text-align: center;
padding: 0px 6px 3px 40px;
margin: -161px 0px -10px -10px;
}
измените на
.block .timer {
width: 124px;
height: 48px;
background: url{ASSETS_IMAGES_PATH}clock.png) 0 0 no-repeat;
margin: 0 auto;
text-align: center;
padding: 0px 6px 3px 40px;
margin: -150px 0px -10px -10px;
}

далее найдите блок
.block .timer > .digits {
font-size: 20px;
font-weight: normal;
line-height: 5px;
}
измените на
.block .timer > .digits {
font-size: 20px;
font-weight: normal;
line-height: 5px;
margin-top: -5px;
}

теперь найдите
.block .timer>p {
font-size: 13px;
padding: 0;
}
измените на
.block .timer>p {
font-size: 13px;
padding: 0;
padding-top: 5px;
}


#99 oxigen

oxigen

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

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

Отправлено 24 Апрель 2013 - 12:50

Хочу поставить данные блоки по инструкции, которая была в начале ветки: http://forum.storela...айт/#entry33666
Но в шаблоне HTML не нахожу нужного блока, на который была ссылка:

Цитата

Теперь зайдите в шаблон HTML и после
<div class="content_page">

Как поставить данные блоки под главное меню?

http://cherrydreams.ru

#100 support 2.0

support 2.0

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

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

Отправлено 24 Апрель 2013 - 15:14

Просмотр сообщенияoxigen (24 Апрель 2013 - 12:50) писал:

Хочу поставить данные блоки по инструкции, которая была в начале ветки: http://forum.storela...айт/#entry33666
Но в шаблоне HTML не нахожу нужного блока, на который была ссылка:


Как поставить данные блоки под главное меню?

http://cherrydreams.ru

Добавьте его в шаблоне HTMl сразу после
  <div id="content">

далее выполните всю инструкцию и в файле main.css после этого найдите
.blocks{margin-top: 0px;}
измените на
.blocks{margin-top: 30px;}





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

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


    Google (1)