Как Вставить В Шаблон Новогоднюю Тему
#1
Отправлено 07 Декабрь 2013 - 15:49
#2
Отправлено 08 Декабрь 2013 - 12:04
sVs (07 Декабрь 2013 - 15:49) писал:
В шаблоне HTML найдите код -
<body>
После него добавьте код из инструкции
-
<div class="b-page_newyear"> <div class="b-page__content"> <!-- новогодняя мотня newyear.html --> <i class="b-head-decor"> <i class="b-head-decor__inner b-head-decor__inner_n1"> <div class="b-ball b-ball_n1 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_n2 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_n3 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_n4 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_n5 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_n6 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_n7 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_n8 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_n9 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_i1"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_i2"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_i3"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_i4"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_i5"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_i6"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> </i> <i class="b-head-decor__inner b-head-decor__inner_n2"> <div class="b-ball b-ball_n1 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_n2 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_n3 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_n4 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_n5 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_n6 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_n7 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_n8 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_n9 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_i1"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_i2"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_i3"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_i4"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_i5"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_i6"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> </i> <i class="b-head-decor__inner b-head-decor__inner_n3"> <div class="b-ball b-ball_n1 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_n2 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_n3 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_n4 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_n5 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_n6 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_n7 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_n8 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_n9 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_i1"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_i2"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_i3"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_i4"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_i5"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_i6"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> </i> <i class="b-head-decor__inner b-head-decor__inner_n4"> <div class="b-ball b-ball_n1 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_n2 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_n3 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_n4 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_n5 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_n6 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_n7 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_n8 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_n9 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_i1"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_i2"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_i3"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_i4"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_i5"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_i6"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> </i> <i class="b-head-decor__inner b-head-decor__inner_n5"> <div class="b-ball b-ball_n1 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_n2 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_n3 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_n4 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_n5 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_n6 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_n7 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_n8 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_n9 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_i1"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_i2"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_i3"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_i4"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_i5"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_i6"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> </i> <i class="b-head-decor__inner b-head-decor__inner_n6"> <div class="b-ball b-ball_n1 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_n2 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_n3 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_n4 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_n5 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_n6 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_n7 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_n8 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_n9 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_i1"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_i2"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_i3"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_i4"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_i5"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_i6"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> </i> <i class="b-head-decor__inner b-head-decor__inner_n7"> <div class="b-ball b-ball_n1 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_n2 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_n3 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_n4 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_n5 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_n6 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_n7 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_n8 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_n9 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_i1"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_i2"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_i3"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_i4"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_i5"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> <div class="b-ball b-ball_i6"><div class="b-ball__right"></div><div class="b-ball__i"></div></div> </i> </i> </div> </div>
Далее Вам нужно в шаблоне HTML подключить несколько файлов
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}style.css"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript" src="{ASSETS_JS_PATH}swfobject.min.js"></script> <script type="text/javascript" src="{ASSETS_JS_PATH}newyear.js"></script>вставить их нужно перед тегом </head>
Если у Вас уже подключен файл style.css, то переименуйте его.
Далее нужно загрузить три файла в раздел Сайт - Редактор шаблонов - Выберите файл (newyear.js, swfobject.min.js, style.css)
Если у Вас возникнут ошибки, то воспользуйтесь темой - http://forum.storela...ery-библиотеки/
#4
Отправлено 08 Декабрь 2013 - 21:19
miyako (08 Декабрь 2013 - 12:04) писал:
Далее Вам нужно в шаблоне HTML подключить несколько файлов
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"> <script type="text/javascript" src="{ASSETS_JS_PATH}swfobject.min.js"> <script type="text/javascript" src="{ASSETS_JS_PATH}newyear.js">вставить их нужно перед тегом Если у Вас уже подключен файл style.css, то переименуйте его. Далее нужно загрузить три файла в раздел Сайт - Редактор шаблонов - Выберите файл (newyear.js, swfobject.min.js, style.css) Если у Вас возникнут ошибки, то воспользуйтесь темой - http://forum.storela...ery-библиотеки/
Сделал тоже самое - не получилось картина как и у sVs.
Смотрел и делал как на др. теме, сноску которую вы дали.
#5
Отправлено 08 Декабрь 2013 - 22:52
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}style.css">
на
<link rel="stylesheet" href="http://megascripts.r...nya/style.css">
Шарики появились, анимированные с музыкой, но они закрывают телефон и часть картинки лого.
Как это исправить?
#6
Отправлено 09 Декабрь 2013 - 00:24
Как с этим бороться.
#7
Отправлено 09 Декабрь 2013 - 01:14
jenek-sh (09 Декабрь 2013 - 00:24) писал:
Но за места снежинок квадратики.
Что надо изменить.
#8
Отправлено 09 Декабрь 2013 - 08:03
sVs (08 Декабрь 2013 - 15:50) писал:
Не нашла у Вас кода из инструкции. Вы убрали изменения?
jenek-sh (09 Декабрь 2013 - 01:14) писал:
Код -
<script type="text/javascript" src="snow/snow.js"></script>замените на -
<script type="text/javascript" src="{ASSETS_JS_PATH}snow.js"></script>
#9
Отправлено 09 Декабрь 2013 - 11:27
miyako (09 Декабрь 2013 - 08:03) писал:
Код -
<script type="text/javascript" src="snow/snow.js"></script>замените на -
<script type="text/javascript" src="{ASSETS_JS_PATH}snow.js"></script>
jenek-sh (08 Декабрь 2013 - 22:52) писал:
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}style.css">
на
<link rel="stylesheet" href="http://megascripts.r...nya/style.css">
Шарики появились, анимированные с музыкой, но они закрывают телефон и часть картинки лого.
Как это исправить?
Если вставляю <link rel="stylesheet" href="{ASSETS_STYLES_PATH}style.css">, то шариков нет но лого и поле с телефоном опускаются.
Так как-же сделать так, чтобы и шарики были и поле с телефоном не закрывалось?
#10
Отправлено 09 Декабрь 2013 - 13:52
jenek-sh (09 Декабрь 2013 - 11:27) писал:
Повторюсь, вставил новогоднюю мотню, но шарики закрывают поле телефон, если делаю так: <link rel="stylesheet" href="http://megascripts.r...ya/style.css">.
Если вставляю <link rel="stylesheet" href="{ASSETS_STYLES_PATH}style.css">, то шариков нет но лого и поле с телефоном опускаются.
Так как-же сделать так, чтобы и шарики были и поле с телефоном не закрывалось?
Чтобы был виден телефон можно сделать отступ, для этого нужно в конец файла main.css добавить -
.b-page_newyear{padding-bottom: 60px;}
Возможно выглядит не совсем так. как хотелось. у Вас есть идеи как можно отобразить телефон иначе?
#11
Отправлено 09 Декабрь 2013 - 13:59
http://design.vnabug...snow/show_0.png
http://design.vnabug...snow/show_1.png
http://design.vnabug...snow/show_2.png
http://design.vnabug...snow/show_3.png
Скачайте эти изображения и назовите их show_0.png, show_1.png, show_2.png, show_3.png
Далее загрузите их в раздел сайт - Редактор шаблона - выберите Файл.
и исправить в коде snow.js -
var img="<img id='snow_"+id+"' style='left:"+pos_x+"%; top:-10%; position:fixed;' src='snow/show_"+png_sh+".png'/>"; $("#snow").append(img); move_show(id,end_x); id++; setTimeout("snow("+id+");",100); }на -
var img="<img id='snow_"+id+"' style='left:"+pos_x+"%; top:-10%; position:fixed;' src='{ASSETS_IMAGES_PATH}show_"+png_sh+".png'/>"; $("#snow").append(img); move_show(id,end_x); id++; setTimeout("snow("+id+");",100); }
#12
Отправлено 09 Декабрь 2013 - 15:34
miyako (09 Декабрь 2013 - 13:52) писал:
.b-page_newyear{padding-bottom: 60px;}
Возможно выглядит не совсем так. как хотелось. у Вас есть идеи как можно отобразить телефон иначе?
#13
Отправлено 09 Декабрь 2013 - 15:51
miyako (09 Декабрь 2013 - 13:59) писал:
http://design.vnabug...snow/show_0.png
http://design.vnabug...snow/show_1.png
http://design.vnabug...snow/show_2.png
http://design.vnabug...snow/show_3.png
Скачайте эти изображения и назовите их show_0.png, show_1.png, show_2.png, show_3.png
Далее загрузите их в раздел сайт - Редактор шаблона - выберите Файл.
и исправить в коде snow.js -
var img="<img id='snow_"+id+"' style='left:"+pos_x+"%; top:-10%; position:fixed;' src='snow/show_"+png_sh+".png'/>"; $("#snow").append(img); move_show(id,end_x); id++; setTimeout("snow("+id+");",100); }на -
var img="<img id='snow_"+id+"' style='left:"+pos_x+"%; top:-10%; position:fixed;' src='{ASSETS_IMAGES_PATH}show_"+png_sh+".png'/>"; $("#snow").append(img); move_show(id,end_x); id++; setTimeout("snow("+id+");",100); }
Внес изменения в snow.js , все равно эти квадратики заместо снежинок
#14
Отправлено 10 Декабрь 2013 - 00:00
#15
Отправлено 11 Декабрь 2013 - 14:05
<link rel="stylesheet" href="http://megascripts.r...nya/style.css">
<script type="text/javascript" src="http://ajax.googleap...n.js"></script>
<script type="text/javascript" src="http://megascripts.r...n.js"></script>
<script type="text/javascript" src="http://megascripts.r...r.js"></script>
Но теперь не загружается слайдер. Что делать?
#16
Отправлено 12 Декабрь 2013 - 02:45
#17
Отправлено 14 Декабрь 2013 - 21:14
#18
Отправлено 15 Декабрь 2013 - 11:19
sVs (14 Декабрь 2013 - 21:14) писал:
Скорее всего в Вашем шаблоне был конфликт стилей, сейчас Вы убрали изменения. Поэтому точнее ответить на Ваш вопрос не могу.
#19
Отправлено 15 Декабрь 2013 - 11:52
sVs (14 Декабрь 2013 - 21:14) писал:
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}style.css">
<script type="text/javascript" src="{ASSETS_JS_PATH}swfobject.min.js"></script>
<script type="text/javascript" src="{ASSETS_JS_PATH}newyear.js"></script>
и загрузите картинки на свой сайт, я брал сдесь http://pcvector.net/...ndex/index.html
#20
Отправлено 17 Декабрь 2013 - 12:51
jenek-sh (15 Декабрь 2013 - 11:52) писал:
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}style.css">
<script type="text/javascript" src="{ASSETS_JS_PATH}swfobject.min.js"></script>
<script type="text/javascript" src="{ASSETS_JS_PATH}newyear.js"></script>
и загрузите картинки на свой сайт, я брал сдесь http://pcvector.net/...ndex/index.html
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных