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


Как Изменить Логотип, Цвет Панели Меню


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

#41 102392

102392

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

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

Отправлено 15 Июнь 2013 - 12:22

Просмотр сообщенияStasya (06 Май 2013 - 17:43) писал:

1. В файле style.css найдите блок
.global {
background: #000;
padding: 10px;
}
изменяйте значение цвета в строке background:. Например
background: rgb(163, 218, 48);
2. Для каких именно товаров Вы хотите реализовать карусель?
3. Загрузите к себе в файлы картинку с Вашим логотипом с именем logo.png. В файле style.css найдите блок
header[role="banner"] h1 a {
height: 127px;
width: 150px;
display: block;
font: normal 26px '';
line-height: 20px;
color: #000;
font-weight: bold;
text-align: center;
}
увеличивайте значение width: на столько, насколько Вам нужно.
4. В шаблоне html найдите блок
<header role="banner">
	 <div class="hgroup">
	 <h1 title="{SETTINGS_STORE_NAME}"><a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}" /><br />{SETTINGS_STORE_NAME}</a></h1>
	 <!-- Контактный телефон -->
	 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}
		 <div class="contacts">
		 <div class="phone" title="Звоните, мы проконсультируем вас по любым вопросам">
			 <!-- Первый контактный телефон -->
			 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}
			 <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
			 {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}
			 {SETTINGS_STORE_PHONE_NUMBER1}
			 {% ENDIF %}
			
			 <!-- Второй контактный телефон -->
			 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}
			 <br /><span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
			 {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}
			 {SETTINGS_STORE_PHONE_NUMBER2}
			 {% ENDIF %}
			
			 <!-- Третий контактный телефон -->
			 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}
			 <br /><span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}</span>
			 {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}
			 {SETTINGS_STORE_PHONE_NUMBER3}
			 {% ENDIF %}
		 </div>
		
		 <!-- Время работы магазина -->
		 {% IF SETTINGS_STORE_WORK_TIME %}
			 <div class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">
			 {SETTINGS_STORE_WORK_TIME}
			 </div>
		 {% ENDIF %}
		
		 <!-- Skype номер -->
		 {% IF SETTINGS_STORE_SKYPE %}
			 <div class="contentTableHeadMainSkype">
			 <a class="valignMiddle" href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype">
				 <img class="valignMiddle" src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" />
				 <span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span>
			 </a>
			 </div>
		 {% ENDIF %}
		
		 <!-- ICQ номер -->
		 {% IF SETTINGS_STORE_ICQ %}
			 <div class="contentTableHeadMainIcq">
			 <img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&amp;img=27" alt="Статус" width="16" height="16" />
			 <span class="valignMiddle">{SETTINGS_STORE_ICQ}</span>
			 </div>
		 {% ENDIF %}
		 </div>
	 {% ENDIF %}
	 </div>
	
	 <!-- Форма поиска -->
	 <form action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search').val()=='Поиск по магазину...') return false;" role="search">
	 <div>
		 <input class="search" name="q" type="search" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину...';}" />
		 <input title="Искать" type="submit" value="Поиск" />
	 </div>
	 </form>
	 <!-- /Форма поиска -->
	 <!-- Если в тарифном плане подключен модуль сравнения товаров -->
	 {% IF TARIFF_FEATURE_GOODS_COMPARE %}
	 <!-- Если не выключен модуль сравнения товаров, то покажем этот блок -->
	 {% IFNOT SETTINGS_COMPARE_DISABLE %}
		 {% IF COMPARE_GOODS_COUNT=0 %}
		 <div class="compare hide">
			 <p>Ваш список сравнения пуст</p>
		 </div>
		 {% ELSE %}
		 <div class="compare">
			 <p><a href="{COMPARE_URL}">Сейчас на сравнении {COMPARE_GOODS_COUNT} товар{COMPARE_GOODS_COUNT | gen_word_end("","а","ов")}.</a></p>
		 </div>
		 {% ENDIF %}
	 {% ENDIF %}
	 {% ENDIF %}
	 <!-- END Если в тарифном плане подключен модуль фильтров по товарам -->
</header>
и замените его на
<header role="banner">
	 <div class="hgroup">
	 <h1 title="{SETTINGS_STORE_NAME}"><a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}0_d30c_56d137c2_L.jpg" alt="{SETTINGS_STORE_NAME}" /><br />{SETTINGS_STORE_NAME}</a></h1>
	
	 </div>
	 <!-- Форма поиска -->
	 <form action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search').val()=='Поиск по магазину...') return false;" role="search">
	 <div>
		 <input class="search" name="q" type="search" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину...';}" />
		 <input title="Искать" type="submit" value="Поиск" />
	 </div>
	 </form>
	 <!-- /Форма поиска -->
<!-- Контактный телефон -->
	 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}
		 <div class="contacts">
		 <div class="phone" title="Звоните, мы проконсультируем вас по любым вопросам">
			 <!-- Первый контактный телефон -->
			 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}
			 <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
			 {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}
			 {SETTINGS_STORE_PHONE_NUMBER1}
			 {% ENDIF %}
			
			 <!-- Второй контактный телефон -->
			 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}
			 <br /><span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
			 {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}
			 {SETTINGS_STORE_PHONE_NUMBER2}
			 {% ENDIF %}
			
			 <!-- Третий контактный телефон -->
			 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}
			 <br /><span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}</span>
			 {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}
			 {SETTINGS_STORE_PHONE_NUMBER3}
			 {% ENDIF %}
		 </div>
		
		 <!-- Время работы магазина -->
		 {% IF SETTINGS_STORE_WORK_TIME %}
			 <div class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">
			 {SETTINGS_STORE_WORK_TIME}
			 </div>
		 {% ENDIF %}
		
		 <!-- Skype номер -->
		 {% IF SETTINGS_STORE_SKYPE %}
			 <div class="contentTableHeadMainSkype">
			 <a class="valignMiddle" href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype">
				 <img class="valignMiddle" src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" />
				 <span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span>
			 </a>
			 </div>
		 {% ENDIF %}
		
		 <!-- ICQ номер -->
		 {% IF SETTINGS_STORE_ICQ %}
			 <div class="contentTableHeadMainIcq">
			 <img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&amp;img=27" alt="Статус" width="16" height="16" />
			 <span class="valignMiddle">{SETTINGS_STORE_ICQ}</span>
			 </div>
		 {% ENDIF %}
		 </div>
	 {% ENDIF %}
	 </div>
	 <!-- Если в тарифном плане подключен модуль сравнения товаров -->
	 {% IF TARIFF_FEATURE_GOODS_COMPARE %}
	 <!-- Если не выключен модуль сравнения товаров, то покажем этот блок -->
	 {% IFNOT SETTINGS_COMPARE_DISABLE %}
		 {% IF COMPARE_GOODS_COUNT=0 %}
		 <div class="compare hide">
			 <p>Ваш список сравнения пуст</p>
		 </div>
		 {% ELSE %}
		 <div class="compare">
			 <p><a href="{COMPARE_URL}">Сейчас на сравнении {COMPARE_GOODS_COUNT} товар{COMPARE_GOODS_COUNT | gen_word_end("","а","ов")}.</a></p>
		 </div>
		 {% ENDIF %}
	 {% ENDIF %}
	 {% ENDIF %}
	 <!-- END Если в тарифном плане подключен модуль фильтров по товарам -->
</header>
Затем в файле style. css найдите блок
.contacts {
float: left;
position: relative;
}
и замените его на
.contacts {
position: relative;
margin-top: 72px;
font-size: 19px;
margin-left: 900px;
}

Изменил логотип - сначала все получилось. Потом переместил и увеличил (по инструкции) контакты, и после чего пропал логотип

#42 miyako

miyako

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

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

Отправлено 15 Июнь 2013 - 15:04

Просмотр сообщения102392 (15 Июнь 2013 - 12:22) писал:

Изменил логотип - сначала все получилось. Потом переместил и увеличил (по инструкции) контакты, и после чего пропал логотип

Сейчас вы сменили тему на Сияние. Как я понимаю вопрос не актуален

#43 lartenza

lartenza

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

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

Отправлено 17 Июнь 2013 - 20:57

Поменяла шапку с белого на черный, пропили контакты.понимаю что надо найти .contacts{float: left;position: relative;} но хоть убейте не могу.Помогите. И сместился "Поиск" как его выравнить и изменить цвет на зеленый?

#44 Vaccina

Vaccina

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

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

Отправлено 18 Июнь 2013 - 04:53

Посмотрите внимательнее, в вашем файле стилей style.css есть строка

.contacts{float: left;position: relative;}

которую вы можете заменить на
.contacts{float: left;color: #FFFFFF; float: left; left: 0; position: absolute; top: -16px;}

Цитата

И сместился "Поиск" как его выравнить и изменить цвет на зеленый?

Подобного смещения на вашем сайте не наблюдаю. Пожалуйста, сообщите у какого элемента вы хотите заменить цвет? вы хотите заменить цвет текста в поле поиска? или же кнопки?

#45 lartenza

lartenza

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

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

Отправлено 18 Июнь 2013 - 12:26

1)как увеличить контакты и сдвинуть правее и ниже?
2) как добавить mail на главную?
3) как увеличить текст в /* Ленточки на главной странице */

#46 Koderhan

Koderhan

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

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

Отправлено 18 Июнь 2013 - 12:41

Просмотр сообщенияlartenza (18 Июнь 2013 - 12:26) писал:

1)как увеличить контакты и сдвинуть правее и ниже?
2) как добавить mail на главную?
email можно ввести на место поля для icq в основных настройках.
И для изменения позиции контактов.

Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Добавить в конец файла код:
.contacts {
	top: 34px;
	left: 40px;
	font-size: 15px;
	margin-right: -100px;
	display: block;
}


#47 lartenza

lartenza

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

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

Отправлено 18 Июнь 2013 - 12:48

Просмотр сообщенияKoderhan (18 Июнь 2013 - 12:41) писал:

email можно ввести на место поля для icq в основных настройках.
И для изменения позиции контактов.

Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Добавить в конец файла код:
.contacts {
top: 34px;
left: 40px;
font-size: 15px;
margin-right: -100px;
display: block;
}

Контакты получились, а что за квадрат теперь перед mail? его можно как-нибудь убрать?

#48 Stasya

Stasya

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

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

Отправлено 18 Июнь 2013 - 13:54

В шаблоне HTML найдите блок
<!-- ICQ номер -->
			{% IF SETTINGS_STORE_ICQ %}
			  <div class="contentTableHeadMainIcq">
				<img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&amp;img=27" alt="Статус" width="16" height="16" />
				<span class="valignMiddle">{SETTINGS_STORE_ICQ}</span>
			  </div>
			{% ENDIF %}
		  </div>
		{% ENDIF %}
	  </div>
и замените его на
<!-- ICQ номер -->
			{% IF SETTINGS_STORE_ICQ %}
			  <div class="contentTableHeadMainIcq">
				<span class="valignMiddle">{SETTINGS_STORE_ICQ}</span>
			  </div>
			{% ENDIF %}
		  </div>
		{% ENDIF %}
	  </div>


#49 lartenza

lartenza

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

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

Отправлено 18 Июнь 2013 - 14:08

Супер, спасибо, все получилось
А что делать с
3) как увеличить текст в /* Ленточки на главной странице */?

#50 Stasya

Stasya

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

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

Отправлено 18 Июнь 2013 - 15:23

Если я правильно поняла про какую ленточку идет речь, то Вам необходимо в файле style.css найти блок
section.newsletter div {
margin: 0 auto;
width: 95%;
text-align: center;
}
и заменить его на
section.newsletter div {
margin: 0 auto;
width: 95%;
text-align: center;
font-size: 20px;
}
Размер шрифта можно регулировать, уменьшая/увеличивая значение 20 в строке
font-size: 20px;


#51 lartenza

lartenza

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

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

Отправлено 18 Июнь 2013 - 15:26

Просмотр сообщенияStasya (18 Июнь 2013 - 15:23) писал:

Если я правильно поняла про какую ленточку идет речь, то Вам необходимо в файле style.css найти блок
section.newsletter div {
margin: 0 auto;
width: 95%;
text-align: center;
}
и заменить его на
section.newsletter div {
margin: 0 auto;
width: 95%;
text-align: center;
font-size: 20px;
}
Размер шрифта можно регулировать, уменьшая/увеличивая значение 20 в строке
font-size: 20px;
все получилось, спасибо.А как по центру сделать надпись?

#52 Taisia

Taisia

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

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

Отправлено 18 Июнь 2013 - 19:53

если вы про надписи в ленточках то найдите код в файле style.css

section.newsletter h3 {
color: #000000;
float: left;
line-height: 1;
margin-right: 1em;
}

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

section.newsletter h3 {
color: #000000;
float: left;
line-height: 1;
margin-right: 1em;
margin-left: 22em;}


#53 lartenza

lartenza

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

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

Отправлено 18 Июнь 2013 - 19:57

Просмотр сообщенияTaisia (18 Июнь 2013 - 19:53) писал:

если вы про надписи в ленточках то найдите код в файле style.css

section.newsletter h3 {
color: #000000;
float: left;
line-height: 1;
margin-right: 1em;
}

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

section.newsletter h3 {
color: #000000;
float: left;
line-height: 1;
margin-right: 1em;
margin-left: 22em;}

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

#54 eliant

eliant

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

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

Отправлено 24 Март 2015 - 10:37

Здравствуйте. Помогите убрать кнопки Я ( яндекс закладки) и Я.ру
q.png

#55 Cupuyc

Cupuyc

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

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

Отправлено 24 Март 2015 - 18:39

Просмотр сообщенияeliant (24 Март 2015 - 10:37) писал:

Здравствуйте. Помогите убрать кнопки Я ( яндекс закладки) и Я.ру
Прикрепленный файл q.png

Здравствуйте, пожалуйста укажите номер аккаунта на котором требуется произвести изменения

#56 eliant

eliant

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

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

Отправлено 24 Март 2015 - 19:04

Просмотр сообщенияCupuyc (24 Март 2015 - 18:39) писал:

Здравствуйте, пожалуйста укажите номер аккаунта на котором требуется произвести изменения
SL-77175

#57 Alekseys

Alekseys

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

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

Отправлено 24 Март 2015 - 19:52

Просмотр сообщенияeliant (24 Март 2015 - 19:04) писал:

SL-77175
Здравствуйте. К сожалению убрать интересующие кнопки из виджета не выйдет. Единственное, что можно сделать, это скрыть виджет. Для этого в style.css добавьте
.share42init {
  display: none;
}





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

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