Эффект Дразнящего Уголка
#1
Отправлено 03 Апрель 2013 - 09:04
Но как ни старался так и не смог прикрутить его на свой сайт http://momo-ek.ru/
Подскажите как быть
#2
Отправлено 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
Отправлено 03 Апрель 2013 - 10:45
miyako (03 Апрель 2013 - 10:06) писал:
Загрузите через Сайт-Редактор тем 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
Отправлено 06 Май 2013 - 18:33
#5
Отправлено 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
Отправлено 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
Отправлено 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
Отправлено 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
Отправлено 13 Май 2013 - 10:34
#10
Отправлено 19 Май 2013 - 13:45
sofidemarko.ru
#11
Отправлено 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 %}
#13
Отправлено 20 Июнь 2013 - 18:35
#clockJS { position: absolute; right: -21px; top: 660px; width: 464px; }
и заменить его на код
#clockJS { position: absolute; right: 31px; top: 660px; width: 420px; }
#14
Отправлено 20 Июнь 2013 - 19:09
Taisia (20 Июнь 2013 - 18:35) писал:
#clockJS { position: absolute; right: -21px; top: 660px; width: 464px; }
и заменить его на код
#clockJS { position: absolute; right: 31px; top: 660px; width: 420px; }
Спасибо!
Помогло!!
А не подскажите как исправить:
в некоторых браузерах корзина налазит на строку поиска
или дайте ссылку на тему, где это решается
#15
Отправлено 20 Июнь 2013 - 19:38
#17
Отправлено 21 Июнь 2013 - 03:17
#searchPanel { width: 320px; } #searchPanel > a { float: left; display: block; }
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных