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


Изменения Вида Шаблона "весна"


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

#1 Antsupov Vyacheslav

Antsupov Vyacheslav

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

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

Отправлено 17 Декабрь 2014 - 11:26

Безымянный.png 1) как логотип переместить на верхнюю шапку
2) как увеличить размер слайда в ширину. Сейчас у меня он узки, не помню как это сделал, но обратно вернут не могу)
3) как убрать корзину в шапку ( и кстати исчезла надпись над корзиной "Положить в корзину"
4) Как приподнять слайд ( после смещения логотипа и корзины у меня будет пространство, хотелось бы его убрать)
5) После того как логотип и корзина переместятся в шапку, наверно надо увеличить размер шапки? если да, то как?
Аккаунт SL- 323231
сайт - http://d58796.storeland.ru/

Да, забыл уточнить. При перемещения логотипа и корзину в шапку, её надо же будет увелить в размере? Если, да, то сразу вопрос. Как?)

    Безымянный.png

#2 RayLi

RayLi

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

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

Отправлено 17 Декабрь 2014 - 12:36

Просмотр сообщенияAntsupov Vyacheslav (17 Декабрь 2014 - 11:26) писал:

Прикрепленный файл Безымянный.png1) как логотип переместить на верхнюю шапку
2) как увеличить размер слайда в ширину. Сейчас у меня он узки, не помню как это сделал, но обратно вернут не могу)
3) как убрать корзину в шапку ( и кстати исчезла надпись над корзиной "Положить в корзину"
4) Как приподнять слайд ( после смещения логотипа и корзины у меня будет пространство, хотелось бы его убрать)
5) После того как логотип и корзина переместятся в шапку, наверно надо увеличить размер шапки? если да, то как?
Аккаунт SL- 323231
сайт - http://d58796.storeland.ru/

Да, забыл уточнить. При перемещения логотипа и корзину в шапку, её надо же будет увелить в размере? Если, да, то сразу вопрос. Как?)

Прикрепленный файл Безымянный.png
Здравствуйте.
В шаблоне main.css найдите следующие коды:
1. Найдите первый код:
#header_colapse {
position: relative;
background-color: #7FFF00;
color: #DC143C;
z-index: 1000;
}
И заменит его вот этим кодом:
#header_colapse {
/* position: relative; */
background-color: #7FFF00;
color: #DC143C;
}
2. Найдите второй код:
#header #logo {
float: left;
clear: both;
margin: 12px 12px 12px 0;
}
И замените его этим кодом:
#header #logo {
float: left;
clear: both;
margin: 12px 12px 12px 0;
margin-top: -115px;
z-index: 999999;
}
3. Найдите третий код:
#header #cart .heading {
float: right;
margin-top: 15px;
padding-left: 14px;
padding-right: 46px;
position: relative;
z-index: 1;
}
И замените его:
#header #cart .heading {
float: right;
margin-top: -80px;
padding-left: 14px;
padding-right: 46px;
position: relative;
z-index: 1;
margin-right: -25px;
}
4. Найдите четвёртый код:
#module_area {
width: 100%;
text-align: center;
padding: 5px 0;
}
И замените его вот этим кодом:
#module_area {
width: 105.5%;
text-align: center;
padding: 5px 0;
margin-left: -35px;
}

Размер шапки увеличивается за счёт кода в шаблоне main.css :
#header_colapse {
position: relative;
background-color: #7FFF00;
color: #DC143C;
z-index: 1000;
}
Который вы должны заменить на вот этот:
#header_colapse {
position: relative;
background-color: #7FFF00;
color: #DC143C;
z-index: 1000;
height: 100px;
}


#3 Antsupov Vyacheslav

Antsupov Vyacheslav

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

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

Отправлено 17 Декабрь 2014 - 13:03

Всё прописал и случилось нечто

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

  • Безымянный.png


#4 RayLi

RayLi

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

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

Отправлено 17 Декабрь 2014 - 13:15

Просмотр сообщенияAntsupov Vyacheslav (17 Декабрь 2014 - 13:03) писал:

Всё прописал и случилось нечто
У вас допущена ошибка в коде, в шаблоне main.css .
Повторите заново выше изложенную инструкцию.

#5 Antsupov Vyacheslav

Antsupov Vyacheslav

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

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

Отправлено 17 Декабрь 2014 - 14:40

RayLi,Спасибо, всё получилось!

Остались вопросики
1) где, название магазина, там будет логотип. Как сделать так, чтобы логотип сместился вниз, а надпись добро пожаловать так и осталась там?
2) как изменить надпись ДОБРОЙ ПОЖАЛОВАТЬСЯ НА САЙТ
3) как приспустить корзину с надписью "Ваши покупки"
4) как убрать красную линию на зелёной шапке сверху

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

  • Безымянный.jpg


#6 RayLi

RayLi

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

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

Отправлено 17 Декабрь 2014 - 14:57

Просмотр сообщенияAntsupov Vyacheslav (17 Декабрь 2014 - 14:40) писал:

RayLi,Спасибо, всё получилось!

Остались вопросики
1) где, название магазина, там будет логотип. Как сделать так, чтобы логотип сместился вниз, а надпись добро пожаловать так и осталась там?
2) как изменить надпись ДОБРОЙ ПОЖАЛОВАТЬСЯ НА САЙТ
3) как приспустить корзину с надписью "Ваши покупки"
4) как убрать красную линию на зелёной шапке сверху
В шаблоне main.css найдите код:
#header_colapse {
/* position: relative; */
background-color: #7FFF00;
color: #DC143C;
}
И замените его:
#header_colapse {
/* position: relative; */
background-color: #7FFF00;
color: #DC143C;
height: 110px;
margin-top: -3px;
}
Изменить надпись ДОБРОЙ ПОЖАЛОВАТЬСЯ НА САЙТ можно в шаблоне html в данной строке кода:
 <div id="welcome"><a href="http://{NET_DOMAIN}/">Добро пожаловать на сайт!</a></div>


#7 Antsupov Vyacheslav

Antsupov Vyacheslav

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

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

Отправлено 17 Декабрь 2014 - 15:49

Cпасибо! всё получилось!

Сейчас другая проблема) как спустить квадратик ну или вообще его убрать.

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

  • Безымянный.png


#8 MikDark

MikDark

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

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

Отправлено 17 Декабрь 2014 - 16:07

Просмотр сообщенияAntsupov Vyacheslav (17 Декабрь 2014 - 15:49) писал:

Cпасибо! всё получилось!

Сейчас другая проблема) как спустить квадратик ну или вообще его убрать.

В main.css найдите код:
.toggler {
position: absolute;
display: block;
width: 25px;
height: 22px;
background-color: #ff0551;
bottom: -22px;
left: 0;
text-indent: -9999px;
cursor: pointer;
z-index: 1000;
}

и замените на:
.toggler {
position: absolute;
display: none;
width: 25px;
height: 22px;
background-color: #ff0551;
bottom: -22px;
left: 0;
text-indent: -9999px;
cursor: pointer;
z-index: 1000;
}


#9 Antsupov Vyacheslav

Antsupov Vyacheslav

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

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

Отправлено 17 Декабрь 2014 - 16:36


MikDark, Спасибо! Всё получилось.


#10 Antsupov Vyacheslav

Antsupov Vyacheslav

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

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

Отправлено 17 Декабрь 2014 - 16:41

1) Ребят, как вообще установить фон на своей странице.

2)Ребят, как сюда поставить фон, чтобы не было никаких переходов и разрывов. Фон использовать буду с форматом jpg

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

  • Безымянный.png


#11 MikDark

MikDark

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

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

Отправлено 17 Декабрь 2014 - 18:12

Просмотр сообщенияAntsupov Vyacheslav (17 Декабрь 2014 - 16:41) писал:

1) Ребят, как вообще установить фон на своей странице.

2)Ребят, как сюда поставить фон, чтобы не было никаких переходов и разрывов. Фон использовать буду с форматом jpg

Ответили Вам в теме http://forum.storela...а-шаблон-весна/

#12 Antsupov Vyacheslav

Antsupov Vyacheslav

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

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

Отправлено 19 Декабрь 2014 - 13:00

1)Хочу вставить в пространство ( как показано на скрине взятое в розовый контур) - картинку или текстуру
2) А как потом выравнить картинку так, чтобы она была цельная, а не вырезанная.

чтобы наушники ровно в этом розовом контуре находились

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

  • Безымянный.png
  • fonstola.ru-47816.jpg


#13 Alekseys

Alekseys

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

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

Отправлено 19 Декабрь 2014 - 13:05

Просмотр сообщенияAntsupov Vyacheslav (19 Декабрь 2014 - 13:00) писал:

1)Хочу вставить в пространство ( как показано на скрине взятое в розовый контур) - картинку или текстуру
2) А как потом выравнить картинку так, чтобы она была цельная, а не вырезанная.

чтобы наушники ровно в этом розовом контуре находились
Здравствуйте. Уточните пожалуйста, Вам требуется убрать белую заливку?

#14 Antsupov Vyacheslav

Antsupov Vyacheslav

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

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

Отправлено 19 Декабрь 2014 - 13:49

Да, убрать заливку и вместе неё вставить картинку ( наушники), чтобы она ровно встала по центру без перекосов.

#15 Alekseys

Alekseys

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

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

Отправлено 19 Декабрь 2014 - 14:02

Просмотр сообщенияAntsupov Vyacheslav (19 Декабрь 2014 - 13:49) писал:

Да, убрать заливку и вместе неё вставить картинку ( наушники), чтобы она ровно встала по центру без перекосов.
В main.css замените
#content .box .box-content {
border-bottom: 4px solid #e1e1e1;
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
padding: 20px 10px;
background-color: #ffffff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
margin-bottom: 5px;
border: solid 1px #e1e1e1\0/;
position: relative;
}
на
#content .box .box-content {
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
padding: 20px 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
margin-bottom: 5px;
border: solid 1px #e1e1e1\0/;
position: relative;
}
затем
#column-left + #content {
margin-left: 235px;
}
замените на
#column-left + #content {
margin-left: 235px;
background: url("{ASSETS_IMAGES_PATH}картинка");
}
заменив слово картинка на название изображения, и загрузив это изображение в Редакторе шаблонов.

#16 Antsupov Vyacheslav

Antsupov Vyacheslav

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

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

Отправлено 19 Декабрь 2014 - 14:07

что-то не так..

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

  • Безымянный.png


#17 Ирина345

Ирина345

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

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

Отправлено 19 Декабрь 2014 - 14:32

Просмотр сообщенияAntsupov Vyacheslav (19 Декабрь 2014 - 14:07) писал:

что-то не так..
Здравствуйте,
найдите в main.css
#column-left + #content {
margin-left: 235px;
background: url("{ASSETS_IMAGES_PATH}Nayshniki.jpg");
}
замените на


#column-left + #content {
margin-left: 235px;
background: url("{ASSETS_IMAGES_PATH}Nayshniki.jpg");
background-size: 100%;
}



#18 Antsupov Vyacheslav

Antsupov Vyacheslav

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

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

Отправлено 19 Декабрь 2014 - 14:54

всё получилось, но можно ли картинку расположить до краёв?

как на заданном зелёном контуре

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

  • Безымянный.png


#19 Ирина345

Ирина345

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

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

Отправлено 19 Декабрь 2014 - 15:17

Просмотр сообщенияAntsupov Vyacheslav (19 Декабрь 2014 - 14:54) писал:

всё получилось, но можно ли картинку расположить до краёв?

как на заданном зелёном контуре
Попробуйте такой вариант,
перед внесением изменений создайте бекап шаблона.
найдите в main.css
.inner {margin:0 auto;width:1200px;padding:0;clear:both;background-color:#ffffff;box-sizing: border-box;}

замените на
.inner {margin:0 auto;width:1200px;padding:0;clear:both;background: url("{ASSETS_IMAGES_PATH}semya.jpg");background-size: 100%;box-sizing: border-box;}


далее найдите
#column-left + #content {
margin-left: 235px;
background: url("{ASSETS_IMAGES_PATH}semya.jpg");
background-size: 100%;
}
замените на


#column-left + #content {
margin-left: 235px;
}



#20 Antsupov Vyacheslav

Antsupov Vyacheslav

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

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

Отправлено 19 Декабрь 2014 - 15:22

великолепно!!!
Ирина, спасибо!)




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

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