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


Super Изменения В Бистро..


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

#1 RomanP

RomanP

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

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

Отправлено 19 Ноябрь 2014 - 16:20

Добрый день! Я совершенно не понимаю ни чего в CSS и HTTP.. И в тоже время сделал, что смог, а вот дополнительно не получается. У меня есть картинка с тем, что я хочу добавить/изменить/доработать. Помогите мне с этой затеей!
Вначале актуально будет добавлять "КАК", "КАК СДЕЛАТЬ",
1) сделать баннер, по центру.. у меня уже стоит высота 184пх
2) Поставить поиск на пагель
3) Удалить ЭТО !
4) Уменьшить логотип
5) Уменьшить по ширине левую панель Плюсы поставить ближе к кат-ии
6) Корзину поднять и уменьшить по ширине, как и всё остальное
7) переместить контакты Сюда
8) Добавить 2 панели : Последние и Рекомендуемые
9) + правая боковая панель
10) чтобы эта панель стала шире за счет уменьшения левой части и в неё влезало по 6 товаров в ряд.
11) Сделать популярные товары прокруткой вправо
12) добавить линию в подвале
13) сделать подвал с подобным наполнением, Пропал куда-то
У меня там еще не стоит "Вы Смотрели"
Это пунктик №14
Прошу помогите. поставить магазин с толком. Ушел с АдвантШопа из-за их удушающих шаблонов и убивающих цен. Мне нужно в кратчайший срок решить эту задачу.

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

  • НУНО.jpg


#2 MikDark

MikDark

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

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

Отправлено 19 Ноябрь 2014 - 16:45

Просмотр сообщенияRomanP (19 Ноябрь 2014 - 16:20) писал:

Добрый день! Я совершенно не понимаю ни чего в CSS и HTTP.. И в тоже время сделал, что смог, а вот дополнительно не получается. У меня есть картинка с тем, что я хочу добавить/изменить/доработать. Помогите мне с этой затеей!
Вначале актуально будет добавлять "КАК", "КАК СДЕЛАТЬ",
1) сделать баннер, по центру.. у меня уже стоит высота 184пх
2) Поставить поиск на пагель
3) Удалить ЭТО !
4) Уменьшить логотип
5) Уменьшить по ширине левую панель Плюсы поставить ближе к кат-ии
6) Корзину поднять и уменьшить по ширине, как и всё остальное
7) переместить контакты Сюда
8) Добавить 2 панели : Последние и Рекомендуемые
9) + правая боковая панель
10) чтобы эта панель стала шире за счет уменьшения левой части и в неё влезало по 6 товаров в ряд.
11) Сделать популярные товары прокруткой вправо
12) добавить линию в подвале
13) сделать подвал с подобным наполнением, Пропал куда-то
У меня там еще не стоит "Вы Смотрели"
Это пунктик №14
Прошу помогите. поставить магазин с толком. Ушел с АдвантШопа из-за их удушающих шаблонов и убивающих цен. Мне нужно в кратчайший срок решить эту задачу.

1) Уточните, Вы хотите уменьшить слайдер до обычных размером и поставить по центру?
2) В шаблоне HTML найдите код:
<div class="search">
					 <form action="http://{NET_DOMAIN}/search" id="searchform" method="get" title="Поиск по сайту">
						 <ul>
						 <li class="right">
							 <input type="submit" class="btn" title="Найти" value="" />
						 </li>
						 <li class="left">
							 <input type="text" id="s" 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="" name="q" />
							 <div id="delete"></div>
						 </li>
						 </ul>
					 </form>
				 </div>

и поставьте после:
					 <span class="icon-bar"></span>
					 <span class="icon-bar"></span>
					 <span class="icon-bar"></span>
					 </div>
					 <div class="text-menu-header">Меню</div>
				 </div>

3) В шаблоне найдите код:
<h1 class="title">{CATEGORY_NAME}</h1>

и замените на:
{%IF index_page %}
<h1 class="title">{CATEGORY_NAME}</h1>
{%ENDIF%}

4) В main.css найдите код:
[CODE]
.logo img {
display: block;
margin: 15px auto;
}
4) В шаблоне main.css найдите:

.logo img {
display: block;
margin: 15px auto;
}

и замените на:

.logo img {
display: block;
margin: 15px auto;
width: 200px;
}

Меняя значение width можете увеличивать или уменьшать логотип.

Не производите изменения дизайна, тогда мы сможем помочь с другими вопросами.

#3 RomanP

RomanP

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

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

Отправлено 19 Ноябрь 2014 - 17:05

И еще один момент. В теме Бистро мне катастрафически не удобно пользоваться Фильтром. Можно его поменять на фильтр от темы SNOW?
!! У меня в 10-й Почемучке было, что я хочу 6 позиций размещать. Я погорячился, 5 позиций за глаза хватает.

Заранее благодарю!

Просмотр сообщенияMikDark (19 Ноябрь 2014 - 16:45) писал:

1) Уточните, Вы хотите уменьшить слайдер до обычных размером и поставить по центру?
2) В шаблоне HTML найдите код:
<div class="search">
					 <form action="http://{NET_DOMAIN}/search" id="searchform" method="get" title="Поиск по сайту">
						 <ul>
						 <li class="right">
							 <input type="submit" class="btn" title="Найти" value="" />
						 </li>
						 <li class="left">
							 <input type="text" id="s" 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="" name="q" />
							 <div id="delete"></div>
						 </li>
						 </ul>
					 </form>
				 </div>

и поставьте после:
					 <span class="icon-bar"></span>
					 <span class="icon-bar"></span>
					 <span class="icon-bar"></span>
					 </div>
					 <div class="text-menu-header">Меню</div>
				 </div>

3) В шаблоне найдите код:
<h1 class="title">{CATEGORY_NAME}</h1>

и замените на:
{%IF index_page %}
<h1 class="title">{CATEGORY_NAME}</h1>
{%ENDIF%}

4) В main.css найдите код:
[CODE]
.logo img {
display: block;
margin: 15px auto;
}
4) В шаблоне main.css найдите:

.logo img {
display: block;
margin: 15px auto;
}

и замените на:

.logo img {
display: block;
margin: 15px auto;
width: 200px;
}

Меняя значение width можете увеличивать или уменьшать логотип.

Не производите изменения дизайна, тогда мы сможем помочь с другими вопросами.

ОК.. Мне главное сейчас закончить с этим монтажом. Я же раньше не знал, что у вас всё так быстро и просто.

По вопросу 1) - Хочется сделать его по ширине одинаково с центральным блоком, чтобы он не вылазил на контакты и на логотип, а с высотой, собственно я разобрался.

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

  • НУНО2.jpg


#4 RomanP

RomanP

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

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

Отправлено 19 Ноябрь 2014 - 20:35

2-й вариант не сработал. Поиск встал криво

По остальным вопросам вы мне дадите ответы? Ведь не просто так писал.

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

  • search.jpg


#5 Taisia

Taisia

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

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

Отправлено 20 Ноябрь 2014 - 09:39

ответили вам в обратной связи.

#6 dele69

dele69

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

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

Отправлено 16 Декабрь 2014 - 22:00

Добрый вечер! аккаунт SL-301047 , в контактах хочу разместить рисунок .png, где пометил красным квадратом, помогите с вопросом
Изображение

#7 Vaccina

Vaccina

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

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

Отправлено 17 Декабрь 2014 - 02:49

В шаблоне Связь с администрацией вставьте:
<div style="float:right;">
  <img src="ссылка на картинку" alt="" />
</div>

перед:
<ul id="contactShow">
							 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}
								<li class="phone tel1">
									<span class="phoneImg"></span><a itemprop="telephone" title="Номер телефона: {SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}</a>
								</li>
							{% ENDIF %}


#8 dele69

dele69

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

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

Отправлено 17 Декабрь 2014 - 20:32

все сделал как написали-картинка не видна....

#9 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 17 Декабрь 2014 - 20:58

Просмотр сообщенияdele69 (17 Декабрь 2014 - 20:32) писал:

все сделал как написали-картинка не видна....
Здравствуйте.
К сожалению вы не правильно вставили ссылку на картинку.
Поэтому в шаблоне Связь с администрацией найдите код:
						<div style="float:right;">
						<img src="pechat.png" alt="" />
						</div>
И замените его вот этим кодом:
<div style="float:right;">
  <img src="{ASSETS_IMAGES_PATH}pechat.png?design=bistro" alt="" />
</div>


#10 dele69

dele69

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

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

Отправлено 17 Декабрь 2014 - 21:12

получилось, теперь помогите подправить следующее:
1) печать нужно переместить после время работы, и желательно посередке
2) печать делал png формат, надеялся что без белого фона будет, не подскажите, как удалить белый фон (логотип магазина идеально на фоне сайта встал, также хотелось чтобы и печать была)
Изображение

#11 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 17 Декабрь 2014 - 21:26

Просмотр сообщенияdele69 (17 Декабрь 2014 - 21:12) писал:

получилось, теперь помогите подправить следующее:
1) печать нужно переместить после время работы, и желательно посередке
2) печать делал png формат, надеялся что без белого фона будет, не подскажите, как удалить белый фон (логотип магазина идеально на фоне сайта встал, также хотелось чтобы и печать была)
Изображение
Белый фон вы можете убрать только в каком-либо фоторедакторе, иначе никак, так как сейчас картинка сохранена именно с белым фоном.

#12 prukon

prukon

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

  • Пользователи
  • PipPipPip
  • 174 сообщений
  • ГородСанкт-Петербург

Отправлено 23 Январь 2015 - 01:23

1. Как перенести контакты в область, как показано на скриншоте?
2. Как перенести блок "поиск" как показано на скриншоте?
3. Как убрать блоки выделенные красной обводкой (см. скриншот)?

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

  • Снимок экрана 2015-01-23 в 1.20.45.png
  • кк.png


#13 Vaccina

Vaccina

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

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

Отправлено 23 Январь 2015 - 04:38

1.В шаблоне HTML найдите и удалите:
<span id="contactShowBut" title="Открыть контакты">Контакты<span class="toggleImg hide"></span></span>
						<ul id="contactShow">
							<!-- Есл есть номер icq -->
							{% IF SETTINGS_STORE_ICQ %}
								<li class="headerIcq">
									{% IF SETTINGS_STORE_ICQ_ONLY_DIGITS %}<img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&amp;img=27" alt="Статус icq" width="16" height="16" />{% ENDIF %}
									{SETTINGS_STORE_ICQ}
								</li>
							{% ENDIF %}
							{% IF SETTINGS_STORE_SKYPE %}
								<li class="skype"><span class="skypeImg"></span><span>Skype:&nbsp;</span><a href="skype:{SETTINGS_STORE_SKYPE}">{SETTINGS_STORE_SKYPE}</a></li>
							{% ENDIF %}
							{% IF SETTINGS_STORE_PHONE_NUMBER1 %}
								<li class="phone tel1">
									<span class="phoneImg"></span><a itemprop="telephone" title="Номер телефона: {SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}" >{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}</a>
								</li>
							{% ENDIF %}
							{% IF SETTINGS_STORE_PHONE_NUMBER2 %}
								<li class="phone tel2">
									<span class="phoneImg"></span><a itemprop="telephone" title="Номер телефона: {SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}" >{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}</a>
								</li>
							{% ENDIF %}
							{% IF SETTINGS_STORE_PHONE_NUMBER3 %}
								<li class="phone tel3">
									<span class="phoneImg"></span><a itemprop="telephone" title="Номер телефона: {SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}" >{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}</a>
								</li>
							{% ENDIF %}
							<!-- Время работы магазина -->
							{% IF SETTINGS_STORE_WORK_TIME %}
							  <li class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">
								<span class="work-time-icon"></span>
								<span>{SETTINGS_STORE_WORK_TIME}</span>
							  </li>
							{% ENDIF %}
							<!-- Ссылка на страницу обратной связи -->
							<li class="title">
								<span class="iconMail"></span><a href="http://{NET_DOMAIN}/feedback" title="Перейти к странице &laquo;Связь с администрацией&raquo;">Связаться с Нами</a>
							</li>
						</ul>

далее найдите:
</div><!-- .left-sidebar -->
		   
				<div class="container">
					<main class="content">
после него вставьте:
<div itemscope itemtype="http://schema.org/Organization" class="contactsSite contactsSite2">
						<span id="contactShowBut" title="Открыть контакты">Контакты<span class="toggleImg hide"></span></span>
						<ul id="contactShow">
							<!-- Есл есть номер icq -->
							{% IF SETTINGS_STORE_ICQ %}
								<li class="headerIcq">
									{% IF SETTINGS_STORE_ICQ_ONLY_DIGITS %}<img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&amp;img=27" alt="Статус icq" width="16" height="16" />{% ENDIF %}
									{SETTINGS_STORE_ICQ}
								</li>
							{% ENDIF %}
							{% IF SETTINGS_STORE_SKYPE %}
								<li class="skype"><span class="skypeImg"></span><span>Skype:&nbsp;</span><a href="skype:{SETTINGS_STORE_SKYPE}">{SETTINGS_STORE_SKYPE}</a></li>
							{% ENDIF %}
							{% IF SETTINGS_STORE_PHONE_NUMBER1 %}
								<li class="phone tel1">
									<span class="phoneImg"></span><a itemprop="telephone" title="Номер телефона: {SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}" >{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}</a>
								</li>
							{% ENDIF %}
							{% IF SETTINGS_STORE_PHONE_NUMBER2 %}
								<li class="phone tel2">
									<span class="phoneImg"></span><a itemprop="telephone" title="Номер телефона: {SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}" >{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}</a>
								</li>
							{% ENDIF %}
							{% IF SETTINGS_STORE_PHONE_NUMBER3 %}
								<li class="phone tel3">
									<span class="phoneImg"></span><a itemprop="telephone" title="Номер телефона: {SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}" >{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}</a>
								</li>
							{% ENDIF %}
							<!-- Время работы магазина -->
							{% IF SETTINGS_STORE_WORK_TIME %}
							  <li class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">
								<span class="work-time-icon"></span>
								<span>{SETTINGS_STORE_WORK_TIME}</span>
							  </li>
							{% ENDIF %}
							<!-- Ссылка на страницу обратной связи -->
							<li class="title">
								<span class="iconMail"></span><a href="http://{NET_DOMAIN}/feedback" title="Перейти к странице &laquo;Связь с администрацией&raquo;">Связаться с Нами</a>
							</li>
						</ul>
						</div>
и в конец main.css вставьте:
.contactsSite2 ul li {
	display: inline-block;
	margin: 10px;
}

2. В шаблоне HTML найдите:
<div class="search">
						<form action="http://{NET_DOMAIN}/search" id="searchform" method="get" title="Поиск по сайту">
						  <ul>
							<li class="right">
							  <input type="submit" class="btn" title="Найти" value="" />
							</li>
							<li class="left">
							  <input type="text" id="s" 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="" name="q" />
							  <div id="delete"></div> 
							</li>
						  </ul>
						</form>
					</div>
перенесите его поставив после:
{% IFNOT cart_count_empty %}
					  <span class="cartSum" title="Сумма товаров в корзине">
						{% FOR cart_sum %}
						  <a href="{CART_URL}">{cart_sum.NOW_WITH_DISCOUNT | money_format}</a><br />
						{% ENDFOR %}
					  </span>
					{% ENDIF %}
				</div>
				<!-- end Корзина -->
в main.css найдите:
.left-sidebar div.search {
	display: block;
	float: left;
	margin-bottom: 5px;
	padding: 0 0;
	width: 100%;
}
замените на:
.search {
	display: block;
	float: right;
	padding-top: 9px;
	width: 20%;
}
далее найдите:
.panel-top nav {
	float: left;
	position: relative;
	width: 74%;
}
замените на:
.panel-top nav {
	float: left;
	position: relative;
	width: 54%;
}

3. В шаблоне Товары найдите и удалите:
<div class="crumbs clr">
	<div class="clr"><a href="http://{NET_DOMAIN}/">Главная</a>
		<!-- Если отображаем полный каталог товаров, без указания категории -->
		{% IF IS_FULL_CATALOG %}
			&raquo; <span class="current fnt12 b">Каталог товаров</span>
			<!-- Если отображаем товары в категории -->
		{% ELSE %}
			{% FOR upper_navigation %}
				{% IF upper_navigation.CURRENT %}
					&raquo; <span class="current fnt12 b">{upper_navigation.NAME}</span>
				{% ELSEIF upper_navigation.CURRENT_PARENT %}
					&raquo; <a href="{upper_navigation.URL}">{upper_navigation.NAME}</a>
				{% ENDIF %}
			{% ENDFOR %}
		{% ENDIF %}
	</div>
</div>
<div class="contenttext clr">
	<h1 class="title">{CATEGORY_NAME}</h1>
</div>
<hr>


#14 prukon

prukon

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

  • Пользователи
  • PipPipPip
  • 174 сообщений
  • ГородСанкт-Петербург

Отправлено 23 Январь 2015 - 13:49

Почти все получилось.
Уточните пожалуйста Как блок контактов выровнять по правому краю.
Также, уточните пожалуйста, как слово "поиск", в блоки поиска сделать видимым полностью? Сейчас отображается только буква "к".

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

  • Снимок экрана 2015-01-23 в 13.46.27.png


#15 Alekseys

Alekseys

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

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

Отправлено 23 Январь 2015 - 14:42

Просмотр сообщенияprukon (23 Январь 2015 - 13:49) писал:

Почти все получилось.
Уточните пожалуйста Как блок контактов выровнять по правому краю.
Также, уточните пожалуйста, как слово "поиск", в блоки поиска сделать видимым полностью? Сейчас отображается только буква "к".
В main.css добавьте
#contactShow {
width: 475px;
float: right;
}
и
div.search li.right {
z-index: 3;
display: block;
min-width: 40px;
width: 10%;
}
замените на
div.search li.right {
z-index: 3;
display: block;
min-width: 40px;
width: 10%;
float: right;
}


#16 prukon

prukon

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

  • Пользователи
  • PipPipPip
  • 174 сообщений
  • ГородСанкт-Петербург

Отправлено 23 Январь 2015 - 16:12

1. Как поменять местами блоки контактов так, как изображено на скриншоте.
2. Как добавить текст слева "Санкт-Петербург" И добавить png изображение слева от него (см. скриншот).
Заранее спасибо.

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

  • Снимок-экрана-2015-01-23-в-15.04.28.png


#17 Ирина345

Ирина345

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

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

Отправлено 23 Январь 2015 - 16:35

Просмотр сообщенияprukon (23 Январь 2015 - 16:12) писал:

1. Как поменять местами блоки контактов так, как изображено на скриншоте.
2. Как добавить текст слева "Санкт-Петербург" И добавить png изображение слева от него (см. скриншот).
Заранее спасибо.
Здравствуйте, найдите в шаблоне htML
1.
 <!-- Ссылка на страницу обратной связи -->
														<li class="title">
																<span class="iconMail"></span><a href="http://{NET_DOMAIN}/feedback" title="Перейти к странице &laquo;Связь с администрацией&raquo;">Связаться с Нами</a>
														</li>
и переместите его после блока

 <span id="contactShowBut" title="Открыть контакты">Контакты<span class="toggleImg hide"></span></span>
												<ul id="contactShow">

далее найдите
	<li class="title">
																<span class="iconMail"></span><a href="http://{NET_DOMAIN}/feedback" title="Перейти к странице &laquo;Связь с администрацией&raquo;">Связаться с Нами</a>
														</li>
замените на
<li><img src="ссылка на картинку" /> Санкт-Петербург
</li>

	<li class="title">
																<span class="iconMail"></span><a href="http://{NET_DOMAIN}/feedback" title="Перейти к странице &laquo;Связь с администрацией&raquo;">Связаться с Нами</a>
														</li>


#18 prukon

prukon

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

  • Пользователи
  • PipPipPip
  • 174 сообщений
  • ГородСанкт-Петербург

Отправлено 23 Январь 2015 - 16:54

Почти все получилось, только график работы уехал вниз. Как сделать так, чтобы все было в одну строчку?

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

  • Снимок экрана 2015-01-23 в 16.53.11.png


#19 Alekseys

Alekseys

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

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

Отправлено 23 Январь 2015 - 16:56

Просмотр сообщенияprukon (23 Январь 2015 - 16:54) писал:

Почти все получилось, только график работы уехал вниз. Как сделать так, чтобы все было в одну строчку?
В main.css замените
#contactShow {
width: 475px;
float: right;
}
на
#contactShow {
width: 607px;
float: right;
}


#20 prukon

prukon

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

  • Пользователи
  • PipPipPip
  • 174 сообщений
  • ГородСанкт-Петербург

Отправлено 24 Январь 2015 - 22:19

Почти все. Как поменять местами график работы и телефон?

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

  • Снимок-экрана-2015-01-23-в-15.04.28.png





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

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