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


Изменение Левого Блока

Автор galya.bu7, 28 окт. 2014 21:07

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

#1 galya.bu7

galya.bu7

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

  • Пользователи
  • PipPipPipPip
  • 323 сообщений
  • ГородСмоленск

Отправлено 28 Октябрь 2014 - 21:07

Здравствуйте! Помогите, пожалуйста, изменить:

1. Изменить Шрифт блока "контактов": размер и стиль

2. Название в логотипе: размер и стиль шрифта

3. Отделить чертой "Наши услуги" от "связаться с нами". Черта желательно  должна быть такая же, как та, которая отделяет зону логотипа от зоны контактов.

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

5. Развернутый вид каталога слева, чтобы были видны не только категории в меню, но и подкатегории.

Изображение

#2 RayLi

RayLi

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

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

Отправлено 28 Октябрь 2014 - 21:54

Просмотр сообщенияgalya.bu7 (28 Октябрь 2014 - 21:07) писал:

Здравствуйте! Помогите, пожалуйста, изменить:

1. Изменить Шрифт блока "контактов": размер и стиль

2. Название в логотипе: размер и стиль шрифта

3. Отделить чертой "Наши услуги" от "связаться с нами". Черта желательно  должна быть такая же, как та, которая отделяет зону логотипа от зоны контактов.

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

5. Развернутый вид каталога слева, чтобы были видны не только категории в меню, но и подкатегории.

Изображение
Здравствуйте.
Сообщите, пожалуйста, ваш ID .

#3 Vaccina

Vaccina

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

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

Отправлено 29 Октябрь 2014 - 04:34

1. В main.css найдите:
#contactShow a {
	color: #34495e;
}
и добавьте необходимые шрифтовые стили

2.В main.css найдите:
.logo .store_name {
	color: #34495e;
	display: inline-block;
	text-align: center;
	width: 100%;
}
и добавьте шрифтовые стили, например:
.logo .store_name {
	color: #34495e;
	display: inline-block;
	font-family: Arial;
	font-size: 16px;
	text-align: center;
	width: 100%;
}

3.В main.css найдите:
#sb-site .left-sidebar .contactsSite {
	float: left;
	margin-top: 3px;
	width: 100%;
}
замените на:
#sb-site .left-sidebar .contactsSite {
	border-bottom: 1px solid #ccc;
	float: left;
	margin-bottom: 10px;
	margin-top: 3px;
	padding-bottom: 10px;
	width: 100%;
}

4.В main.css найдите:
.block-content li {
	clear: both;
	display: block;
	line-height: 155.5%;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
}
замените на:
.block-content li {
	clear: both;
	line-height: 155.5%;
	list-style: inside none square;
	margin: 0;
	padding: 0;
	position: relative;
}

далее найдите:
.left-sidebar .block-content li a {
	color: #16a085;
	cursor: pointer;
	display: block;
	font-size: 22px;
	padding: 6px 9px 6px 0;
}
замените на:
.left-sidebar .block-content li a {
	color: #16a085;
	cursor: pointer;
	font-size: 22px;
	padding: 6px 9px 6px 0;
}

5. на данный момент у вас отсутствуют подкатегории

#4 galya.bu7

galya.bu7

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

  • Пользователи
  • PipPipPipPip
  • 323 сообщений
  • ГородСмоленск

Отправлено 29 Октябрь 2014 - 14:06

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

1. В main.css найдите:
#contactShow a {
color: #34495e;
}
и добавьте необходимые шрифтовые стили

2.В main.css найдите:
.logo .store_name {
color: #34495e;
display: inline-block;
text-align: center;
width: 100%;
}
и добавьте шрифтовые стили, например:
.logo .store_name {
color: #34495e;
display: inline-block;
font-family: Arial;
font-size: 16px;
text-align: center;
width: 100%;
}

3.В main.css найдите:
#sb-site .left-sidebar .contactsSite {
float: left;
margin-top: 3px;
width: 100%;
}
замените на:
#sb-site .left-sidebar .contactsSite {
border-bottom: 1px solid #ccc;
float: left;
margin-bottom: 10px;
margin-top: 3px;
padding-bottom: 10px;
width: 100%;
}

4.В main.css найдите:
.block-content li {
clear: both;
display: block;
line-height: 155.5%;
list-style-type: none;
margin: 0;
padding: 0;
position: relative;
}
замените на:
.block-content li {
clear: both;
line-height: 155.5%;
list-style: inside none square;
margin: 0;
padding: 0;
position: relative;
}

далее найдите:
.left-sidebar .block-content li a {
color: #16a085;
cursor: pointer;
display: block;
font-size: 22px;
padding: 6px 9px 6px 0;
}
замените на:
.left-sidebar .block-content li a {
color: #16a085;
cursor: pointer;
font-size: 22px;
padding: 6px 9px 6px 0;
}

5. на данный момент у вас отсутствуют подкатегории

Спасибо за помощь! но по 4му пункту вы меня неправильно поняли. мне необходимо категории каталога "отделить друг о т друга", чтобы они не сливались между собой, например проставить точки возле каждой категории (как на скриншоте). По пункту 5 - подкатегории сделала. Мне необходимо, чтобы они развернуто смотрелись в меню, а не после того, как нажмешь на +. И необходимо изменить цвет и стиль первой буквы в подкатегории.

#5 Vaccina

Vaccina

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

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

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

В инструкции по 4 пункту, должны были появиться вместо точек квадраты. можно рамками отделить, в main.css найдите:
.block-content li {
	clear: both;
	display: block;
	line-height: 155.5%;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
}
после него вставьте:
.block-content .accordionMain > li {
	border-bottom: 1px solid #16a085;
}

5. В main.css найдите:
.parent .accordion {
	position: relative;
}
замените на:
.parent .accordion {
	position: relative;
}
.catalogList .parent .accordion {
	display:block !important;
}

6. У подкатегорий первые буквы у вас уже выделены.

#6 galya.bu7

galya.bu7

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

  • Пользователи
  • PipPipPipPip
  • 323 сообщений
  • ГородСмоленск

Отправлено 30 Октябрь 2014 - 14:46

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

В инструкции по 4 пункту, должны были появиться вместо точек квадраты. можно рамками отделить, в main.css найдите:
.block-content li {
clear: both;
display: block;
line-height: 155.5%;
list-style-type: none;
margin: 0;
padding: 0;
position: relative;
}
после него вставьте:
.block-content .accordionMain > li {
border-bottom: 1px solid #16a085;
}

5. В main.css найдите:
.parent .accordion {
position: relative;
}
замените на:
.parent .accordion {
position: relative;
}
.catalogList .parent .accordion {
display:block !important;
}

6. У подкатегорий первые буквы у вас уже выделены.
СПАСИБО ВАМ! извините, что веду две темы параллельно. У меня вопрос появился относительно редактора. Когда я вставляю текст через редактор и изменяю шрифт - в редакторе изменения видны, а на сайте -  нет. как сделать так, чтобы изменения были видны  на сайте?

#7 galya.bu7

galya.bu7

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

  • Пользователи
  • PipPipPipPip
  • 323 сообщений
  • ГородСмоленск

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

СПАСИБО!

1.У меня вопрос появился относительно редактора. Когда я вставляю текст через редактор и изменяю шрифт - в редакторе изменения видны, а на сайте -  нет. как сделать так, чтобы изменения были видны  на сайте?
2. как вместо "новости магазина" оставить просто "новости"?
3. как вместо "каталог товаров" сделать "наши услуги"?


Изображение


Изображение

#8 Vaccina

Vaccina

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

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

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

1.Приведите пожалуйста пример страницы, текст на главной не отредактирован, ему задан только размер шрифта, который на данный момент срабатывает, цветовых и стилевых изменений шрифта не заметила.
2.В шаблоне Список новостей найдите:
<div class="crumbs clr">
<div class="clr"><a href="http://{NET_DOMAIN}/">Главная</a> &raquo; <span class="current fnt12 b">{NEWS_SECTION_NAME}</span></div>
</div>
<div class="contenttext clr">
<h1 class="title">{NEWS_SECTION_NAME}</h1>
</div>
замените на:
<div class="crumbs clr">
<div class="clr"><a href="http://{NET_DOMAIN}/">Главная</a> &raquo; <span class="current fnt12 b">{% IF NEWS_SECTION_NAME=Новости магазина %}Новости{% ELSE %}{NEWS_SECTION_NAME}{% ENDIF %}</span></div>
</div>
<div class="contenttext clr">
<h1 class="title">
{% IF NEWS_SECTION_NAME=Новости магазина %}Новости{% ELSE %}{NEWS_SECTION_NAME}{% ENDIF %}
</h1>
</div>

3. В шаблоне Товары найдите:
<div class="contenttext clr">
<h1 class="title">{CATEGORY_NAME}</h1>
</div>
замените на:
<div class="contenttext clr">
<h1 class="title">
{% IF CATEGORY_NAME=Каталог товаров %}Наши услуги{% ELSE %}{CATEGORY_NAME}{% ENDIF %}
</h1>
</div>

#9 galya.bu7

galya.bu7

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

  • Пользователи
  • PipPipPipPip
  • 323 сообщений
  • ГородСмоленск

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

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

1.Приведите пожалуйста пример страницы, текст на главной не отредактирован, ему задан только размер шрифта, который на данный момент срабатывает, цветовых и стилевых изменений шрифта не заметила.
2.В шаблоне Список новостей найдите:
<div class="crumbs clr">
<div class="clr"><a href="http://{NET_DOMAIN}/">Главная</a> &raquo; <span class="current fnt12 b">{NEWS_SECTION_NAME}</span></div>
</div>
<div class="contenttext clr">
<h1 class="title">{NEWS_SECTION_NAME}</h1>
</div>
замените на:
<div class="crumbs clr">
<div class="clr"><a href="http://{NET_DOMAIN}/">Главная</a> &raquo; <span class="current fnt12 b">{% IF NEWS_SECTION_NAME=Новости магазина %}Новости{% ELSE %}{NEWS_SECTION_NAME}{% ENDIF %}</span></div>
</div>
<div class="contenttext clr">
<h1 class="title">
{% IF NEWS_SECTION_NAME=Новости магазина %}Новости{% ELSE %}{NEWS_SECTION_NAME}{% ENDIF %}
</h1>
</div>

3. В шаблоне Товары найдите:
<div class="contenttext clr">
<h1 class="title">{CATEGORY_NAME}</h1>
</div>
замените на:
<div class="contenttext clr">
<h1 class="title">
{% IF CATEGORY_NAME=Каталог товаров %}Наши услуги{% ELSE %}{CATEGORY_NAME}{% ENDIF %}
</h1>
</div>

СПАСИБО ЗА ПОМОЩЬ! как мне изменить то же самое, только на вкладках браузере отображается "каталог товаров" и "новости магазина", а нужно "наши услуги" и "новости"

Изображение

#10 Danil

Danil

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

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

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

Просмотр сообщенияgalya.bu7 (31 Октябрь 2014 - 14:42) писал:

СПАСИБО ЗА ПОМОЩЬ! на странице "контакты" в таблице с телефонами  http://smolclati.ru/page/Kontakty в редакторе сделаны изменения по стилю и размеру шрифта, но на сайте они не отображаются...
Здравствуйте.
Используйте панель инструментов для редактирование текста.QIP Shot - Screen 023.png

#11 galya.bu7

galya.bu7

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

  • Пользователи
  • PipPipPipPip
  • 323 сообщений
  • ГородСмоленск

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

Я так и делаю. Например станица http://smolclati.ru/...niya-s-othodami В редакторе изменен шрифт и размер стоит 20. Но на сайте этого не отображается. как мне сделать так, чтобы изменения размера в редакторе были видны на сайте???

#12 Ирина345

Ирина345

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

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

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

Просмотр сообщенияgalya.bu7 (02 Ноябрь 2014 - 20:14) писал:

Я так и делаю. Например станица http://smolclati.ru/...niya-s-othodami В редакторе изменен шрифт и размер стоит 20. Но на сайте этого не отображается. как мне сделать так, чтобы изменения размера в редакторе были видны на сайте???
Здравствуйте,
у вас текст заключен в два тега span и на каждом теге есть свой стиль для того что бы размер применялся к тексту зайдите
в редактор страницы и нажмите на панели инструментов кнопку "Источник"  в открывшемся окне найдите
<span style="font-family:arial,helvetica,sans-serif;">
замените на
<span style="font-family:arial,helvetica,sans-serif;font-size:20px;">
данные изменения нужно будет проделать несколько раз
Обратно в Главная


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

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

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