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


Публикации UGIN

178 публикаций создано UGIN (учитываются публикации только с 19-Май 23)



#215466 Изменить Цвет В Шаблоне

Отправлено от UGIN в 03 Ноябрь 2015 - 23:48 в Изменение общей стилистики

Если я хочу везде (во всем шаблоне) убрать конкретный цвет, выполняю следующее:
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css нажмите "Ctrl+F" 2 раза подряд, чтобы открылась строка поиска и строка замены.
В первую строку введите код Вашего цвета, который хотите заменить, например #f79242, а во вторую тот код цвета, на который нужно заменить, например серый #808080 и нажмите на кнопку All.
Таким образом во всем шаблоне, везде, где встречается оранжевый цвет #f79242, он будет заменен на серый #808080.
После этих действий всё равно остался оранжевый цвет, при наведении курсора на корзину, товар(всплывающие шторки) и т.д. Как можно всё-таки добить эту тему?



#215499 Изменить Цвет В Шаблоне

Отправлено от UGIN в 04 Ноябрь 2015 - 11:13 в Изменение общей стилистики

За цвет корзины при наведении отвечает следующий код:[CODE]
.header-top .mini-cartpro .block-title:hover {background-color: rgba(247,146,66,.7);}


замените rgba(247,146,66,.7) на необходимый цвет так же через поиск замените все подобные цвета на необходимые


к сожалению не могу найти ни данную строку, ни отдельно цвет :unsure: :unsure: :wacko:



#215521 Изменить Цвет В Шаблоне

Отправлено от UGIN в 04 Ноябрь 2015 - 19:48 в Изменение общей стилистики

Спасибо большое!



#215599 Как Поменять Background?

Отправлено от UGIN в 05 Ноябрь 2015 - 14:21 в Шаблон Цитрус

к сожалению не нашел простого описания того, как поменять цвет background, на страницах магазина(((

Прикрепленные изображения

  • 2015-11-05 14-20-44 Скриншот экрана.png
  • 2015-11-05 14-21-06 Скриншот экрана.png



#215602 Как Поменять Background?

Отправлено от UGIN в 05 Ноябрь 2015 - 14:39 в Шаблон Цитрус

Просмотр сообщенияDanil (05 Ноябрь 2015 - 14:24) писал:

Здравствуйте.
В main.css найдите код
#breadcrumbs, #product-next-pre, .container-slider .page-title-slider, #main_left .block-title, .success, #slideshow {
background: #f79242;
background: -moz-linear-gradient(left, #fb7e3e 0%, #ac2c77 160%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fb7e3e), color-stop(160%,#ac2c77));
background: -webkit-linear-gradient(left, #fb7e3e 0%,#ac2c77 160%);
background: -o-linear-gradient(left, #fb7e3e 0%,#ac2c77 160%);
background: -ms-linear-gradient(left, #fb7e3e 0%,#ac2c77 160%);
background: linear-gradient(to right, #fb7e3e 0%,#ac2c77 160%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb7e3e', endColorstr='#ac2c77',GradientType=1 );
}
замените цвета(#f79242, #fb7e3e, #ac2c77)на свои
Спасибо большое!)



#216037 Кнопка Каталог, Текст В Шапке Шаблона

Отправлено от UGIN в 09 Ноябрь 2015 - 21:11 в Изменение общей стилистики

добрый вечер господа, проконсультируйте неуча.
1) справа от логотипа, добавить текст, номер телефона и т.д.
2) вместо блоков с категориями товаров, поменять на кнопку "каталог" (сразу над слайдами, растянутая)

Прикрепленные изображения

  • 2015-11-09 21-09-26  Store-Ip  – Yandex.png



#216536 Кнопка Каталог, Текст В Шапке Шаблона

Отправлено от UGIN в 12 Ноябрь 2015 - 22:48 в Изменение общей стилистики

Просмотр сообщенияDanil (10 Ноябрь 2015 - 19:55) писал:

Здравствуйте. 1) В шаблоне html найдите код
[url="http://{NET_DOMAIN}/"][img]{ASSETS_IMAGES_PATH}logo.png?design=orange[/img] [/url]
и замените на
[url="http://{NET_DOMAIN}/"][img]{ASSETS_IMAGES_PATH}logo.png?design=orange[/img] [/url]

СТРОКА 1
СТРОКА 2
СТРОКА 3
СТРОКА и т.д.
2) Кнопка каталог, должна работать как ссылка, при нажатии на которую пользователь переходил на страницу каталога? Если да, то сделайте следующее: в шаблоне html найдите код
Каталог
[list]
{%IFNOT catalog_full_empty%} {%FOR catalog_full%} {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}[*]
[list]
{% ENDIF %}{% ENDIF %}[*][url="{catalog_full.URL}"]{catalog_full.NAME}[/url] {% IF catalog_full.ISSET_SUB=0 %}
{% ENDIF %} {% IF catalog_full.LAST %}{%FOR out%}
[/list]{%IFNOT catalog_full.out.LAST%}{%ENDIF%}{%ENDFOR%}{% ENDIF %} {%ENDFOR%} {%ENDIF%}
[/list]
[list]
{% FOR catalog_full %} {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}[*]
[list]
{% ENDIF %}{% ENDIF %}[*][url="{catalog_full.URL}"]{% IF catalog_full.ISSET_SUB %}{% ENDIF %}{catalog_full.NAME}[/url] {% IF catalog_full.ISSET_SUB=0 %}
{% ENDIF %} {% IF catalog_full.LAST %}{%FOR out%}
[/list]{%IFNOT catalog_full.out.LAST%}{%ENDIF%}{%ENDFOR%}{% ENDIF %} {% ENDFOR %}
[/list]
и замените на
[url="http://{NET_DOMAIN}/catalog"]КАТАЛОГ[/url]
После в конец main.css добавьте
 a.catalogshapka { font-size: 30px; color: #F00; border: 2px solid #F00; padding: 10px 100px 10px; background: #F0F; } a.catalogshapka:hover { color: #F00; border: 2px solid #F00; background: #F0F; } 
стили изменяйте на свои.
Получилось. А как мне теперь эту кнопку раздвинуть на ширину сайта, и вообще сделать как на картинке?

Прикрепленные изображения

  • 2015-11-12 22-46-.png



#216633 Кнопка Каталог, Текст В Шапке Шаблона

Отправлено от UGIN в 13 Ноябрь 2015 - 15:28 в Изменение общей стилистики

Просмотр сообщенияVaccina (13 Ноябрь 2015 - 01:16) писал:

В main.css найдите:
a.catalogshapka {
font-size: 30px;
color: #FFF;
border: 2px solid #F00;
padding: 10px 100px;
background: #2A8D9C;
}


замените на:
a.catalogshapka {
font-size: 30px;
color: #FFF;
border: 2px solid #F00;
padding: 10px 100px;
background: #2A8D9C;
width: 100%;
display: block;
text-align: center;
border-radius: 20px;
}
Супер! а как теперь, сделать бэкграунд у этой кнопки(чтоб она на фоне была, который вплотную к слайду) и чтоб она статичная была, т.е. при наведении на неё она не "прыгала". Спасибо.



#216636 Кнопка Каталог, Текст В Шапке Шаблона

Отправлено от UGIN в 13 Ноябрь 2015 - 15:42 в Изменение общей стилистики

Просмотр сообщенияDanil (13 Ноябрь 2015 - 15:39) писал:

В main.css найдите
a.catalogshapka {
font-size: 25px;
color: #2A8D9C;
border: 0px solid #F00;
padding: 20px 30px;
background: #2A8D9C;
width: 100%;
display: block;
text-align: center;
border-radius: 20px;
}
и замените на

a.catalogshapka {
font-size: 25px;
color: #2A8D9C;
border: 2px solid #F00;
padding: 20px 30px;
background: #1CAE5C;
width: 100%;
display: block;
text-align: center;
border-radius: 20px;
}
к сожалению поменялся только цвет....



#216661 Кнопка Каталог, Текст В Шапке Шаблона

Отправлено от UGIN в 13 Ноябрь 2015 - 20:48 в Изменение общей стилистики

Просмотр сообщенияUGIN (13 Ноябрь 2015 - 15:42) писал:

к сожалению поменялся только цвет....

Просмотр сообщенияDanil (13 Ноябрь 2015 - 15:43) писал:

Пришлите скриншот, с необходимыми изменениями.
Вот :D  кнопка такой же формы как сейчас только меньше размером. вокруг нее некий бэкграунд, который соприкасается со слайдом. чтоб ощущение создавалось как будто кнопка- продолжение слайда.И еще кнопка должна быть статичной, т.е. не менять цвета и размер во время наведения на нее мышки.

Прикрепленные изображения

  • 2015-11-13 20-28-43  Store-Ip  – Yandex.png



#216664 Кнопка Каталог, Текст В Шапке Шаблона

Отправлено от UGIN в 13 Ноябрь 2015 - 21:05 в Изменение общей стилистики

Просмотр сообщенияDanil (13 Ноябрь 2015 - 20:54) писал:

В шаблоне html найдите код
<!-- Каталог в шапке -->
						 <div class="yt-main-menu col-lg-9 col-md-10 col-xs-12">
						 <a href="http://{NET_DOMAIN}/catalog" class="catalogshapka">КАТАЛОГ</a>
						 </div>
		 </div>
		 </div>
	 </div>
	 <!-- Нижняя часть шапки -->
	 <div class="header-bottom">
и замените на
<!-- Каталог в шапке -->
		 </div>
		 </div>
	 </div>
<div class="yt-main-menu col-lg-12 col-md-12 col-xs-12">
						 <a href="http://{NET_DOMAIN}/catalog" class="catalogshapka">КАТАЛОГ</a>
						 </div>
	 <!-- Нижняя часть шапки -->
	 <div class="header-bottom">
В main.css найдите код
a.catalogshapka {
font-size: 25px;
color: #2A8D9C;
border: 2px solid #F00;
padding: 20px 30px;
background: #1CAE5C;
width: 100%;
display: block;
text-align: center;
border-radius: 20px;
}
и замените на
a.catalogshapka {
font-size: 25px;
color: #2A8D9C;
border: 2px solid #F00;
padding: 20px 30px;
background: #F00;
display: block;
text-align: center;
margin: 0 auto;
width: 300px;
}
Да! именно то что нужно))) а углы закруглить как можно? если я сделаю кнопку меньше, получится чтоб зеленый фон на нее чуть-чуть сверху заходил?



#216735 Кнопка Каталог, Текст В Шапке Шаблона

Отправлено от UGIN в 14 Ноябрь 2015 - 19:02 в Изменение общей стилистики

Просмотр сообщенияVaccina (14 Ноябрь 2015 - 02:33) писал:

a.catalogshapka {
font-size: 25px;
color: #2A8D9C;
border: 2px solid #F00;
padding: 20px 30px;
background: #F00;
display: block;
text-align: center;
margin: 0 auto;
width: 300px;
}

замените на:
a.catalogshapka {
font-size: 25px;
color: #2A8D9C;
border: 2px solid #F00;
padding: 20px 30px;
background: #F00;
display: block;
text-align: center;
border-radius: 10px;
margin: 0 auto;
width: 300px;
}
я вас наверное всех замучаю((((((
как её сделать, как  на втором слайде?

Прикрепленные изображения

  • Безымянный.png
  • 2.png



#216739 Изменить Строку С Выгодами(Доставка, Гарантия, Прием Звонков 24\7)

Отправлено от UGIN в 14 Ноябрь 2015 - 19:24 в Изменение общей стилистики

изменить строку с выгодами(доставка, гарантия, прием звонков 24\7)
а точнее: добавить четвертый блок

Прикрепленные изображения

  • 2015-11-14 19-23-54  Store-Ip  – Yandex.png



#216772 Изменить Строку С Выгодами(Доставка, Гарантия, Прием Звонков 24\7)

Отправлено от UGIN в 15 Ноябрь 2015 - 10:55 в Изменение общей стилистики

[Цитата имя='Рыжая' типа timestamp='1447572765' пост='216767']
Здравствуйте! В шаблоне HTML и найдите строки (примерно на 231 строке)
[Код]
<уль>
<литий класс="ли-коль 1-ЛГ-4, генерал-МД-4, генерал-см-4, генерал-хз-12"><класс="баннер-топ-имг" в href="#"><имг срц="{ASSETS_IMAGES_PATH}ico1-баннер-топ2.Формат JPG?дизайн=оранжевый" Альт=""></а>
<div класс="ли1-контент"><а в href="#">Бесплатная доставка!</а>
<р>Доставка по городу и области Бесплатна!</р>
</дел>
</литий>
<литий класс="ли-2 коль-ЛГ-4, генерал-МД-4, генерал-см-4, генерал-хз-12"><класс="баннер-топ-имг" в href="#"><имг срц="{ASSETS_IMAGES_PATH}ico2-баннер-топ2.Формат JPG?дизайн=оранжевый" Альт=""></а>
<div класс="ли2-контент"><а в href="#">30 дней Гарантии</а>
<р>Вы можете вернуть товар в течении 30 дней после получения заказа</р>
</дел>
</литий>
<литий класс="ли-3, генерал-ЛГ-4, генерал-МД-4, генерал-см-4, генерал-хз-12"><класс="баннер-топ-имг" в href="#"><имг срц="{ASSETS_IMAGES_PATH}ico3-баннер-топ2.Формат JPG?дизайн=оранжевый" Альт=""></а>
<div класс="ли3-контент"><а в href="#">Прием заказов 24/7</а>
<р>Оформите заказ в интернет-магазине "{SETTINGS_STORE_NAME}" Прямо сейчас!</р>
</дел>
</литий>
</ул>
[/Код]
и замените на
[Код]
<уль>
<литий класс="ли-коль 1-ЛГ-3, генерал-МД-3, генерал-см-3, генерал-хз-12"><класс="баннер-топ-имг" в href="#"><имг срц="{ASSETS_IMAGES_PATH}ico1-баннер-топ2.Формат JPG?дизайн=оранжевый" Альт=""></а>
<div класс="ли1-контент"><а в href="#">Бесплатная доставка!</а>
<р>Доставка по городу и области Бесплатна!</р>
</дел>
</литий>
<литий класс="ли-2 коль-ЛГ-3, генерал-МД-3, генерал-см-3, генерал-хз-12"><класс="баннер-топ-имг" в href="#"><имг срц="{ASSETS_IMAGES_PATH}ico2-баннер-топ2.Формат JPG?дизайн=оранжевый" Альт=""></а>
<div класс="ли2-контент"><а в href="#">30 дней Гарантии</а>
<р>Вы можете вернуть товар в течении 30 дней после получения заказа</р>
</дел>
</литий>
<литий класс="ли-3, генерал-ЛГ-3, генерал-МД-3, генерал-см-3, генерал-хз-12"><класс="баннер-топ-имг" в href="#"><имг срц="{ASSETS_IMAGES_PATH}ico3-баннер-топ2.Формат JPG?дизайн=оранжевый" Альт=""></а>
<div класс="ли3-контент"><а в href="#">Прием заказов 24/7</а>
<р>Оформите заказ в интернет-магазине "{SETTINGS_STORE_NAME}" Прямо сейчас!</р>
</дел>
</литий>
<литий класс="ли-3, генерал-ЛГ-3, генерал-МД-3, генерал-см-3, генерал-хз-12"><класс="баннер-топ-имг" в href="#"><имг срц="{ASSETS_IMAGES_PATH}ico3-баннер-топ2.Формат JPG?дизайн=оранжевый" Альт=""></а>
<div класс="ли3-контент"><а в href="#">Название блока</а>
<р>Описание блока</р>
</дел>
</литий>
</ул>
[/Код]
Загрузите новое изображение для четвертого блока и укажите ссылку на него в коде.
[/Цитата]
тут в коде все переведенно на русский язык)))) можно продублировать уже без перевода??))



#216781 Кнопка Каталог, Текст В Шапке Шаблона

Отправлено от UGIN в 15 Ноябрь 2015 - 11:46 в Изменение общей стилистики

Просмотр сообщенияFirefly (15 Ноябрь 2015 - 10:47) писал:

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
		 <<!-- Каталог в шапке -->

Замените на:
		 <!-- Каталог в шапке -->

Найдите код:
												 <a href="http://{NET_DOMAIN}/catalog" class="catalogshapka">КАТАЛОГ</a>

Замените на:
												 <a href="http://{NET_DOMAIN}/catalog" class="catalogshapka">КАТАЛОГ ТОВАРОВ</a>

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
a.catalogshapka {
font-size: 25px;
color: #000000;
border: 2px solid #ffffff;
padding: 15px 80px;
background: #ffffff;
display: block;
text-align: center;
border-radius: 40px;
margin: 0 auto;
width: 800px;
}
a.catalogshapka:hover {
color: #000000;
border: 2px solid #F00;
background: #ffffff;
}

Замените на:
a.catalogshapka {
font-size: 25px;
color: #000000;
border: 2px solid #ffffff;
padding: 15px 80px;
background: #ffffff;
display: block;
text-align: center;
border-radius: 40px;
margin: 0 auto;
width: 800px;
-moz-box-shadow: 0 0 20px #fff;
-webkit-box-shadow: 0 0 20px #fff;
box-shadow: 0 0 20px #fff;}

a.catalogshapka:hover {
color: #000000;
background: #ffffff;
}
уже очень похоже, и осталось совсем чуть-чуть :rolleyes:
1) как убрать эту фигурную скобку?
2)"утопить" кнопку, что-бы вокруг нее была зеленая оконтовка
3) в тексте "каталог" поменять на " каталог товаров"
Спасибо!

Прикрепленные изображения

  • 2015-11-15 11-40-20  Store-Ip  – Yandex.png



#216785 Кнопка Каталог, Текст В Шапке Шаблона

Отправлено от UGIN в 15 Ноябрь 2015 - 12:02 в Изменение общей стилистики

Просмотр сообщенияUGIN (15 Ноябрь 2015 - 11:46) писал:

уже очень похоже, и осталось совсем чуть-чуть :rolleyes:
1) как убрать эту фигурную скобку?
2)"утопить" кнопку, что-бы вокруг нее была зеленая оконтовка
3) в тексте "каталог" поменять на " каталог товаров"
Спасибо!
Сорри 1 и 3 проблемму решил! только №2 оставлась



#216790 Кнопка Каталог, Текст В Шапке Шаблона

Отправлено от UGIN в 15 Ноябрь 2015 - 13:47 в Изменение общей стилистики

Просмотр сообщенияRedHead (15 Ноябрь 2015 - 12:17) писал:

Найдите в шаблоне html строку
<div class="yt-main-menu col-lg-12 col-md-12 col-xs-12">
и замените на
<div class="yt-main-menu col-lg-12 col-md-12 col-xs-12" style="padding-top: 15px;">
спасибо огромное!!!



#218227 Изменение Общей Стилистики

Отправлено от UGIN в 26 Ноябрь 2015 - 12:56 в Изменение общей стилистики

добрый день!
1) как корзину и поиск переместить к кнопке "каталог товаров" + кнопка должна спускаться вниз при скролинге странице а так же быть адаптированной к мобильной версии сайта.
2)в шапку сайта добавить (на место корзины) форму обратного звонка , номер телефона и почту.

Прикрепленные изображения

  • 2015-11-26 11-16-40 store-ip системы безопасности – Yandex.png



#218234 Изменение Общей Стилистики

Отправлено от UGIN в 26 Ноябрь 2015 - 15:46 в Изменение общей стилистики

Просмотр сообщенияЮля123 (26 Ноябрь 2015 - 15:12) писал:

Здравствуйте, в шаблоне HTML найдите и удалите код:

<!-- Корзина и Поиск -->
			 <div class="header-top-right col-lg-3 col-md-3 col-sm-6 col-xs-12">
			 <!-- Поиск -->
			 <form id="search_mini_form2" action="http://{NET_DOMAIN}/search" method="get">
			 <div class="form-search">
				 <input id="search" type="text" name="q" value="" class="search-string" placeholder="Поиск по магазину...">
				 <button type="submit" title="Искать" class="button search-submit"></button>
			 </div>
			 </form>
			 <div class="header-right-mobile">
			 <!-- Корзина -->
			 <div class="block mini-cartpro sm-cartpro cart-header">
				 <div class="block-title cart-count-block">
				 {% IF cart_count_empty %}
					 <span class="empty">Корзина пуста</span>
				 {% ELSE %}
					 <span class="not-empty"><a href="{CART_URL}"><span class="cart-count">{CART_COUNT_TOTAL}</span> товар{CART_COUNT_TOTAL| gen_word_end("","а","ов")}</a></span>
					 <span class="empty" style="display:none;">Корзина пуста</span>
				 {% ENDIF %}
				 </div>
				 <!-- Выпадающая корзина-->
				 <div class="block-content dropdown-cart" {% IF MOD_LNAME = cart %}style="display:none;"{% ENDIF %}>
				 <div class="block-inner" {% IF cart_count_empty %}style="display:none;"{% ENDIF %}>
					 <ul id="cart-sidebar" class="mini-products-list">
					 {% FOR cart_items %}
					 <li class="cart-item">
						 <a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}" class="product-image"><img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=orange{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon"></a>
						 <a href="{cart_items.GOODS_URL}" class="product-name">{cart_items.GOODS_NAME}</a>
						 <span class="price" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span>
						 <span class="title-qty">Количество: <span class="qty-val">{cart_items.ORDER_LINE_QUANTITY}</span></span>
						 <a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="product-remove"></a>
					 </li>
					 {% ENDFOR %}
					 </ul>
					 <div class="bottom-action actions">
					 <a class="button btn-gotocart remove-products" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}"></a>
					 <a class="button btn-checkout" title="Перейти к оформлению заказа" href="{CART_URL}"></a>
					 <div class="summary">
						 {% FOR cart_sum %}
						 <span class="subtotal">
						 <span class="label-total">Итого:</span> <span class="total-sum">{cart_sum.NOW_WITH_DELIVERY_AND_DISCOUNT | money_format}</span>
						 </span>
						 {% ENDFOR %}
					 </div>
					 </div>
				 </div>
				 </div>
				 <!-- /END Выпадающая корзина-->
			 </div>
			 <!-- /END Корзина -->
			 <form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get">
				 <div class="form-search">
				 <input id="search" type="text" name="q" value="" class="search-string" placeholder="Поиск по магазину...">
				 <button type="submit" title="Искать" class="button search-submit"></button>
				 </div>
			 </form>
			 </div>
			 </div>


Далее найдите код:

<!-- Основное меню -->
			 <div class="header-top-left col-lg-9 col-md-9 col-sm-6 col-xs-12">
			 <div class="top-navbar">
				 <button type="button" class="button-navbar two btn-top-navbar" data-toggle="collapse" data-target=".top-navbar .navbar-collapse">
				 <span class="text">Меню</span>
				 </button>
				 <div class="navbar-collapse collapse">
				 <ul class="top-navbar-links">
					 {% FOR menu %}
					 {% FOR header %}
						 {% FOR links %}
						 <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
						 {% ENDFOR %}
					 {% ENDFOR %}
					 {% ENDFOR %}
				 </ul>
				 </div>
			 </div>
			 </div>

Замените на код:
<!-- Основное меню -->
			 <div class="header-top-left col-lg-8 col-md-9 col-sm-6 col-xs-12">
			 <div class="top-navbar">
				 <button type="button" class="button-navbar two btn-top-navbar" data-toggle="collapse" data-target=".top-navbar .navbar-collapse">
				 <span class="text">Меню</span>
				 </button>
				 <div class="navbar-collapse collapse">
				 <ul class="top-navbar-links">
					 {% FOR menu %}
					 {% FOR header %}
						 {% FOR links %}
						 <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
						 {% ENDFOR %}
					 {% ENDFOR %}
					 {% ENDFOR %}
				 </ul>
				 </div>
			 </div>
			 </div>

после него добавьте код:

<div class="header-top-right col-lg-4 col-md-3 col-sm-6 col-xs-12">
			 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<span class="contact">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</span>{% ENDIF %}
				 {% IF SETTINGS_STORE_EMAIL_MAIN %}<span class="contact">Email <a href="{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></span>{% ENDIF %}
			 </div>


найдите код:

<div class="yt-main-menu col-lg-12 col-md-12 col-xs-12" style="padding-top: 15px;">
												 <a href="http://{NET_DOMAIN}/catalog" class="catalogshapka">КАТАЛОГ ТОВАРОВ</a>
												 </div>

и замените на код:
<div class="yt-main-menu col-lg-9 col-md-9 col-xs-9" style="padding-top: 15px;">
												 <a href="http://{NET_DOMAIN}/catalog" class="catalogshapka">КАТАЛОГ ТОВАРОВ</a>
												 </div>

<div class="yt-main-menu col-lg-3 col-md-3 col-xs-3 header-top" style="padding-top: 15px;background:transparent;position: fixed;
right: 0;">
<!-- Корзина и Поиск -->
<div class="header-top-right">
<!-- Поиск -->
<form id="search_mini_form2" action="http://{NET_DOMAIN}/search" method="get">
<div class="form-search">
<input id="search" type="text" name="q" value="" class="search-string" placeholder="Поиск по магазину...">
<button type="submit" title="Искать" class="button search-submit"></button>
</div>
</form>
<div class="header-right-mobile">
<!-- Корзина -->
<div class="block mini-cartpro sm-cartpro cart-header">
<div class="block-title cart-count-block">
{% IF cart_count_empty %}
<span class="empty">Корзина пуста</span>
{% ELSE %}
<span class="not-empty"><a href="{CART_URL}"><span class="cart-count">{CART_COUNT_TOTAL}</span> товар{CART_COUNT_TOTAL| gen_word_end("","а","ов")}</a></span>
<span class="empty" style="display:none;">Корзина пуста</span>
{% ENDIF %}
</div>
<!-- Выпадающая корзина-->
<div class="block-content dropdown-cart" {% IF MOD_LNAME = cart %}style="display:none;"{% ENDIF %}>
<div class="block-inner" {% IF cart_count_empty %}style="display:none;"{% ENDIF %}>
<ul id="cart-sidebar" class="mini-products-list">
{% FOR cart_items %}
<li class="cart-item">
<a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}" class="product-image"><img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=orange{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon"></a>
<a href="{cart_items.GOODS_URL}" class="product-name">{cart_items.GOODS_NAME}</a>
<span class="price" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span>
<span class="title-qty">Количество: <span class="qty-val">{cart_items.ORDER_LINE_QUANTITY}</span></span>
<a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="product-remove"></a>
</li>
{% ENDFOR %}
</ul>
<div class="bottom-action actions">
<a class="button btn-gotocart remove-products" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}"></a>
<a class="button btn-checkout" title="Перейти к оформлению заказа" href="{CART_URL}"></a>
<div class="summary">
{% FOR cart_sum %}
<span class="subtotal">
<span class="label-total">Итого:</span> <span class="total-sum">{cart_sum.NOW_WITH_DELIVERY_AND_DISCOUNT | money_format}</span>
</span>
{% ENDFOR %}
</div>
</div>
</div>
</div>
<!-- /END Выпадающая корзина-->
</div>
<!-- /END Корзина -->
<form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get">
<div class="form-search">
<input id="search" type="text" name="q" value="" class="search-string" placeholder="Поиск по магазину...">
<button type="submit" title="Искать" class="button search-submit"></button>
</div>
</form>
</div>
</div>

</div>



в  main.css найдите код:
.header-top .header-top-right {padding: 0;}

Замените на код:

.header-top .header-top-right {padding: 0; padding-top:15px}
span.contact {padding: 0;padding-top: 15px;}
к сожалению фигня какая то получается :)



#218318 Изменение Общей Стилистики

Отправлено от UGIN в 27 Ноябрь 2015 - 15:17 в Изменение общей стилистики

два раза проделал все по инструкции. получилось вот что)))
кнопка при скролинге остается на месте, а нужно чтобы двигалась вместе с посетителем.
на втором слайде- вид как должна выглядеть и звонок и телефон. при нажатии на кнопку "обратный звонок" должна выскакивать форма обратного звонка (которая сейчас в подвале)
спасибо

Прикрепленные изображения

  • 20.png
  • 2015-11-27 15-.png



#218320 Изменение Общей Стилистики

Отправлено от UGIN в 27 Ноябрь 2015 - 15:33 в Изменение общей стилистики

Просмотр сообщенияЮля123 (27 Ноябрь 2015 - 15:29) писал:

Проведите изменения, сохраните бекап, чтобы я могла понять с чем причина.
ну так сейчас изменения внесены. backup уже сделан. с сегодняшними изменениями от 27 числа
что бы все вернуть от 26го



#218326 Изменение Общей Стилистики

Отправлено от UGIN в 27 Ноябрь 2015 - 16:36 в Изменение общей стилистики

[Цитата имя='Юля123' типа timestamp='1448630817' пост='218323']
Возможно, произошла какая-то ошибка, но я не вижу изменений, соответствующих инструкции выше. Шаблон HTML-код не изменен. Попробуйте произвести следующую инструкцию:

1) найдите код В шаблоне HTML-код:

[Код]
<!-- Основное меню -->
<div класс="Заголовок-вверху слева, генерал-ЛГ-9, генерал-МД-9, генерал-см-6, генерал-хз-12">
[/Код]

и замените на код:

[Код]
<!-- Основное меню -->
<div класс="Заголовок-вверху слева, генерал-ЛГ-8, генерал-МД-9, генерал-см-6, генерал-хз-12">
[/Код]

2) Далее код:

[Код]
<!-- Корзина и Поиск -->
<div класс="Заголовок-сверху-справа-ЛГ-3, генерал-МД-3, генерал-см-6, генерал-хз-12">
<!-- Поиск -->
<по форме ID="search_mini_form2" действие="нттр://{NET_DOMAIN}/ "поиск" метод="получить">
<div класс="бланк-поиск">
<ввод ID="поиск" Тип="текст" имя="вопрос" значение="" класс="поиск-строку" заполнитель="Поиск по магазину...">
<Тип кнопки="Отправить" название="Искать" класс="кнопка поиск- "отправить"></кнопка>
</дел>
</форма>
<div класс="Заголовок-право-мобильный">
<!-- Корзина -->
<div класс="блок мини-cartpro см-cartpro корзину-Заголовок">
<div класс="блок-тележка титул-граф-блок">
{ % , Если cart_count_empty %}
<промежуток класс="пусто">Корзина пуста</span>с
{% Еще %}
<промежуток класс="не-пустой">title="в{CART_URL}"><промежуток класс="тележка-граф">{CART_COUNT_TOTAL}</пролет> товар{CART_COUNT_TOTAL| gen_word_end("","а","ов")}</а></пролет>
<промежуток класс="пустой" стиль="дисплей:ни один;">Корзина пуста</span>с
{% За endif %}
</дел>
<!-- Выпадающая корзина-->
<div класс="блок-содержимое выпадающего корзину" {% если MOD_LNAME = повозку %}стиль="Дисплей:нет";" {% за endif %}>
<div класс="блок-внутренний" {% если cart_count_empty %}стиль="Дисплей:нет";" {% за endif %}>
он <UL с ID="корзина-боковая панель" класс="мини-продукты-список">
{% Для cart_items %}
<литий класс="корзина-элемент">
title="в{cart_items.GOODS_URL}" название="{cart_items.GOODS_NAME}" класс="продукт-имидж"><имг срц="{% если cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}нет-фото-икона.Формат PNG?дизайн=оранжевый{% еще %}{cart_items.GOODS_IMAGE_ICON}{% за endif %}" Альт="{cart_items.GOODS_NAME}" класс="товар-образ-икону"></а>
title="в{cart_items.GOODS_URL}" класс="продукта-название">{cart_items.GOODS_NAME}</а>
<промежуток класс="цена" данных-цена="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span>с
<промежуток класс="название-Кол-во">Количество: <промежуток класс="Кол-Валь">{cart_items.ORDER_LINE_QUANTITY}</пролет></пролет>
<данные атрибута href="{cart_items.ORDER_LINE_DELETE_URL}" данные-количество="{cart_items.ORDER_LINE_QUANTITY}" название="Удалить позицию" класс="продукт- "удалить"></а>
</литий>
{% Целью %}
</ул>
<div класс="низ-действие действия">
<класс="кнопка" бтн-gotocart удалить-продукты" название="Очистить корзину" данных-в href="{CART_TRUNCATE_URL}"></а>
<класс="кнопка" бтн-кассе" название="Перейти к оформлению заказа" в href="{CART_URL}"></а>
<div класс="резюме">
{% Для cart_sum %}
<промежуток класс="подытог">
<промежуток класс="метка-общая">Итого:</пролет> <пролет класс="общая сумма">{cart_sum.NOW_WITH_DELIVERY_AND_DISCOUNT | money_format}</span>с
</пролет>
{% Целью %}
</дел>
</дел>
</дел>
</дел>
<!-- /Конец Выпадающая корзина-->
</дел>
<!-- /Конец Корзина -->
<по форме ID="search_mini_form" действие="нттр://{NET_DOMAIN}/ "поиск" метод="получить">
<div класс="бланк-поиск">
<ввод ID="поиск" Тип="текст" имя="вопрос" значение="" класс="поиск-строку" заполнитель="Поиск по магазину...">
<Тип кнопки="Отправить" название="Искать" класс="кнопка поиск- "отправить"></кнопка>
</дел>
</форма>
</дел>
</дел>
[/Код]

замените на код:

// вывод номера телефона и почты в верхнем меню.
[Код]
<div класс="верхний колонтитул-верхний правый контакт, генерал-ЛГ-4, генерал-МД-3, генерал-см-6, генерал-хз-12">
{ % , Если SETTINGS_STORE_PHONE_NUMBER1 %}<промежуток class="contact">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</span>{% за endif %}
{ % , Если SETTINGS_STORE_EMAIL_MAIN %}<промежуток класс="контакты">Электронная почта: <в в href="{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</а></span> с{% за endif %}
</дел>
[/Код]



3) Далее код:

[Код]
<div класс="ыть-главная-меню, генерал-ЛГ-12, генерал-МД-12 коль-хз-12" стиль="обивка-топ: 15px;">
title="в с http://{NET_DOMAIN}/ "каталог" класс="catalogshapka">КАТАЛОГ ТОВАРОВ</а>
</дел>
[/Код]

Измените код на:


[Код]
<div класс="ыть-главная-меню, генерал-ЛГ-9, генерал-МД-9, генерал-хз-9" стиль="обивка-топ: 15px;">
title="в с http://{NET_DOMAIN}/ "каталог" класс="catalogshapka">КАТАЛОГ ТОВАРОВ</а>
</дел>
<div класс="ыть-главная-меню, генерал-ЛГ-3, генерал-МД-3, генерал-хз-3 Заголовок-топ" стиль="фон:прозрачный;положение: фиксированная;
справа: 0;">
<!-- Корзина и Поиск -->
<div класс="Заголовок-сверху-справа">
<!-- Поиск -->
<по форме ID="search_mini_form2" действие="нттр://{NET_DOMAIN}/ "поиск" метод="получить">
<div класс="бланк-поиск">
<ввод ID="поиск" Тип="текст" имя="вопрос" значение="" класс="поиск-строку" заполнитель="Поиск по магазину...">
<Тип кнопки="Отправить" название="Искать" класс="кнопка поиск- "отправить"></кнопка>
</дел>
</форма>
<div класс="Заголовок-право-мобильный">
<!-- Корзина -->
<div класс="блок мини-cartpro см-cartpro корзину-Заголовок">
<div класс="блок-тележка титул-граф-блок">
{ % , Если cart_count_empty %}
<промежуток класс="пусто">Корзина пуста</span>с
{% Еще %}
<промежуток класс="не-пустой">title="в{CART_URL}"><промежуток класс="тележка-граф">{CART_COUNT_TOTAL}</пролет> товар{CART_COUNT_TOTAL| gen_word_end("","а","ов")}</а></пролет>
<промежуток класс="пустой" стиль="дисплей:ни один;">Корзина пуста</span>с
{% За endif %}
</дел>
<!-- Выпадающая корзина-->
<div класс="блок-содержимое выпадающего корзину" {% если MOD_LNAME = повозку %}стиль="Дисплей:нет";" {% за endif %}>
<div класс="блок-внутренний" {% если cart_count_empty %}стиль="Дисплей:нет";" {% за endif %}>
он <UL с ID="корзина-боковая панель" класс="мини-продукты-список">
{% Для cart_items %}
<литий класс="корзина-элемент">
title="в{cart_items.GOODS_URL}" название="{cart_items.GOODS_NAME}" класс="продукт-имидж"><имг срц="{% если cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}нет-фото-икона.Формат PNG?дизайн=оранжевый{% еще %}{cart_items.GOODS_IMAGE_ICON}{% за endif %}" Альт="{cart_items.GOODS_NAME}" класс="товар-образ-икону"></а>
title="в{cart_items.GOODS_URL}" класс="продукта-название">{cart_items.GOODS_NAME}</а>
<промежуток класс="цена" данных-цена="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span>с
<промежуток класс="название-Кол-во">Количество: <промежуток класс="Кол-Валь">{cart_items.ORDER_LINE_QUANTITY}</пролет></пролет>
<данные атрибута href="{cart_items.ORDER_LINE_DELETE_URL}" данные-количество="{cart_items.ORDER_LINE_QUANTITY}" название="Удалить позицию" класс="продукт- "удалить"></а>
</литий>
{% Целью %}
</ул>
<div класс="низ-действие действия">
<класс="кнопка" бтн-gotocart удалить-продукты" название="Очистить корзину" данных-в href="{CART_TRUNCATE_URL}"></а>
<класс="кнопка" бтн-кассе" название="Перейти к оформлению заказа" в href="{CART_URL}"></а>
<div класс="резюме">
{% Для cart_sum %}
<промежуток класс="подытог">
<промежуток класс="метка-общая">Итого:</пролет> <пролет класс="общая сумма">{cart_sum.NOW_WITH_DELIVERY_AND_DISCOUNT | money_format}</span>с
</пролет>
{% Целью %}
</дел>
</дел>
</дел>
</дел>
<!-- /Конец Выпадающая корзина-->
</дел>
<!-- /Конец Корзина -->
<по форме ID="search_mini_form" действие="нттр://{NET_DOMAIN}/ "поиск" метод="получить">
<div класс="бланк-поиск">
<ввод ID="поиск" Тип="текст" имя="вопрос" значение="" класс="поиск-строку" заполнитель="Поиск по магазину...">
<Тип кнопки="Отправить" название="Искать" класс="кнопка поиск- "отправить"></кнопка>
</дел>
</форма>
</дел>
</дел>
</дел>
[/Код]


4) Затем переходим в стили главного.в CSS и находим там код:

[Код]
пяди.контакт {обивка: 0;обивка-топ: 15px;}
[/Код]

и изменяем его на код:

[Код]
пяди.контакт {обивка: 0;обивка-топ: 15px; маржа налево: 20 пикселей;}
[/Код]


Должно получиться вот так:

[вложение=34969:QIP-а выстрел - экран 018.Формат PNG]

при этом корзина и поиск у вас перемещается при скролинге:

[вложение=34970:QIP-а выстрел - экран 019.Формат PNG]
[/Цитата]
все тоже самое. ничего не поменялось. (дважды попробовал)
при скролинге корзина и поиск должны быть вместе с кнопкой "каталог товаров" т.е. должны быть одним блоком и быть в верху странице

Прикрепленные изображения

  • 2015-11-27 16-35-36 Изменение Общей Стилистики - Изменение общей стилистики - Форум владельцев интернет-магазинов – Yandex.png



#218333 Изменение Общей Стилистики

Отправлено от UGIN в 27 Ноябрь 2015 - 16:59 в Изменение общей стилистики

[Цитата имя='Юля123' типа типа типа timestamp='1448631863' пост='218329']
Вам произвели изменения, посмотрите, пожалуйста. Бэкап за 16:38 - ваши последние изменения. Бэкап 16:42 - наши изменения, если они Вас не устраивают, откатите, пожалуйста, изменения.
Устраивают.
и осталось доработать немного.
1)довести до ума шапку как на слайде1. добавить кнопку обратный звонок (при ее нажатии мы попадали в форму обратного звонка, е=которая уже реализована на сайте)
2) кнопка (каталог товаров) вместе с корзиной и поиском должна скролится вниз. одним блоком.
спасибо.

Прикрепленные изображения

  • 2015-11-27 15-.png



#218355 Изменение Общей Стилистики

Отправлено от UGIN в 27 Ноябрь 2015 - 20:39 в Изменение общей стилистики

Просмотр сообщенияЮля123 (27 Ноябрь 2015 - 18:13) писал:

1) в шаблоне HTML найдите код:

<!-- Основное меню -->
			 <div class="header-top-left col-lg-8 col-md-9 col-sm-6 col-xs-12">
			 <div class="top-navbar">
				 <button type="button" class="button-navbar two btn-top-navbar" data-toggle="collapse" data-target=".top-navbar .navbar-collapse">
				 <span class="text">Меню</span>
				 </button>
				 <div class="navbar-collapse collapse">
				 <ul class="top-navbar-links">
					 {% FOR menu %}
					 {% FOR header %}
						 {% FOR links %}
						 <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
						 {% ENDFOR %}
					 {% ENDFOR %}
					 {% ENDFOR %}
				 </ul>
				 </div>
			 </div>
			 </div>
		 <div class="header-top-right contact col-lg-4 col-md-3 col-sm-6 col-xs-12">
{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<span class="contact">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</span>{% ENDIF %}
{% IF SETTINGS_STORE_EMAIL_MAIN %}<span class="contact">Email: <a href="{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></span>{% ENDIF %}
</div>

Замените на код:

<!-- Основное меню -->
			 <div class="header-top-left col-lg-7 col-md-9 col-sm-6 col-xs-12">
			 <div class="top-navbar">
				 <button type="button" class="button-navbar two btn-top-navbar" data-toggle="collapse" data-target=".top-navbar .navbar-collapse">
				 <span class="text">Меню</span>
				 </button>
				 <div class="navbar-collapse collapse">
				 <ul class="top-navbar-links">
					 {% FOR menu %}
					 {% FOR header %}
						 {% FOR links %}
						 <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
						 {% ENDFOR %}
					 {% ENDFOR %}
					 {% ENDFOR %}
				 </ul>
				 </div>
			 </div>
			 </div>
<div class="header-top-right contact col-lg-5 col-md-3 col-sm-6 col-xs-12">
	
	 {% IF SETTINGS_STORE_EMAIL_MAIN %}<span class="contact"><img src="{ASSETS_IMAGES_PATH}email_icon.png" alt="" title="" /><a href="{SETTINGS_STORE_EMAIL_MAIN}"> {SETTINGS_STORE_EMAIL_MAIN}</a></span>{% ENDIF %}
	 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<span class="contact"><img src="{ASSETS_IMAGES_PATH}PHONE.png" alt="" title="" /> {SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</span>{% ENDIF %}
	 <span class="contact"> <a class="callback fancybox.ajax" href="http://{NET_DOMAIN}/callback?only_body=1"><img src="{ASSETS_IMAGES_PATH}email_icon.png" alt="" title="" />Обратный звонок</a></span>
</div>

далее найдите код:
<!-- Запуск слайдера -->
{% IF index_page %}
<script>
	 $(function(){ slideShow()});
</script>
{% ENDIF %}

и после него добавьте код:

<script>
$(document).ready(function() {
$(".callback").fancybox({
maxWidth : 300,
maxHeight : 330,
fitToView : false,
width : '70%',
height : '70%',
autoSize : false,
closeClick : false,
openEffect : 'none',
closeEffect : 'none'
});
});
</script>

добавьте пожалуйста в редакторе шаблонов две картинки:
Прикрепленный файл email_icon.png
Прикрепленный файл PHONE.png

в конце main.css добавьте код:

span.contact img{width: 20px;margin-right: 6px;}



2) в шаблоне HTML найдите код:

<div class="yt-main-menu col-lg-9 col-md-9 col-xs-9" style="padding-top: 15px;position: fixed;">

перед ним добавьте код:

<div class="block_ccs yt-main-menu col-lg-12 col-md-12 col-xs-12" style="position:fixed;background: #1cae5c;height: 77px;">

Далее найдите код:

<!-- /END Шапка -->

Замените его на код:

	 <!-- /END Шапка -->
</div>
скажите пожалуйста что я опять не так сделал?)))



#218362 Изменение Общей Стилистики

Отправлено от UGIN в 27 Ноябрь 2015 - 21:14 в Изменение общей стилистики

[Цитата имя='Юля123' типа типа timestamp='1448647179' пост='218357']
Все изменения на вашем сайте произведены правильно. Что Вас не устраивает?
[/Цитата]
Слайды уехали(теперь сайт стал шире и кнопка наезжает на слайды). "движущаяся" кнопка при скролинге должна прилипать к верхушке экрана( получается что она посреди экрана)
реально такую форму как на скрине?

Прикрепленные изображения

  • 2015-11-27 21-12-39  Store-Ip  – Yandex.png