Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

1

Помогите Решить Ряд Задач

Автор Jango Freeman, 04 марта 2015 05:31

Авторизуйтесь для ответа в теме

Сообщений в теме: 13

#1 Jango Freeman

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

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

ГородНевельск

Отправлено 04 Март 2015 - 05:31

Здравствуйте. Аккаунт SL-335016 .

Помогите решить:

1. в названии товара все слова начинаются с Большой буквы, надо исправить это (скрин 1);

2. меню каталога - нужно сделать шрифт слова "Каталог" жирнее и немного больше, остальные пункты изменить цвет и размер. Где это делается? (скрин 2)

3. убрать лишнее расстояние и сделать заливку фона, как у основного (скрин 3)

4. блок новостей перенести из подвала под корзину в левом меню.

5. как удалить блок из подвала (скрин 4)?

6. как сделать подвал ниже и вместо синей заливки использовать свой рисунок (он уже загружен на сайт в редактор footer.png)?

7. на странице товара слишком много белого вокруг фото товара. как его слить с основным фоном? (скрин 5)

8 . также на странице товара, в блоке с условиями доставки и отзывами убрать белый фон и слить его с основным (скрин 6)

Пока все. Заранее благодарю за ответы.

Мир друзья! :-)

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

Наверх

#2 Vaccina

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

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

Отправлено 04 Март 2015 - 07:15

1. В main.css найдите:

.title h4 {
margin-bottom: 3px;
height: 43px;
text-transform: capitalize;
}

замените на:

.title h4 {
margin-bottom: 3px;
height: 43px;
}

2.Заголовку "каталог" уже прописан шрифт, делающий его жирным, для его стилизации найдите и используйте следующий блок стилей:

.catalogList strong a {
color: #34495e;
}

За стили категорий отвечает следующий блок:

.left-sidebar .block-content li a {
display: block;
padding: 6px 9px;
padding-left: 0%;
cursor: pointer;
}

3.В main.css найдите:

.menu-item-slider {
/* max-height: 190px; */
/* min-width: 194px; */
position: relative;
display: block;
padding: 3%;
height: 208px;
cursor: pointer;
}

замените на:

.menu-item-slider {
/* max-height: 190px; */
/* min-width: 194px; */
position: relative;
display: block;
padding: 3%;
cursor: pointer;
}

4.Инструкция по реализации:
http://forum.storela...шаблона-бистро/

5.В main.css добавьте:

.infoSite {
display:none !important;
}

6. В main.css найдите:

#sb-site.wrapper {
position: relative;
z-index: 0;
margin: 0 auto;
min-width: 305px;
min-height: 100%;
height: auto;
background-color: #2C3E50;
}

измените значение background

7.В main.css найдите:

.fullimg {
display: block;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 5% 2%;
min-height: 300px;
max-height: 345px;
border: 1px solid #ECF0F1;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: white;
}

удалите: background: white;

8. В main.css найдите:

.tab-content-block {
float: left;
position: relative;
padding: 1.5%;
width: 96.7%;
border: 1px solid #34495E;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
background: #FFF;
}

удалите background: #FFF;

Наверх

#3 Jango Freeman

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

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

ГородНевельск

Отправлено 04 Март 2015 - 12:39

Вассина, спасибо за помощь. Почти все получилось. Я не силен в программировании, объясните подробнее, пожалуйста.

1. в левом меню, в коде где выбирать цвет и размер шрифта?

2. как сделать рамочку для меню? и если добавить свой рисунок рамки, то как его поставить? (скрин 2)

3. с размерами блока товара на главной все получилось. спасибо. а как вместо белого фона поставить свою картинку? в редакторе она bg.png (скрин 2)

4. также где изменять размер и цвет шрифта в блоке с товаром?

5. блок новостей перенес. но новости не отображаются. там пусто.

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

Это все, что касаемо первой партии вопросов.

Появились новые:

1. как увеличить изображение товара на главной странице?

2. как изменить цвет кнопки "в корзину" с зеленого на темно-коричневый в блоке с товаром на главной? (скрин 2)

3. как сделать темно-коричневую рамку по всему периметру страницы? рамка толщиной 2мм.

4. как вместо темно-синих полос "Новинки", "Хиты продаж", как на скрине 3, добавить свой рисунок по центру этих самых полос?

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

Наверх

#4 Jango Freeman

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

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

ГородНевельск

Отправлено 05 Март 2015 - 10:16

ап

Наверх

#5 Vaccina

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

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

Отправлено 07 Март 2015 - 04:12

1. Блок стилей, отвечающий за категории:

.left-sidebar .block-content li a {
display: block;
padding: 6px 9px;
padding-left: 0%;
cursor: pointer;
}

В нем отсутствуют шрифтовые стиль, но их можно прописать, пример:

.left-sidebar .block-content li a {
display: block;
padding: 6px 9px;
padding-left: 0%;
cursor: pointer;
font-size:14px;
color:#000;
}

2.Немного не понятно, речь идет о первом скрине или же о втором?
3. В main.css найдите:

.menu-item {
	display: inline-block;
	float: none !important;
	margin: 6px;
	position: relative;
	vertical-align: top;
	width: 23%;
}

в него добавьте background со значением, пример:

.menu-item {
	display: inline-block;
	float: none !important;
	margin: 6px;
	position: relative;
	vertical-align: top;
	width: 23%;
	background: url('ссылка на фоновую картинку') repeat left top;
}

4.Уточните пожалуйста для какого текста необходимы изменения? Название товара, краткое описание, цена?
5.В шаблоне HTML найдите и удалите:

										{% IF news_list_articles.index > 4 %} {break} {% ENDIF %}

далее в разделе настройки основные уберите галочку с "Группировать новости в блоке навигации на сайте"

6.В main.css найдите:

.footer {
	background-color: #2c3e50;
	color: white;
	height: auto;
	position: relative;
}

замените на:

.footer {
	background: url('ссылка на картинку') repeat left top;
	color: white;
	height: auto;
	position: relative;
}

--------------

1. В разделе Настройки - Основные увеличьте значение фото товара с 220 на необходимое значение
2. Измените значение background в следующем блоке стилей:

.btn.btn-success {
	background-color: #2ecc71;
}

3.В main.css добавьте:

.middleCenter {
  border-left: 2px solid #000;
  border-right: 2px solid #000;
}

4.Измените значение стиля background в следующем блоке:

.blockIndexPage .contenttext .title {
	background-color: #34495e;
	border-radius: 2px;
	display: block;
	float: left;
	margin-bottom: 10px;
	padding: 8px 1.8% 8px 2%;
	width: 98%;
}

Наверх

#6 Jango Freeman

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

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

ГородНевельск

Отправлено 09 Март 2015 - 12:17

Да, немного невнимателен был, исправляюсь:

1. как сделать рамочку для левого меню, как на скрине 1?

2. вместо белого фона картинка не встала. скрин 2.

3. как изменять размер букв, цвет, шрифт (название, краткое описание, цена) в блоке товара. скрин 2

4. картинка в подвал встала, но на некоторых страницах сайта она двойная. как бы залазиет друг на друга. как исправить?

5. как с подвала полностью убрать синюю ленту и изменить цвет и размер слов в меню подвала?

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

7. как увеличит размер слова "Каталог" в левом меню. скрин 1

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

Наверх

#7 Jango Freeman

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

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

ГородНевельск

Отправлено 10 Март 2015 - 01:53

Вассина, еще добавлю немного...

8. свой рисунок вместо темной-синей полосы на главной (новинки, хиты продаж) я поставил, но он отображается не в полную высоту и смещен. как его выставить по центру этой синей полосы, чтобы отображался во весь рост и слова "Новинки" и "Хиты продаж" были больше и находились в центре этого рисунк?

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

Наверх

#8 Jango Freeman

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

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

ГородНевельск

Отправлено 10 Март 2015 - 02:25

Еще заметил, что блок новостей продублировался. Как убрать верхний?

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

Наверх

#9 Jango Freeman

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

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

ГородНевельск

Отправлено 11 Март 2015 - 00:35

ап

Наверх

#10 RayLi

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

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

Отправлено 11 Март 2015 - 19:47

Jango Freeman (10 Март 2015 - 02:25) писал:

Еще заметил, что блок новостей продублировался. Как убрать верхний?

Здравствуйте.
Если я вас правильно понял, то сделайте следующее:
В шаблоне main.css найдите код:

.column {
display: block;
float: left;
margin: 0 0.5%;
padding: 0.8% 1.1%;
width: 28.5%;
}

И замените его вот этим кодом:

.column {
display: block;
float: left;
margin: 0 0.5%;
padding: 0.8% 1.1%;
width: 28.5%;
display: none;
}

Наверх

#11 Jango Freeman

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

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

ГородНевельск

Отправлено 12 Март 2015 - 00:58

RayLi (11 Март 2015 - 19:47) писал:

Здравствуйте.
Если я вас правильно понял, то сделайте следующее:
В шаблоне main.css найдите код:

.column {
display: block;
float: left;
margin: 0 0.5%;
padding: 0.8% 1.1%;
width: 28.5%;
}

И замените его вот этим кодом:

.column {
display: block;
float: left;
margin: 0 0.5%;
padding: 0.8% 1.1%;
width: 28.5%;
display: none;
}

Спасибо. Получилось.

Наверх

#12 Jango Freeman

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

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

ГородНевельск

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

Jango Freeman (09 Март 2015 - 12:17) писал:

Да, немного невнимателен был, исправляюсь:

1. как сделать рамочку для левого меню, как на скрине 1?

2. вместо белого фона картинка не встала. скрин 2.

3. как изменять размер букв, цвет, шрифт (название, краткое описание, цена) в блоке товара. скрин 2

4. картинка в подвал встала, но на некоторых страницах сайта она двойная. как бы залазиет друг на друга. как исправить?

5. как с подвала полностью убрать синюю ленту и изменить цвет и размер слов в меню подвала?

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

7. как увеличит размер слова "Каталог" в левом меню. скрин 1

Jango Freeman (10 Март 2015 - 01:53) писал:

Вассина, еще добавлю немного...

8. свой рисунок вместо темной-синей полосы на главной (новинки, хиты продаж) я поставил, но он отображается не в полную высоту и смещен. как его выставить по центру этой синей полосы, чтобы отображался во весь рост и слова "Новинки" и "Хиты продаж" были больше и находились в центре этого рисунк?

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

Ребят, помогите с задачами. Скоро сайт запускать, а пока ничего не готово.

Наверх

#13 Jango Freeman

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

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

ГородНевельск

Отправлено 17 Март 2015 - 15:01

ап ап ап ребята! помогите, а!

Наверх

#14 Vaccina

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

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

Отправлено 04 Апрель 2015 - 05:13

1. В main.css найдите:

.catalogList {
margin-bottom: 20px;
}

замените на:

.catalogList {
border: 5px solid #36485d;
clear: both;
margin-bottom: 20px;
padding: 10px;
}

4. Пришлите пожалуйста одну ссылку, где можно пронаблюдать данную проблему.
6. В main.css найдите примерно следующий блок:

.menu-item {
background: url("http://design.ironkabis-65.ru/bg.png") repeat;
border-radius: 25px;
display: inline-block;
float: none !important;
margin: 6px;
position: relative;
vertical-align: top;
width: 23%;
}

замените на:

.menu-item {
background: url("http://design.ironkabis-65.ru/bg.png") repeat;
border-radius: 25px;
display: inline-block;
float: none !important;
margin: 6px;
position: relative;
vertical-align: top;
width: 31%;
}

далее найдите:

.menu-item-box {
background: url("http://design.ironkabis-65.ru/bg.png") repeat;
border: 1px solid #bdc3c7;
border-radius: 2px;
display: block;
float: left;
min-height: 327px;
position: relative;
width: 194px;
}

замените на:

.menu-item-box {
background: url("http://design.ironkabis-65.ru/bg.png") repeat;
border: 1px solid #bdc3c7;
border-radius: 2px;
display: block;
float: left;
min-height: 327px;
position: relative;
width: 100%;
}

7. В main.css найдите:

.block-title {
font-family: "Oswald";
font-size: 20px;
font-weight: 400;
line-height: 125%;
margin-bottom: 5px;
text-transform: uppercase;
}

после него пропишите:

.block-title span {
font-size: 20px !important;
}

8.На данный момент рисунка не наблюдаю на данных заголовках, чтобы увеличить и отцентрировать данные заголовки в main.css найдите:

.blockIndexPage .contenttext .title {
background-color: #34495e;
border-radius: 2px;
display: block;
float: left;
margin-bottom: 10px;
padding: 8px 1.8% 8px 2%;
width: 98%;
}
.blockIndexPage .contenttext .title a {
color: white;
font-size: 90%;
line-height: 125%;
padding-left: 1.6%;
}

замените на:

.blockIndexPage .contenttext .title {
background-color: #34495e;
border-radius: 2px;
display: block;
float: left;
margin-bottom: 10px;
padding: 8px 1.8% 8px 2%;
text-align: center;
width: 98%;
}
.blockIndexPage .contenttext .title a {
color: white;
font-size: 22px;
line-height: 22px;
}

Остальные, не отвеченные мною вопросы, не актуальны, так как заметила, что они реализованы?