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


Помогите Новичку

изменение шаб лона осень

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

#1 KlimOFF

KlimOFF

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

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

Отправлено 31 Октябрь 2014 - 02:01

Доброго времени суток!
Помогите, плиз, новичку в следующих вопросах:
1. В соответствие с требованиями Маркета необходимо разместить информацию с реквизитами юрлица. Форум курил, понял, что можно создать отдельную страницу и разместить необходимую инфу там, но не хочется плодить ненужные страницы, тем более, уже есть штатная страница "Контакты". Подскажите, как сделать, чтобы получилось как на картинке - т.е. штатный блок с формой обратной связи сместить вправо, а слева создать блок с реквизитами компании...
снимок.jpg
ссылка на яндекс-карты: <script type="text/javascript" charset="utf-8" src="//api-maps.yandex.ru/services/constructor/1.0/js/?sid=xZQjOxJ8RVNbCQYvwP4ODXAbMKsEIkEs&width=500&height=350"></script>

2. Изменение шапки магазина:
Снимок2.JPG
а) чтобы под логотипом не выводилось название магазина, которое дублируется в подвале
б) убрать вообще поиск по сайту
в) корзину сместить вниз до уровня меню
г) разместить название магазина и телефоны в шапке как на рисунке.

Заранее спасибо всем откликнувшимся!
Мой аккаунт: SL-312998

#2 Vaccina

Vaccina

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

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

Отправлено 31 Октябрь 2014 - 03:05

1. Сайт - Редактор шаблонов - Связь с администрацией - после:
<div class="buttons-set">
	  <!--{% IFNOT FORM_SEND_OK %}<p class="required">* Обязательные поля</p>{% ENDIF %}-->
	  <p class="submit"><a href="http://{NET_DOMAIN}/">Перейти на главную</a>
	  {% IFNOT FORM_SEND_OK %}<input type="submit" title="Отправить" class="exclusive" value="Отправить" />{% ENDIF %}
	  </p>
	</div>
  </form>
</div>

разместите:
<div class="content-form" style="text-align: left;float:right;">
первая строка текста <br/>
вторая строка текста и т.д.
</div>

2.а. В шаблоне HTML найдите и удалите:
{SETTINGS_STORE_NAME}
2.б. В style.css найдите:
#search_block_top {
position: static;
float: right;
margin: 26px 10px 0 0;
}
замените на:
#search_block_top {
position: static;
float: right;
margin: 26px 10px 0 0;
display:none;
}
2.в. В style.css найдите:
#header-right {
float: right;
height: 100px;
position: relative;
z-index: 20;
margin-right: 10px;
}
замените на:
#header-right {
float: right;
position: relative;
z-index: 20;
margin-right: 10px;
margin-top: 50px;
}

2.г. В шаблоне HTML перед:
<div id="header-right">
	 <div id="header_user_info">
разместите:
<h2 class="slogan">Текст</h2>
и в style.css добавьте:
.slogan{
font-size:20px;
color:green;
float:left;
}

На счет добавления контактов, на форуме уже имеется инструкция:
http://forum.storela...он/#entry131991

#3 KlimOFF

KlimOFF

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

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

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

Просмотр сообщенияVaccina (31 Октябрь 2014 - 03:05) писал:

1. Сайт - Редактор шаблонов - Связь с администрацией - после:
<div class="buttons-set">
	 <!--{% IFNOT FORM_SEND_OK %}<p class="required">* Обязательные поля</p>{% ENDIF %}-->
	 <p class="submit"><a href="http://{NET_DOMAIN}/">Перейти на главную</a>
	 {% IFNOT FORM_SEND_OK %}<input type="submit" title="Отправить" class="exclusive" value="Отправить" />{% ENDIF %}
	 </p>
</div>
</form>
</div>

разместите:
<div class="content-form" style="text-align: left;float:right;">
первая строка текста <br/>
вторая строка текста и т.д.
</div>
---Сделал, как мне теперь получившийся блок поднять и выровнять по высоте с формой обратной связи?

Просмотр сообщенияVaccina (31 Октябрь 2014 - 03:05) писал:

2.г. В шаблоне HTML перед:
<div id="header-right">
	 <div id="header_user_info">
разместите:
<h2 class="slogan">Текст</h2>
и в style.css добавьте:
.slogan{
font-size:20px;
color:green;
float:left;
}
---Делал, но название магазина получается в верхней чёрной полосе, а мне бы нужно в блоке как на рисунке:
Снимок2.JPG

Просмотр сообщенияVaccina (31 Октябрь 2014 - 03:05) писал:

На счет добавления контактов, на форуме уже имеется инструкция:
http://forum.storela...он/#entry131991
---Спасибо, сделал. Но слово "Контакты" получилось на чёрной полосе и практически не читабельно - как его опустить к телефонам?
Сайт: hd-tv.tv
Заранее спасибо за ответ!

#4 Vaccina

Vaccina

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

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

Отправлено 04 Ноябрь 2014 - 02:01

1. В style.css найдите:
.content-form {
замените на:
.content-form {
display: inline-block;

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

3.В style.css найдите:
.contact {
	float: left;
	margin-left: 10px;
}
замените на:
.contact h4 {
	margin: 0;
	padding: 0;
}
.contact {
	float: left;
	margin-left: 10px;
	margin-top: 35px;
}


#5 KlimOFF

KlimOFF

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

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

Отправлено 04 Ноябрь 2014 - 11:46

Просмотр сообщенияVaccina (04 Ноябрь 2014 - 02:01) писал:

1. В style.css найдите:
.content-form {
замените на:
.content-form {
display: inline-block;

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

3.В style.css найдите:
.contact {
float: left;
margin-left: 10px;
}
замените на:
.contact h4 {
margin: 0;
padding: 0;
}
.contact {
float: left;
margin-left: 10px;
margin-top: 35px;
}
---Получилось, спасибо!

Просмотр сообщенияVaccina (04 Ноябрь 2014 - 02:01) писал:

1. В style.css найдите:
.content-form {
замените на:
.content-form {
display: inline-block;

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

3.В style.css найдите:
.contact {
float: left;
margin-left: 10px;
}
замените на:
.contact h4 {
margin: 0;
padding: 0;
}
.contact {
float: left;
margin-left: 10px;
margin-top: 35px;
}
---У меня нет такого... :-( Есть только такие варианты:
.content-form {padding: 0 20px !important;margin-bottom: 20px; background:#ffffff;border-left:none;border-right:none;border-bottom:none;border-top:6px solid #da3b44;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-moz-box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) ;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) ;box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) ;/*margin:10px auto 0 auto;*/padding:0;width:300px;text-align:center}

  .content-form {width: 260px;}
в замен чего вставлять?

И по выравниванию блоков на странице "Контакты" подскажите, плиз, что-нибудь... :-(

#6 MikDark

MikDark

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

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

Отправлено 04 Ноябрь 2014 - 12:11

Просмотр сообщенияKlimOFF (04 Ноябрь 2014 - 11:46) писал:

---Получилось, спасибо!

---У меня нет такого... :-( Есть только такие варианты:
.content-form {padding: 0 20px !important;margin-bottom: 20px; background:#ffffff;border-left:none;border-right:none;border-bottom:none;border-top:6px solid #da3b44;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-moz-box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) ;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) ;box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) ;/*margin:10px auto 0 auto;*/padding:0;width:300px;text-align:center}

  .content-form {width: 260px;}
в замен чего вставлять?

И по выравниванию блоков на странице "Контакты" подскажите, плиз, что-нибудь... :-(

Код:
.content-form {padding: 0 20px !important;margin-bottom: 20px; background:#ffffff;border-left:none;border-right:none;border-bottom:none;border-top:6px solid #da3b44;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-moz-box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) ;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) ;box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) ;/*margin:10px auto 0 auto;*/padding:0;width:300px;text-align:center}

поменяйте на:
.content-form {display:inline-block;padding: 0 20px !important;margin-bottom: 20px; background:#ffffff;border-left:none;border-right:none;border-bottom:none;border-top:6px solid #da3b44;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-moz-box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) ;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) ;box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) ;/*margin:10px auto 0 auto;*/padding:0;width:300px;text-align:center}

Контакты поправили.

#7 KlimOFF

KlimOFF

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

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

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

Просмотр сообщенияMikDark (04 Ноябрь 2014 - 12:11) писал:

Контакты поправили.
---Спасибо огромное - то, что надо! :-)

Просмотр сообщенияMikDark (04 Ноябрь 2014 - 12:11) писал:

Код:
.content-form {padding: 0 20px !important;margin-bottom: 20px; background:#ffffff;border-left:none;border-right:none;border-bottom:none;border-top:6px solid #da3b44;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-moz-box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) ;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) ;box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) ;/*margin:10px auto 0 auto;*/padding:0;width:300px;text-align:center}

поменяйте на:
.content-form {display:inline-block;padding: 0 20px !important;margin-bottom: 20px; background:#ffffff;border-left:none;border-right:none;border-bottom:none;border-top:6px solid #da3b44;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-moz-box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) ;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) ;box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) ;/*margin:10px auto 0 auto;*/padding:0;width:300px;text-align:center}
---Не помогло... :-(

#8 Vaccina

Vaccina

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

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

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

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

#9 KlimOFF

KlimOFF

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

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

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

Просмотр сообщенияVaccina (05 Ноябрь 2014 - 03:35) писал:

попробуйте почистить кэш браузера,в  Mozilla раздел контактов выглядит желаемым образом.
---Не понял - почему раздел контактов-то? Я с контактами двумя постами выше, благодаря Вам разобрался... Проблема в названии магазина на чёрном фоне... :-(
снимок.jpg

#10 Alekseys

Alekseys

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

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

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

Просмотр сообщенияKlimOFF (05 Ноябрь 2014 - 11:35) писал:

---Не понял - почему раздел контактов-то? Я с контактами двумя постами выше, благодаря Вам разобрался... Проблема в названии магазина на чёрном фоне... :-(
Прикрепленный файл снимок.jpg
Здравствуйте. В style.css замените
.slogan {
font-size: 20px;
color: green;
float: left;
}
на
.slogan {
font-size: 20px;
color: green;
float: left;
margin: 43px 0 0 10px;
}


#11 KlimOFF

KlimOFF

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

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

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

Просмотр сообщенияAlekseys (05 Ноябрь 2014 - 11:42) писал:

Здравствуйте. В style.css замените
.slogan {
font-size: 20px;
color: green;
float: left;
}
на
.slogan {
font-size: 20px;
color: green;
float: left;
margin: 43px 0 0 10px;
}

Просмотр сообщенияAlekseys (05 Ноябрь 2014 - 11:42) писал:

Здравствуйте. В style.css замените
.slogan {
font-size: 20px;
color: green;
float: left;
}
на
.slogan {
font-size: 20px;
color: green;
float: left;
margin: 43px 0 0 10px;
}
Алиллуя!!! Спасибо, вам, добрые люди!!! Куда пиво отправить? :-)

#12 Alekseys

Alekseys

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

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

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

Просмотр сообщенияKlimOFF (05 Ноябрь 2014 - 13:32) писал:

Алиллуя!!! Спасибо, вам, добрые люди!!! Куда пиво отправить? :-)
Свой отзыв Вы можете оставить здесь.





Темы с аналогичным тегами изменение шаб, лона осень

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

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