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


Изменения Шапки Сайта


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

#21 MikDark

MikDark

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

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

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

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

Здравствуйте! Можно-ли сделать правее логотива надпись МАГАЗИН САНТЕХНИКИ:

Вам нужно найти в шаблоне HTML код:
<div id="logo"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}header-logo33.png" title="" alt=""></a></div>

и после него добавить:
<div id="shopname">МАГАЗИН <span>САНТЕХНИКИ</span></div>

Далее в main.css добавьте:
#shopname {
float:left;
color: #fff;
font-size: 26px;
}


#22 Cybernetic

Cybernetic

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

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

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

Надпись появилась, но не там, где хотелось-бы, как её сдвинуть?

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

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


#23 MikDark

MikDark

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

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

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

Просмотр сообщенияCybernetic (18 Апрель 2014 - 08:06) писал:

Надпись появилась, но не там, где хотелось-бы, как её сдвинуть?

код:
#shopname {
float:left;
color: #fff;
font-size: 26px;
}

замените на:
#shopname {
float:left;
color: #fff;
font-size: 26px;
margin: 50px 0 0 84px;
}

font-size отвечает за размер шрифта

#24 Cybernetic

Cybernetic

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

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

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

Надпись сдвинулась как надо! А что добавить, что-бы шрифт стал жирным?

#25 MikDark

MikDark

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

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

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

Просмотр сообщенияCybernetic (18 Апрель 2014 - 08:28) писал:

Надпись сдвинулась как надо! А что добавить, что-бы шрифт стал жирным?

Добавьте там между скобок строчку: font-weight:bold;

#26 Cybernetic

Cybernetic

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

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

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

Огромное спасибо!!!

#27 Cybernetic

Cybernetic

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

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

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

Здравствуйте! Скажите пожалуйста, как сделать ещё одну надпись в шапке, как на картинке:

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

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


#28 MikDark

MikDark

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

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

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

Просмотр сообщенияCybernetic (28 Апрель 2014 - 13:41) писал:

Здравствуйте! Скажите пожалуйста, как сделать ещё одну надпись в шапке, как на картинке:

В шаблоне HTML найдите код:
<div id="shopname">МАГАЗИН <span>САНТЕХНИКИ</span></div>

и замените на:
<div id="shopname"><div class="shopaddress">Екатеринбург, Челябинск</div>МАГАЗИН <span>САНТЕХНИКИ</span></div>

Как сделаете, ответьте, нужно будет стили настроить.

#29 Cybernetic

Cybernetic

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

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

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

Сделал, да, надо стили этой надписи настроить. Стили надписи "Магазин сантехники" желательно не менять, а надпись "Екатеринбург, Челябинск" сделать меняемой (главное размер шрифта уменьшить и, возможно повыше сделать)

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

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


#30 daria_dnk

daria_dnk

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

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

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

Просмотр сообщенияCybernetic (28 Апрель 2014 - 16:53) писал:

Сделал, да, надо стили этой надписи настроить. Стили надписи "Магазин сантехники" желательно не менять, а надпись "Екатеринбург, Челябинск" сделать меняемой (главное размер шрифта уменьшить и, возможно повыше сделать)
Здравствуйте!
В шаблоне main.css в конце файла добавьте код
.shopaddress
{
font-size:20px;
padding-bottom:10px;
}

font-size - отвечает за размер названий городов
padding-bottom - задает расстояние от названий городов до названия магазина.

#31 s-eye

s-eye

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

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

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

Добрый день.
Помогите
1. Переместить контакты ниже и правее (увеличить расстояние от логотипа). И как увеличить меж строчный интервал между телефоном и временем работы.

2. Увеличить шрифт и сделать жирным.

3. Убрать вообще вывод товаров списком, только чтоб всегда был таблицей.

Аккаунт SL-284124
Безымянный.png

#32 lew

lew

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

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

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

Цитата

1
в файле style.css
найдите код (примерно строка 840-850)
.contacts { font-size: 18px;}
замените на этот код
.contacts {
font-size: 18px;
margin-top: 30px;
margin-left: 27%;
}

Цитата

2
в том же файле найдите код (примерно строка 180-190)
#megamenu li .root_link { color: #666666; text-transform: uppercase; font-size: 11px; text-decoration: none; }
замените на этот
#megamenu li .root_link {
color: #666666;
text-transform: uppercase;
font-size: 12px;
text-decoration: none;
font-weight: 900;
}

Цитата

3
в том же файле найдите код (примерно строка 170-180)
#category_view_changer .list_view {display: block; float: left; height: 32px; width: 32px; background: url('http://design.vid61.ru/list_view.png') no-repeat; margin: 4px 8px 2px 2px; }
замените на этот
#category_view_changer .list_view {
display: none;
float: left;
height: 32px;
width: 32px;
background: url('http://design.vid61.ru/list_view.png') no-repeat;
margin: 4px 8px 2px 2px;
}


#33 s-eye

s-eye

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

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

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

благодарю, получилось

#34 Cybernetic

Cybernetic

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

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

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


daria_dnk спасибо! получилось!


#35 aoriya

aoriya

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

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

Отправлено 10 Май 2014 - 13:48

Здравствуйте.
Скажите пожалуйста, как вместо красного фона в шапке (где слоган, поиск и номер телефона)  сделать фоновую картинку?
Спасибо

#36 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 10 Май 2014 - 13:54

Просмотр сообщенияaoriya (10 Май 2014 - 13:48) писал:

Здравствуйте.
Скажите пожалуйста, как вместо красного фона в шапке (где слоган, поиск и номер телефона)  сделать фоновую картинку?
Спасибо

Здравствуйте,
В файле "main.css".
Найти:
#header_colapse {
position: relative;
background-color: #ff0551;
color: #ffffff;
z-index: 1000;
}

Заменить:
#header_colapse {
position: relative;
background: url('{ASSETS_IMAGES_PATH}bg.png') no-repeat;
color: #ffffff;
z-index: 1000;
}

bg.png название вашего фона которое необходимо загрузить через Сайт - Редактор шаблонов - Добавить файлы.

#37 aoriya

aoriya

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

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

Отправлено 13 Май 2014 - 00:03

Благодарю, отлично получилось!
Скажите, а можно отцентровать надпись-слоган в шапке сайта (в полоске) по высоте? Сейчас она смещена ближе к верхнему краю
Спасибо

#38 Vaccina

Vaccina

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

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

Отправлено 13 Май 2014 - 01:47

В main.css найдите:
#header #welcome {
	font-family: 'Ubuntu Condensed';
	font-size: 25px;
	padding-top: 10px;
	position: relative;
}
увеличьте значение стиля padding-top(отступ от верхнего края) до необходимого

#39 Cybernetic

Cybernetic

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

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

Отправлено 10 Июнь 2014 - 12:37

Здравствуйте. Помогите пожалуйста:
1. Переместить блок корзины на главной странице выше
2. На место блока корзины поместить PNG рисунок.

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

  • 2.jpg


#40 Ирина345

Ирина345

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

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

Отправлено 10 Июнь 2014 - 15:18

Просмотр сообщенияCybernetic (10 Июнь 2014 - 12:37) писал:

Здравствуйте. Помогите пожалуйста:
1. Переместить блок корзины на главной странице выше
2. На место блока корзины поместить PNG рисунок.
Здравствуйте,
1. находим в main.css
#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:-43px;padding-left: 14px;padding-right: 46px;position: relative;z-index: 1;}
2.находим в HTML
и перед строчками
 <div class="content">
			  <div class="empty">Ваша корзина покупок пуста!</div>
			</div>
ставим
<div> <img src="{ASSETS_IMAGES_PATH}имя вашей картинки.png"></div>





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

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