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


Помогите Заменить Некоторые Элементы!

Автор Nataly_May, 10 сент. 2013 16:30

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

#1 Nataly_May

Nataly_May

    Новичок

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

Отправлено 10 Сентябрь 2013 - 16:30

Добрый день!

Очень нужна помощь по замене цвета фотона в некоторых элементах:

Рис.1: Как в выделенных прямоугольниками на картинке элементах заменить синий или серый цвет на другой? Или вместо цвета добавить картинку с текстурой?

Как строку поиска сделать не черной, а белой?

Как верхнее меню и контакты сделать не белыми, а с текстурой из картинки?

Безымянный.JPG

Рис.2:

Как изменить синий цвет при наведении курсора на разделы и кнопки. И когда выбираешь какой-либо раздел, в меню он также подсвечивается синим, как изменить цвет?

Как изменить картинку корзины?

Безымянный1.JPG

Спасибо заранее!

#2 Сake

Сake

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

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

Отправлено 11 Сентябрь 2013 - 02:33

Цитата

Рис.1: Как в выделенных прямоугольниками на картинке элементах заменить синий или серый цвет на другой? Или вместо цвета добавить картинку с текстурой?

Как строку поиска сделать не черной, а белой?

Как верхнее меню и контакты сделать не белыми, а с текстурой из картинки?

Вам понадобиться изменить изображение которые находятся в разделе редактора тем. Изменить изображения можно в графическом редакторе. Например для поиска необходимо изменить изображение "searchbg.jpg", а для верхней панели изображения "backsprite.png, haeder-bg.png".

Цитата

Как изменить синий цвет при наведении курсора на разделы и кнопки. И когда выбираешь какой-либо раздел, в меню он также подсвечивается синим, как изменить цвет?

Как изменить картинку корзины?

Цвет выделения пункта меню вы можете изменить в файле стилей main.css Найдите 

#panelsite div.centercol .menuheader ul li a:hover, #panelsite div.centercol .menuheader ul li a.current {
	background: #4799BA;
	border-radius: 6px;
	color: #FFFFFF;
}

и измените цвет #4799BA

Изменить изображение корзины можно путем изменения изображения "cart.jpg" в разделе редактора тем. Изображение кнопки так же можно изменить путем изменения изображения "whtblue-bg.jpg".

#3 Nataly_May

Nataly_May

    Новичок

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

Отправлено 12 Сентябрь 2013 - 10:58

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

Извините, но так и не поняла, какую картинку нужно заменить, для панелей "каталог сайта" и "корзина" чтобы они не были синими, и для серой полосы внизу экрана.

Также не поняла где меняется цвет кнопки "оформить заказ" при наведении на нее.

#4 shnafix

shnafix

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

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

Отправлено 12 Сентябрь 2013 - 19:05

Просмотр сообщенияNataly_May (12 Сентябрь 2013 - 10:58) писал:

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

Извините, но так и не поняла, какую картинку нужно заменить, для панелей "каталог сайта" и "корзина" чтобы они не были синими, и для серой полосы внизу экрана.

Также не поняла где меняется цвет кнопки "оформить заказ" при наведении на нее.
Для каталога сайта и корзины - это изображение block-bg.jpg.
Для серой полосы внизу - в main.css в блоке 
#footer { clear:both;width:100%; background:#485d63; border-top:4px solid #64828b; margin:20px 0 17px 0; }
Вам нужно заменить 
background:#485d63;
на нужный Вам цвет или вставить туда адрес изображения.
Для смены цвета кнопки "Оформить заказ" при наведении в main.css 
.whtblue:hover { background:url({ASSETS_IMAGES_PATH}whtblue-bg.jpg) center top repeat; border:1px solid #5fa8c4; color:#3e3e3e; text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.4); }
необходимо изменить 
background:url({ASSETS_IMAGES_PATH}whtblue-bg.jpg) center top repeat;
либо изображение, либо на нужный Вам цвет.

#5 КОЛЯНЫЧ

КОЛЯНЫЧ

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

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

Отправлено 16 Сентябрь 2013 - 18:46

Доброго дня! Не стал создавать новую тему, задаю вопросы здесь.
Шаблон - Пластик, сайт nhleb.storeland.ru

Интересует ряд вопросов.
1 - Как в правом блоке (Справа от слайдера) разместить изображение 240*360?
2 - Возможно ли меню Каталог товаров (То, что слева), чтобы оно появлялось только когда открываешь страницу КОНТАКТЫ?
3 - Если НЕТ в вопросе 2, то как вставить собственное меню в шаблон, чтобы оно отображалось над меню Каталог товаров и было же такое же по стилю (Как создать свое меню с присвоением переменной я нашел).
4. Вставил слайдер и у меня с тексом главной страницы какая то беда... =))

Заранее благодарен за помощь!

#6 Сake

Сake

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

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

Отправлено 17 Сентябрь 2013 - 03:29

1) Найдите в шаблоне "HTML" строку

<div id="left">

и ниже добавьте 

<div class="banner"><img src="Адрес вашего изображения" alt="" width="240" height="360"></div>

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

<!-- Каталог сайта -->
	<div class="block">
	  <div class="blocktitle bluesmall"><a href="{CATALOG_URL}">Каталог сайта</a></div>
	  <div class="blockmain navigation fnt12n">
		<ul>
		{% IFNOT catalog_empty %}
		  {% FOR catalog %}
			{% IFNOT catalog.HIDE %}
			  <li class="{% IF catalog.LEVEL>0%}incat{% ENDIF %} {% IF catalog.CURRENT %}fnt12b{% ENDIF %}"><a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("30")}px"{% ENDIF %}>{catalog.NAME}</a></li>
			{% ENDIF %}
		  {% ENDFOR %}
		{% ENDIF %}
		</ul>
	  </div>
	  <div class="blockbottom"></div>
	</div>
	<!-- END Каталог сайта -->

и замените его на

<!-- Каталог сайта -->
{% IF PAGE_NAME=Связь с администрацией%}
	<div class="block">
	  <div class="blocktitle bluesmall"><a href="{CATALOG_URL}">Каталог сайта</a></div>
	  <div class="blockmain navigation fnt12n">
		<ul>
		{% IFNOT catalog_empty %}
		  {% FOR catalog %}
			{% IFNOT catalog.HIDE %}
			  <li class="{% IF catalog.LEVEL>0%}incat{% ENDIF %} {% IF catalog.CURRENT %}fnt12b{% ENDIF %}"><a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("30")}px"{% ENDIF %}>{catalog.NAME}</a></li>
			{% ENDIF %}
		  {% ENDFOR %}
		{% ENDIF %}
		</ul>
	  </div>
	  <div class="blockbottom"></div>
	</div>
{% ENDIF %}
	<!-- END Каталог сайта -->

4) Удалите в вашем шаблоне "HTML" тег <pre>

#7 КОЛЯНЫЧ

КОЛЯНЫЧ

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

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

Отправлено 17 Сентябрь 2013 - 06:20

Уже полусонный писал, ошибся. Конечно же чтобы меню Каталога отображалось на странице Каталог товаров, а не контакты.
Прописываю:

<!-- Каталог сайта -->
{% IF PAGE_NAME=Каталог товаров%}
        <div class="block">
          <div class="blocktitle bluesmall"><a href="{CATALOG_URL}">Каталог сайта</a></div>
          <div class="blockmain navigation fnt12n">
                <ul>
                {% IFNOT catalog_empty %}
                  {% FOR catalog %}
                        {% IFNOT catalog.HIDE %}
                          <li class="{% IF catalog.LEVEL>0%}incat{% ENDIF %} {% IF catalog.CURRENT %}fnt12b{% ENDIF %}"><a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("30")}px"{% ENDIF %}>{catalog.NAME}</a></li>
                        {% ENDIF %}
                  {% ENDFOR %}
                {% ENDIF %}
                </ul>
          </div>
          <div class="blockbottom"></div>
        </div>
{% ENDIF %}
        <!-- END Каталог сайта -->-

- Не появляется.


И  еще вопрос - как вставить собственное меню в шаблон, чтобы оно отображалось над меню Каталог товаров и было же такое же по стилю (Как создать свое меню с присвоением переменной я нашел

#8 miyako

miyako

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

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

Отправлено 17 Сентябрь 2013 - 08:32

Просмотр сообщенияКОЛЯНЫЧ (17 Сентябрь 2013 - 06:20) писал:

Уже полусонный писал, ошибся. Конечно же чтобы меню Каталога отображалось на странице Каталог товаров, а не контакты.
Прописываю:

<!-- Каталог сайта -->
{% IF PAGE_NAME=Каталог товаров%}
<div class="block">
  <div class="blocktitle bluesmall"><a href="{CATALOG_URL}">Каталог сайта</a></div>
  <div class="blockmain navigation fnt12n">
<ul>
{% IFNOT catalog_empty %}
  {% FOR catalog %}
{% IFNOT catalog.HIDE %}
  <li class="{% IF catalog.LEVEL>0%}incat{% ENDIF %} {% IF catalog.CURRENT %}fnt12b{% ENDIF %}"><a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("30")}px"{% ENDIF %}>{catalog.NAME}</a></li>
{% ENDIF %}
  {% ENDFOR %}
{% ENDIF %}
</ul>
  </div>
  <div class="blockbottom"></div>
</div>
{% ENDIF %}
<!-- END Каталог сайта -->-

- Не появляется.


И  еще вопрос - как вставить собственное меню в шаблон, чтобы оно отображалось над меню Каталог товаров и было же такое же по стилю (Как создать свое меню с присвоением переменной я нашел

Код - 
{% IF PAGE_NAME=Каталог товаров%}
замените на - 
{%IF MOD_LNAME=catalog%}

#9 miyako

miyako

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

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

Отправлено 17 Сентябрь 2013 - 08:43

Просмотр сообщенияmiyako (17 Сентябрь 2013 - 08:32) писал:

Код -
{% IF PAGE_NAME=Каталог товаров%}
замените на -
{%IF MOD_LNAME=catalog%}

Вы хотите сделать еще один каталог? Какие пункты будет содержать Ваше меню?

#10 КОЛЯНЫЧ

КОЛЯНЫЧ

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

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

Отправлено 17 Сентябрь 2013 - 18:33

Нет, ни каталог. Просто нужен еще один блок меню. Верхний, горизонтальный ограничен по количеству.
Нужен еще один блок меню слева, вертикальный, так сказать дополнительный, естественно каждая строка будет ссылаться на определенную страницу.
По пунктам, н-р Ссылка1, Ссылка2, ...

#11 sengun

sengun

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

  • Модератоpы
  • 1 139 сообщений
  • ГородНижний Новгород

Отправлено 17 Сентябрь 2013 - 19:57

Просмотр сообщенияКОЛЯНЫЧ (17 Сентябрь 2013 - 18:33) писал:

Нет, ни каталог. Просто нужен еще один блок меню. Верхний, горизонтальный ограничен по количеству.
Нужен еще один блок меню слева, вертикальный, так сказать дополнительный, естественно каждая строка будет ссылаться на определенную страницу.
По пунктам, н-р Ссылка1, Ссылка2, ...
Здравствуйте. Вы создали свое меню menu.block, соответственно, вам надо вставить такой код в шаблон HTML 
	<div class="block">
	  <div class="blocktitle bluesmall">Новое меню</div>
	  <div class="blockmain navigation fnt12n">
		<div class="menublock">
		  <ul>
			{% FOR menu %}
			  {% FOR block %}
				{% FOR links %}
				  <li {% IF menu.block.links.first %}class="main"{% ENDIF %}><a href="{menu.block.links.URL}" {% IF menu.block.links.SELECTED %}class="current"{%ENDIF%} {% IF menu.block.links.TITLE %}title="{menu.block.links.TITLE}"{% ENDIF %}>{menu.block.links.NAME}</a></li>
				{% ENDFOR %}
			  {% ENDFOR %}
			{% ENDFOR %}
		  </ul>
		</div>
	  </div>
	  <div class="blockbottom"></div>
	</div>
после строки
  <div id="left">

Обратно в Изменение общей стилистики


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Пластик
  5. → Изменение общей стилистики
  6. Privacy Policy