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


Помогите С Дизайном Новичку, Ничего Не Знаю, Делаю Первые Шаги

Дизайн об

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

#41 MikDark

MikDark

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

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

Отправлено 07 Апрель 2014 - 09:40

Просмотр сообщенияDen1922 (07 Апрель 2014 - 09:20) писал:

Здравствуйте!
Нет, так не задумано, это меню почему то на всех страницах съехало в самый низ, а должно бытьПрикрепленный файл 1.jpgПрикрепленный файл 2.jpg так же и при заходе в сам товар.

на картинке № 2, я забыл его вставить на пустое место слева

В style.css замените
.two-third{width:100%;float:right; margin: 0;}

на

.two-third{width:930px;float:right}

Какие еще вопросы остались?

#42 Den1922

Den1922

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

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

Отправлено 07 Апрель 2014 - 09:52

Не помогло((((((((((( Жду Вашей помощи!

#43 MikDark

MikDark

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

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

Отправлено 07 Апрель 2014 - 09:54

Просмотр сообщенияDen1922 (07 Апрель 2014 - 09:52) писал:

Не помогло((((((((((( Жду Вашей помощи!

Поменяйте там 930px на 665px

#44 Den1922

Den1922

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

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

Отправлено 07 Апрель 2014 - 10:10

Это конечно сработало, но изменение задело и главную страницу1.jpg , я вернул все на место, поставив снова 930px.
Как сделать это изменение, было везде кроме главной страницы!
Жду Ваших рекомендаций!

#45 MikDark

MikDark

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

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

Отправлено 07 Апрель 2014 - 10:28

Просмотр сообщенияDen1922 (07 Апрель 2014 - 10:10) писал:

Это конечно сработало, но изменение задело и главную страницуПрикрепленный файл 1.jpg, я вернул все на место, поставив снова 930px.
Как сделать это изменение, было везде кроме главной страницы!
Жду Ваших рекомендаций!

Поставьте 665px, в шаблоне HTML найдите строку
<div class="column two-third">

и замените на:
<div class="column two-third" {% IF index_page %}style="width:100%;"{% ENDIF %}>


#46 Den1922

Den1922

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

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

Отправлено 07 Апрель 2014 - 11:03

Получилось! Спасибо большое!
Как всегда получилось с погрешностями)))
1. Как выровнить теперь на главной по границам сайта 1.jpg
2. Как выровнять в каталоге как на картинке 2.jpg
3. Как выровнять внутри категории как на картинке 3.jpg
4. Как выровнить внутри товара 4.jpg

#47 MikDark

MikDark

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

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

Отправлено 07 Апрель 2014 - 11:14

Просмотр сообщенияDen1922 (07 Апрель 2014 - 11:03) писал:

Получилось! Спасибо большое!
Как всегда получилось с погрешностями)))
1. Как выровнить теперь на главной по границам сайта Прикрепленный файл 1.jpg
2. Как выровнять в каталоге как на картинке Прикрепленный файл 2.jpg
3. Как выровнять внутри категории как на картинке Прикрепленный файл 3.jpg
4. Как выровнить внутри товара Прикрепленный файл 4.jpg

1) Найдите в style.css код:
.column, .columns {
float: left;
margin: 0 15px;
}

и удалите строчку margin: 0 15px;

2) two-third{width:665px;float:right}

поставьте 666px
3) В style.css найдите код:
#category_view_type.grid_view #product_list li {
display: inline-block;
display: -moz-inline-stack;
position: relative;
width: 200px;
min-height: 250px;
margin: 0 15px;
padding: 0;
border: 0;
vertical-align: top;
text-align: center;
z-index: 100;
}


и замените на:

#category_view_type.grid_view #product_list li {
display: inline-block;
display: -moz-inline-stack;
position: relative;
width: 200px;
min-height: 250px;
margin: 0 14px;
padding: 0;
border: 0;
vertical-align: top;
text-align: center;
z-index: 100;
}


4) Должно выровняться после изменений выше

#48 Den1922

Den1922

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

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

Отправлено 07 Апрель 2014 - 11:53

Все супер)))))))))) Огромное спасибо!
Хочу попробовать вариант изменения меню каталога, помогите поменять. на такой вид 1.jpg

#49 MikDark

MikDark

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

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

Отправлено 07 Апрель 2014 - 12:11

Просмотр сообщенияDen1922 (07 Апрель 2014 - 11:53) писал:

Все супер)))))))))) Огромное спасибо!
Хочу попробовать вариант изменения меню каталога, помогите поменять. на такой вид Прикрепленный файл 1.jpg

Сначала стоит сделать бэкап. Далее нужно редактировать style.css. Ищем
.block2 {
margin-bottom: 20px;
background: #fff;
border-left: 1px solid #efefef;
border-right: 1px solid #efefef;
float: left;
position: relative;
width: 210px;
}

меняем на:
.block2 {
margin-bottom: 20px;
float: left;
position: relative;
width: 210px;
}

этот код:
.block2 .block-title {
padding: 6px 18px;
color: #40383b;
text-transform: uppercase;
background: #fff;
border: 1px solid #c0c0c0;
position: relative;
display: block;
}

меняем на:
.block2 .block-title {
padding: 6px 0px;
color: #40383b;
text-transform: uppercase;
position: relative;
display: block;
}

Код:
.block2 .block-content {
padding: 14px 18px;
color: #727272;
border-top: 0px;
border-bottom: 1px solid #E9E9E9;
background: #fff;
border: 1px solid #c0c0c0;
position: relative;
display: block;
}

меняем на:
.block2 .block-content {
padding: 14px 0px;
color: #727272;
border-top: 0px;
position: relative;
display: block;
}

и код:
.accordion li {
background: #fff;
cursor: pointer;
list-style-type: none;
padding: 0;
margin: 0;
display: block;
width: 100%;
display: block;
position: relative;
clear: both;
}

меняем на
.accordion li {
cursor: pointer;
list-style-type: none;
padding: 0;
margin: 0;
display: block;
width: 100%;
display: block;
position: relative;
clear: both;
}


#50 Den1922

Den1922

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

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

Отправлено 07 Апрель 2014 - 12:29

Не понял, что значит сделать бэкап? Вернуть все в первоначальный вид? Вся предыдущая работа на смарку?
Можете объяснить что это такое, бэкап и останется после него все что уже сделанно. Пока не буду делать, боюсь, жду вашего ответа)

#51 empty9228

empty9228

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

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

Отправлено 07 Апрель 2014 - 12:39

Здравствуйте, бэкап это создание резервной копии(сохранение дизайна шаблона), зайдите сайт - редактор шаблонов, внизу страницы кнопка "Создать бэкап шаблона", еще ниже список резервных копий вашего дизайна сайта по датам. Вы можете восстановить(загрузить) бэкап или сохранить к себе на компьютер.

#52 Den1922

Den1922

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

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

Отправлено 07 Апрель 2014 - 13:15

Я правильно понял, что по сути бэкап это сохранение?
Спасибо за советы, все получилось)))))))))))))))))))
Ещё несколько вопросов
1.jpg

#53 MikDark

MikDark

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

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

Отправлено 07 Апрель 2014 - 13:21

Просмотр сообщенияDen1922 (07 Апрель 2014 - 13:15) писал:

Я правильно понял, что по сути бэкап это сохранение?
Спасибо за советы, все получилось)))))))))))))))))))
Ещё несколько вопросов
Прикрепленный файл 1.jpg

Да, бэкап - это сохранение.
Найдите там же код:
.block2 .block-title {
padding: 6px 0px;
color: #40383b;
text-transform: uppercase;
position: relative;
display: block;
}

и замените на:
.block2 .block-title {
padding: 3px 0px 6px 0px;
color: #40383b;
text-transform: uppercase;
position: relative;
display: block;
}

поиграйтесь с параметром 3px чтобы выровнять.

2) Лучше просто загружать картинки одинаковых пропорций. Можно уменьшать/увеличивать с помощью кода, но тогда либо придется обрезать часть изображений, либо наоборот растягивать.

#54 empty9228

empty9228

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

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

Отправлено 07 Апрель 2014 - 13:22

Найдите в файле main.css код
1.
.block2 {
margin-bottom: 20px;
float: left;
position: relative;
width: 210px;
}
замените его на
.block2 {
margin-bottom: 20px;
float: left;
position: relative;
width: 210px;
bottom: 4px;
}

2.
Загрузите изображение магнита с таким же разрешением, как и другие изображения, т.е. 189x199

#55 Den1922

Den1922

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

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

Отправлено 07 Апрель 2014 - 15:36

Спасибо, все получилось!
Я не понял, а для чего нужен был этот код?
Найдите в файле main.css код
1.

.block2 {
margin-bottom: 20px;
float: left;
position: relative;
width: 210px;
}
замените его на

.block2 {
margin-bottom: 20px;
float: left;
position: relative;
width: 210px;
bottom: 4px;
}

#56 empty9228

empty9228

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

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

Отправлено 07 Апрель 2014 - 16:18

В новом коде есть новое правило bottom: 4px;, которое делает отступ блока каталога снизу на 4 пикселя.

#57 Den1922

Den1922

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

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

Отправлено 07 Апрель 2014 - 16:34

Спасибо!
Помогите со следующими вопросами:
Как сделать страницу контакты обычного вида, чтобы вписать все данные и реквизиты, а так же вставить гугл карту?
1.jpg
Как изменить и уменьшить низ зайта 2.jpg

#58 Ирина345

Ирина345

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

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

Отправлено 07 Апрель 2014 - 17:33

Здравствуйте, чтобы сделать фон как на сайте, Вам нужно найти в файле css код
#footer-top {
clear: both;
   
background: #2a2a2a;
   
border-bottom: 1px solid #171717;
}#footer-bottom {
background: #2a2a2a;
	border-top: 1px solid #363636;
  padding: 15px 0;
  color: #a0a0a0;
   font-size: 11px;
}
#footer-fluid {
background: #3c3c3c;
}
#footer-center {
border-top: 1px solid #464646;   
border-bottom: 1px solid #171717;   
padding-bottom: 30px;
}
заменить на
#footer-top {
clear: both;   
background: #f2f2f2;   
border-bottom: 1px solid #f2f2f2;
}
#footer-bottom {
background: #f2f2f2;
border-top: 1px solid #f2f2f2;
padding: 15px 0;
color: #a0a0a0;
font-size: 11px;
}
#footer-fluid {
background: #f2f2f2;
}
#footer-center {
border-top: 1px solid #f2f2f2;   
border-bottom: 1px solid #f2f2f2;
   padding-bottom: 30px;
}


#59 Ирина345

Ирина345

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

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

Отправлено 07 Апрель 2014 - 18:51

Чтобы поменять надпись, нужно зайти в Редактор шаблонов -> Связь с администрацией, найти строчку
<p> <a href="http://{NET_DOMAIN}/">Главная</a> » <span class="current">Связь с администрацией</span>
</p>
и изменить текст Связь с администрацией на Контакты

#60 Den1922

Den1922

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

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

Отправлено 07 Апрель 2014 - 20:54

Спасибо за ответы!
Помогите по следующим вопросам:
1.Подскажите как сделать внизу меню как и на верху один в один зеркально 1.jpg
2.Как скопонавать низ сайта, чтобы выглядело компактно и красиво?2.jpg
3.Как скомпоновать две панели в меню регистрации 3.jpg может просто сделать эти панельки по уже?
4.Как изменить страницу контакты, как на картинке, удалить то что сейчас на ней и сделать примерно такого вида  4.jpg




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

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