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


Эффект Дразнящего Уголка


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

#1 tva1982

tva1982

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

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

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

Есть такая интересная штука ТыЦ

Но как ни старался так и не смог прикрутить его на свой сайт http://momo-ek.ru/

Подскажите как быть

#2 miyako

miyako

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

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

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

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

Есть такая интересная штука ТыЦ

Но как ни старался так и не смог прикрутить его на свой сайт http://momo-ek.ru/

Подскажите как быть

1) Скачайте архив с сайта.
Загрузите через Сайт-Редактор тем peel.js
Загрузите остальные файлы через Сайт-Файлы.

2) В скрипте  peel.js подключите пути, как показано на видео.
То есть у вас должно выглядеть примерно так:
jaaspeel.small_path = 'http://files.storeland.ru/web/upload/sitefiles/6/507/506215/small.swf';
jaaspeel.small_image = escape('http://files.storeland.ru/web/upload/sitefiles/6/507/506220/small.jpg');
jaaspeel.small_width = '100';
jaaspeel.small_height = '100';
jaaspeel.small_params = 'ico=' + jaaspeel.small_image;
jaaspeel.big_path = 'http://files.storeland.ru/web/upload/sitefiles/6/507/506214/large.swf';
jaaspeel.big_image = escape('http://files.storeland.ru/web/upload/sitefiles/6/507/506219/large.jpg');
Пути для swf и изображений возьмите через Сайт-Файлы. Иконка "Ссылка на этот файл"

3) В шаблоне HTML нужно подключить скрипт:
Перед строкой кода:

</head>
вам нужно вставить код:
  <script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script> <script type="text/javascript" src="{ASSETS_JS_PATH}peel.js"></script>



#3 tva1982

tva1982

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

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

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

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

1) Скачайте архив с сайта.
Загрузите через Сайт-Редактор тем peel.js
Загрузите остальные файлы через Сайт-Файлы.

2) В скрипте  peel.js подключите пути, как показано на видео.
То есть у вас должно выглядеть примерно так:
jaaspeel.small_path = 'http://files.storeland.ru/web/upload/sitefiles/6/507/506215/small.swf';
jaaspeel.small_image = escape('http://files.storeland.ru/web/upload/sitefiles/6/507/506220/small.jpg');
jaaspeel.small_width = '100';
jaaspeel.small_height = '100';
jaaspeel.small_params = 'ico=' + jaaspeel.small_image;
jaaspeel.big_path = 'http://files.storeland.ru/web/upload/sitefiles/6/507/506214/large.swf';
jaaspeel.big_image = escape('http://files.storeland.ru/web/upload/sitefiles/6/507/506219/large.jpg');
Пути для swf и изображений возьмите через Сайт-Файлы. Иконка "Ссылка на этот файл"

3) В шаблоне HTML нужно подключить скрипт:
Перед строкой кода:

</head>
вам нужно вставить код:
<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script> <script type="text/javascript" src="{ASSETS_JS_PATH}peel.js"></script>


Оппа, клёва. Все получилось.

В этом месте я косячил

"<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script> <script type="text/javascript" src="{ASSETS_JS_PATH}peel.js"></script>"

#4 Всемогущий

Всемогущий

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

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

Отправлено 06 Май 2013 - 18:33

Скажите пожалуйста, как реализовать все это в шаблоне "Вечность"?

#5 mikola

mikola

    Good soo good

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

Отправлено 06 Май 2013 - 20:08

Просмотр сообщенияВсемогущий (06 Май 2013 - 18:33) писал:

Скажите пожалуйста, как реализовать все это в шаблоне "Вечность"?
данный эффект так же можно сделать и в шаблоне" вечность".,
с помощью сообщения
http://forum.storeland.ru/index.php?/topic/7335-%d1%8d%d1%84%d1%84%d0%b5%d0%ba%d1%82-%d0%b4%d1%80%d0%b0%d0%b7%d0%bd%d1%8f%d1%89%d0%b5%d0%b3%d0%be-%d1%83%d0%b3%d0%be%d0%bb%d0%ba%d0%b0/#entry56863

#6 Ботаникус

Ботаникус

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

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

Отправлено 11 Май 2013 - 18:20

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

Оппа, клёва. Все получилось.

В этом месте я косячил

"<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script> <script type="text/javascript" src="{ASSETS_JS_PATH}peel.js"></script>"
по ссылке с сайта источника невозможно скачать, ссылка пустая. У Вас сохранился этот архив?

#7 miyako

miyako

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

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

Отправлено 12 Май 2013 - 14:44

Просмотр сообщенияБотаникус (11 Май 2013 - 18:20) писал:

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

Можете скачать здесь:
http://blog-master.n...shhijsja-ugolok

Сам файл peel.js:
//var adurlmc = escape('http://master-css.com/page/rassylka');
//var smallpathmc = 'http://master-css.com/myscript/corner/small.swf';
//var bigpathmc = 'http://master-css.com/myscript/corner/large.swf';
//var smallimagemc = escape('http://master-css.com/myscript/corner/small.jpg');
//var bigimagemc = escape('http://master-css.com/myscript/corner/big.jpg');
var pagepeel = new Object();
pagepeel.small_width = '100'+'px';
pagepeel.small_height = '100'+'px';
pagepeel.small_params = 'ico=' + smallimagemc;
pagepeel.big_width = '650';
pagepeel.big_height = '650';
pagepeel.big_params = 'big=' + bigimagemc + '&ad_url=' + adurlmc;
function sizeup987(){
document.getElementById('PagePeelBig').style.top = '0px';
document.getElementById('PagePeelSmall').style.top = '-1000px';
}
function sizedown987(){
document.getElementById("PagePeelSmall").style.top = "0px";
document.getElementById("PagePeelBig").style.top = "-1000px";
}

// скрипт Коробкина Дмитрия aka Octane [ www.codeisart.ru / www.js-core.ru]
function insertFlash(node, url, width, height, params) {
var object, param, key;
function newParam(name, value) {
  if(0 /*@cc_on + 1 @*/) return ['<param name="', name, '" value="', value, '" />'].join('');
  else {
   param = document.createElement('param');
   param.name = name;
   param.value = value;
   return param;
  }
}
if(0 /*@cc_on + 1 @*/) {
  object = ['<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="', width, '" height="', height, '"><param name="movie" value="', url, '" />'];
  if(params) for(key in params) if(params.hasOwnProperty(key)) object.push(newParam(key, params[key]));
  object.push('<\/object>');
  node.innerHTML = object.join('');
}
else {
  object = document.createElement('object');
  object.type = 'application/x-shockwave-flash';
  object.data = url;
  object.width = width;
  object.height = height;
  if(params) for(key in params) if(params.hasOwnProperty(key)) object.appendChild(newParam(key, params[key]));
  while(node.firstChild) node.removeChild(node.firstChild);
  node.appendChild(object);
}
}
 
window.onload = function() {

var bigFlash = document.createElement('div');
bigFlash.id = 'PagePeelBig';
bigFlash.style.position = 'absolute';
bigFlash.style.top = '-1000px';
bigFlash.style.right = '0px';
bigFlash.style.zIndex = '9999';
bigFlash.style.width = pagepeel.big_width;
bigFlash.style.height= pagepeel.big_height;
document.body.appendChild(bigFlash);

var flash2 = document.getElementById('PagePeelBig');
var url2 = bigpathmc + '?' + pagepeel.big_params;
var width2 = pagepeel.big_width;
var height2 = pagepeel.big_height;
var parametrs2 = {
  wmode: 'transparent',
  quality: 'high'
};

var smallFlash = document.createElement('div');
smallFlash.id = 'PagePeelSmall';
smallFlash.style.position = 'absolute';
smallFlash.style.top = '0px';
smallFlash.style.right = '0px';
smallFlash.style.zIndex = '9999';
smallFlash.style.width = pagepeel.small_width;
smallFlash.style.height= pagepeel.small_height;
document.body.appendChild(smallFlash);
  
var flash = document.getElementById('PagePeelSmall');
var url = smallpathmc + '?' + pagepeel.small_params;
var width = pagepeel.small_width;
var height = pagepeel.small_height;
var parametrs = {
  wmode: 'transparent',
  quality: 'high'
};


insertFlash(flash2, url2, width2, height2, parametrs2);
insertFlash(flash, url, width, height, parametrs);

};


#8 Ботаникус

Ботаникус

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

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

Отправлено 12 Май 2013 - 21:36

Просмотр сообщенияmiyako (12 Май 2013 - 14:44) писал:

Можете скачать здесь:
http://blog-master.n...shhijsja-ugolok

Сам файл peel.js:
//var adurlmc = escape('http://master-css.com/page/rassylka');
//var smallpathmc = 'http://master-css.com/myscript/corner/small.swf';
//var bigpathmc = 'http://master-css.com/myscript/corner/large.swf';
//var smallimagemc = escape('http://master-css.com/myscript/corner/small.jpg');
//var bigimagemc = escape('http://master-css.com/myscript/corner/big.jpg');
var pagepeel = new Object();
pagepeel.small_width = '100'+'px';
pagepeel.small_height = '100'+'px';
pagepeel.small_params = 'ico=' + smallimagemc;
pagepeel.big_width = '650';
pagepeel.big_height = '650';
pagepeel.big_params = 'big=' + bigimagemc + '&ad_url=' + adurlmc;
function sizeup987(){
document.getElementById('PagePeelBig').style.top = '0px';
document.getElementById('PagePeelSmall').style.top = '-1000px';
}
function sizedown987(){
document.getElementById("PagePeelSmall").style.top = "0px";
document.getElementById("PagePeelBig").style.top = "-1000px";
}

// скрипт Коробкина Дмитрия aka Octane [ www.codeisart.ru / www.js-core.ru]
function insertFlash(node, url, width, height, params) {
var object, param, key;
function newParam(name, value) {
if(0 /*@cc_on + 1 @*/) return ['<param name="', name, '" value="', value, '" />'].join('');
else {
param = document.createElement('param');
param.name = name;
param.value = value;
return param;
}
}
if(0 /*@cc_on + 1 @*/) {
object = ['<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="', width, '" height="', height, '"><param name="movie" value="', url, '" />'];
if(params) for(key in params) if(params.hasOwnProperty(key)) object.push(newParam(key, params[key]));
object.push('<\/object>');
node.innerHTML = object.join('');
}
else {
object = document.createElement('object');
object.type = 'application/x-shockwave-flash';
object.data = url;
object.width = width;
object.height = height;
if(params) for(key in params) if(params.hasOwnProperty(key)) object.appendChild(newParam(key, params[key]));
while(node.firstChild) node.removeChild(node.firstChild);
node.appendChild(object);
}
}

window.onload = function() {

var bigFlash = document.createElement('div');
bigFlash.id = 'PagePeelBig';
bigFlash.style.position = 'absolute';
bigFlash.style.top = '-1000px';
bigFlash.style.right = '0px';
bigFlash.style.zIndex = '9999';
bigFlash.style.width = pagepeel.big_width;
bigFlash.style.height= pagepeel.big_height;
document.body.appendChild(bigFlash);

var flash2 = document.getElementById('PagePeelBig');
var url2 = bigpathmc + '?' + pagepeel.big_params;
var width2 = pagepeel.big_width;
var height2 = pagepeel.big_height;
var parametrs2 = {
wmode: 'transparent',
quality: 'high'
};

var smallFlash = document.createElement('div');
smallFlash.id = 'PagePeelSmall';
smallFlash.style.position = 'absolute';
smallFlash.style.top = '0px';
smallFlash.style.right = '0px';
smallFlash.style.zIndex = '9999';
smallFlash.style.width = pagepeel.small_width;
smallFlash.style.height= pagepeel.small_height;
document.body.appendChild(smallFlash);

var flash = document.getElementById('PagePeelSmall');
var url = smallpathmc + '?' + pagepeel.small_params;
var width = pagepeel.small_width;
var height = pagepeel.small_height;
var parametrs = {
wmode: 'transparent',
quality: 'high'
};


insertFlash(flash2, url2, width2, height2, parametrs2);
insertFlash(flash, url, width, height, parametrs);

};
Большое спасибо, я уже сделала, скачала с другого сайта. Не могли бы Вы проверить, корректно ли отображается с мобильного устройства?
там в папке была ещё какая то папка под названием __MACOSX. Я файлы из неё не заливала на сайт....

#9 Ботаникус

Ботаникус

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

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

Отправлено 13 Май 2013 - 10:34

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

#10 Sergey Ushakov

Sergey Ushakov

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

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

Отправлено 19 Май 2013 - 13:45

Можно ли сделать так, что бы скрипт был только на главной странице?
sofidemarko.ru

#11 miyako

miyako

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

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

Отправлено 19 Май 2013 - 15:11

Просмотр сообщенияSergey Ushakov (19 Май 2013 - 13:45) писал:

Можно ли сделать так, что бы скрипт был только на главной странице?
sofidemarko.ru

Попробуйте так:
Код:
<script type="text/javascript" src="{ASSETS_JS_PATH}peel.js"></script>
оберните в условие:
{% IF index_page %}
<script type="text/javascript" src="{ASSETS_JS_PATH}peel.js"></script>
{% ENDIF %}


#12 tanch

tanch

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

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

Отправлено 20 Июнь 2013 - 18:27

Сделала себе такой эффект, всё хорошо
только часики Обратного отсчета на главной странице - теперь показывают три цифры в секундах!
Как исправить?
сайт

#13 Taisia

Taisia

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

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

Отправлено 20 Июнь 2013 - 18:35

вам необходимо в файле Main.css найти код

#clockJS {
position: absolute;
right: -21px;
top: 660px;
width: 464px;
}


и заменить его на код

#clockJS {
position: absolute;
right: 31px;
top: 660px;
width: 420px;
}


#14 tanch

tanch

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

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

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

Просмотр сообщенияTaisia (20 Июнь 2013 - 18:35) писал:

вам необходимо в файле Main.css найти код

#clockJS {
position: absolute;
right: -21px;
top: 660px;
width: 464px;
}


и заменить его на код

#clockJS {
position: absolute;
right: 31px;
top: 660px;
width: 420px;
}

Спасибо!
Помогло!!

А не подскажите как исправить:
в некоторых браузерах корзина налазит на строку поиска
или дайте ссылку на тему, где это решается

#15 Taisia

Taisia

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

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

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

уточните, пожалуйста, в каких браузерах это происходит ?

#16 tanch

tanch

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

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

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

В опере - точно
а вот как с мобильных - я не знаю
19.jpg

сверху сафари

снизу опера

#17 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

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

Добавьте в ваш файл стилей main.css

#searchPanel {
   width: 320px;
}
#searchPanel > a {
   float: left;
   display: block;
}


#18 tanch

tanch

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

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

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

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

Добавьте в ваш файл стилей main.css

#searchPanel {
width: 320px;
}
#searchPanel > a {
float: left;
display: block;
}

Помогло, Спасибо Вам!
но теперь увидела в IE новую проблему:
на главной, Новинки - крутится один первый товар

#19 Koderhan

Koderhan

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

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

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

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

Помогло, Спасибо Вам!
но теперь увидела в IE новую проблему:
на главной, Новинки - крутится один первый товар
В файле "HTML" попробуйте удалить код:
<meta http-equiv="X-UA-Compatible" content="IE=7">


#20 tanch

tanch

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

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

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

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

В файле "HTML" попробуйте удалить код:
<meta http-equiv="X-UA-Compatible" content="IE=7">

Сделала
и удалила куки после этого
Не помогло!...((




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

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