Замена Фона.
#21
Отправлено 03 Апрель 2015 - 07:51
#22
Отправлено 03 Апрель 2015 - 07:54
#23
Отправлено 03 Апрель 2015 - 07:59
#24
Отправлено 03 Апрель 2015 - 08:01
#25
Отправлено 03 Апрель 2015 - 08:05
По поводу фона, сам фон должен идти 1920, но информация на нем как лого и прочее должны умещаться в центровых 1000px, не у всех же максимальное разрешение =)
#26
Отправлено 03 Апрель 2015 - 08:08
#27
Отправлено 03 Апрель 2015 - 08:10
#28
Отправлено 03 Апрель 2015 - 08:17
#30
Отправлено 03 Апрель 2015 - 18:20
psicore (03 Апрель 2015 - 18:10) писал:
Изменения произвели, проверьте.
Так же вы сами можете корректировать расположение изображений, для этого:
в main.css найдите код
.kartpod{ position:absolute; top: 47px; left: 18px; }изменяйте left и top
#31
Отправлено 03 Апрель 2015 - 18:40
#32
Отправлено 20 Октябрь 2016 - 00:03
1. Подскажите, как вставить в шаблоне ПЛАСТИК данные блоки??? (см. фото) P.s. Фото не моё, просто взял из форума... Но мне нужны такие же блоки со счетчиком. Как это сделать?
2. Хочу поменять фон на бесшовную картинку. Картинка маленькая. всего 96х96 пикселей. Я вставляю ее, а она растягивается или вообще где-то внизу маленький кусочек появляется. Вообщем, мне нужно, чтобы она по всему заднему фону появилась.
3. Вместо СТРОКИ ПОИСКА вставить:
3.1 свой текст
3.2 свою картинку (какого размера оптимального она должна быть?)
Спасибо огромное заранее
Аккаунт SL-398104
#33
Отправлено 20 Октябрь 2016 - 10:17
Ibragim2010 (20 Октябрь 2016 - 00:03) писал:
1. Подскажите, как вставить в шаблоне ПЛАСТИК данные блоки??? (см. фото) P.s. Фото не моё, просто взял из форума... Но мне нужны такие же блоки со счетчиком. Как это сделать?
2. Хочу поменять фон на бесшовную картинку. Картинка маленькая. всего 96х96 пикселей. Я вставляю ее, а она растягивается или вообще где-то внизу маленький кусочек появляется. Вообщем, мне нужно, чтобы она по всему заднему фону появилась.
3. Вместо СТРОКИ ПОИСКА вставить:
3.1 свой текст
3.2 свою картинку (какого размера оптимального она должна быть?)
Спасибо огромное заранее
Аккаунт SL-398104
Здравствуйте.
1. В разделе Сайт - Редактор шаблонов - HTML
найдите(135 строка)
<!-- 3 блока --> <div class="blocks"> <table> <tbody> <tr> <td width="33%" class="w"> <div class="block"> <h2>Наши гарантии</h2> <div class="L"> <a href="#"><img src="{ASSETS_IMAGES_PATH}kach.png" alt=""></a> </div> <div class="R"> <div class="text"> <p>На каждый товар,представленный в нашем каталоге мы даем гарантию 1 месяц.<a href="#"><b>Читайте подробнее...</b></a></p> </div> </div> </div> </td> <script language="javascript" type="text/javascript"> function timer_revers(dateStart, d, h, m, s) { today = new Date(); today.setTime(Date.parse(dateStart)); finish = d * 24 * 60 * 60 * 1000 + h * 60 * 60 * 1000 + m * 60 * 1000 + s * 1000 endTS = today.getTime() + finish; rev_intervalid = setInterval(function() { now = new Date(); totalRemains = (endTS - now.getTime()); if (totalRemains > 1) { RemainsSec = (parseInt(totalRemains / 1000)); RemainsFullDays = (parseInt(RemainsSec / (24 * 60 * 60))); secInLastDay = RemainsSec - RemainsFullDays * 24 * 3600; RemainsFullHours = (parseInt(secInLastDay / 3600)); if (RemainsFullHours < 10) { RemainsFullHours = "0" + RemainsFullHours }; secInLastHour = secInLastDay - RemainsFullHours * 3600; RemainsMinutes = (parseInt(secInLastHour / 60)); if (RemainsMinutes < 10) { RemainsMinutes = "0" + RemainsMinutes }; lastSec = secInLastHour - RemainsMinutes * 60; if (lastSec < 10) { lastSec = "0" + lastSec }; $('.timer>.digits').html((RemainsFullDays ? "<span>" + RemainsFullDays + "дн.</span> " : "") + RemainsFullHours + ":" + RemainsMinutes + ":" + lastSec); } else { clearInterval(rev_intervalid); } }, 1000); } $(function() { var dateStart = '30 Apr 2015 15:58'; timer_revers(dateStart, 0, 72, 0, 0); }) </script> <td width="33%" class="w"> <div class="block"> <h2>Наши акции и спецпредложения</h2> <div class="L"> <a href="#"><img src="{ASSETS_IMAGES_PATH}gift.png" alt=""></a> </div> <div class="R"> <div class="text"> <h3 id="toc0"> Дарим скидку <span style="color: #EF2929;">30%</span></h3> <p>на все power bank!<span style="color: #EF2929;"></span><strong><br /><p align="center">Спешите!</p></strong></p> </span> </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}car2.jpg" alt=""></a> </div> <div class="R"> <div class="text"> <p>Доставка внешних аккумуляторов по всей России<span style="color: #EF2929;"> <strong>БЕСПЛАТНО!!!</strong></span><strong><br>Подарки каждому! :)</strong></p> </div> </div> </div> </td> </tr> </tbody> </table> </div> <!-- END 3 блока -->
Изменяя # на необходимые ссылки
Изображения прикрепил к сообщению.
где
$(function(){ var dateStart = '20 Oct 2016 9:58'; /*дата начала акции*/ timer_revers(dateStart, 0,72,0,0); /*время проведения акции (день,часы,минуты,секунда)*/ })
2.В файле main.css найдите
/*Главные индификаторы*/ #backtop { background:url({ASSETS_IMAGES_PATH}bgout.jpg?design=plastic) bottom center no-repeat; }замените на
/*Главные индификаторы*/ #backtop { background:url({ASSETS_IMAGES_PATH}bgout.jpg?design=plastic) bottom center repeat; }
в самом начале файла найдите
body { background: url({ASSETS_IMAGES_PATH}bg.jpg?design=plastic) no-repeat; font: 100%/1.4 Tahoma, Geneva, sans-serif; margin: 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 0; color: #000; }замените на
body { background: url({ASSETS_IMAGES_PATH}bg.jpg?design=plastic) repeat; font: 100%/1.4 Tahoma, Geneva, sans-serif; margin: 0; padding: 0; color: #000; }
3. Изменение блока с поиском:
В разделе Сайт - Редактор шаблонов - HTML
найдите
<div class="search"> <form action="http://{NET_DOMAIN}/search" id="searchform" method="get"> <div> <input type="text" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{%ELSE%}Поиск{%ENDIF%}" onblur="this.value=(this.value=='') ? 'Поиск' : this.value;" onfocus="this.value=(this.value=='Поиск') ? '' : this.value;" id="s" class="text" name="q" /> <input type="hidden" name="goods_search_field_id" value="0" /> <input type="image" class="button" src="{ASSETS_IMAGES_PATH}spacer.gif?design=plastic" /> </div> </form> </div>
замените на
<div class="search" style="display: none;"> <form action="http://{NET_DOMAIN}/search" id="searchform" method="get"> <div> <input type="text" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{%ELSE%}Поиск{%ENDIF%}" onblur="this.value=(this.value=='') ? 'Поиск' : this.value;" onfocus="this.value=(this.value=='Поиск') ? '' : this.value;" id="s" class="text" name="q" /> <input type="hidden" name="goods_search_field_id" value="0" /> <input type="image" class="button" src="{ASSETS_IMAGES_PATH}spacer.gif?design=plastic" /> </div> </form> </div>
после него вставьте блок с Вашими изображениями
<div class="kartpod"> <img src=" *ссылка на ваше изображение* "> <p> Ваш текст</p> </div>Изображение желательно высотой не более 55 пикселей.
#37
Отправлено 13 Ноябрь 2016 - 15:49
Ibragim2010 (13 Ноябрь 2016 - 14:59) писал:
Помогите убрать данную ошибку, При просмотре на Iphon, Ipad и других мобильных устройствах....
Съезжает картинка.(((
В файле main.css
добавил
#panelsite .centercol {position: relative;}
далее:
заменил
.kartpod{ position:absolute; top: 175px; left: 200px; }на
.kartpod{ position:absolute; top: 50px; left: 0; }
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных