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


Изменить Шапку


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

#1 price.cool

price.cool

    Новичок

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

Отправлено 16 Июль 2012 - 09:41

Добрый день! Помогите пожалуйста, поставила свой логотип,и все сдвинулось, как подвинуть логотип влево,меню сдвинуть немного вниз,подвинуть режим работы?и кнопки отображаются только при наведении,как исправить? сайт www.coolprice.storeland.ru.
Заранее спасибо :)

#2 Vaccina

Vaccina

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

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

Отправлено 17 Июль 2012 - 05:45

Изменить положение логотипа не получиться, так как он у вас вставлен в изображении. Вам необходимо изменить само изображение, т.е перенести в изображении логотип.

Так же в файл стилей main.css раздела редактора тем - добавьте

#header {
  height: 200px;
}

Далее там же найдите

#logo {
	height: 50px;
}

и замените на

#logo {
	height: 160px;
}

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

#mainmenu li a {
	background: url("http://img.storeland.ru/web/upload/assets/images/114/113227/tm_link_border.gif") no-repeat scroll right top transparent;
	color: #FFFFFF;
	display: block;
	float: left;
	font: bold 12px/40px Helvetica,Tahoma,Arial,sans-serif;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
	text-transform: uppercase;
}

и замените на

#mainmenu li a {
	background: url("http://img.storeland.ru/web/upload/assets/images/114/113227/tm_link_border.gif") repeat scroll right bottom transparent;
	color: #FFFFFF;
	display: block;
	float: left;
	font: bold 12px/40px Helvetica,Tahoma,Arial,sans-serif;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
	text-transform: uppercase;
}


#3 price.cool

price.cool

    Новичок

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

Отправлено 18 Июль 2012 - 09:49

Огромное спасибо :) кнопки теперь отображаются. Изменить изображение, т.е. в фотошопе изменить файл header_page_without_logo.png ?вставить туда свой логотип,закачать новый файл с моим логотипом ,правильно?

#4 Vaccina

Vaccina

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

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

Отправлено 18 Июль 2012 - 19:31

Вам необходимо изменять изображение "untitledgoof.png". Вы можете использовать стандартную шапку в формате PSD для её изменения. http://forum.storela...dpost__p__10777

#5 price.cool

price.cool

    Новичок

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

Отправлено 19 Июль 2012 - 12:25

Не понимаю,как изменить изображение "untitledgoof.png"? Вставить его в шапку в формате PSD? или я совсем не правильно понимаю?сорри,все эти изменения даются очень тяжело(((

#6 Vaccina

Vaccina

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

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

Отправлено 19 Июль 2012 - 16:26

Не нужно его вставлять в PSD.

Изображение "untitledgoof.png" не стандартное изображение, а изображение созданное вами. Не понимаю в чем возникает сложность изменить изображение - т.е в графическом редакторе изменить положение логотипа?

PSD фал - это формат программы Photoshop. В нем вы можете изменить стандартную шапку темы "Сияние", при этом не меняя высоты и ширины изображения, после сохранить изображение шапки в формат png и заменить.

#7 sokolovjack

sokolovjack

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

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

Отправлено 19 Июль 2012 - 18:43

Здравствуйте, возникла тоже проблема с отображением шапки на маленьких мониторах, на мобильных устройствах. У меня широкий монитор и я вижу полностью всю шапку сайта(имею ввиду изображение шапки header_page) , но на других мониторах видна лишь часть этого изображения, справа и слева она обрезана. Подскажите пожалуйста возможные выходы из данной ситуации, желательно, чтобы не было горизонтального скрола.

#8 Vaccina

Vaccina

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

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

Отправлено 20 Июль 2012 - 17:45

Горизонтальный скролл будет появляться в любом случае, если разрешение экрана будет меньше чем 1024px по ширине. Именно под такую ширину реализованы все шаблоны. Что касается шапки, то так тоже должно быть, и это нормально, главное чтобы у вас на изображении которое обрезается не было важных элементов. Все важные элементы должны быть закреплены в центре шапки.

#9 sokolovjack

sokolovjack

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

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

Отправлено 20 Июль 2012 - 19:16

Просмотр сообщенияVaccina (20 Июль 2012 - 17:45) писал:

Горизонтальный скролл будет появляться в любом случае, если разрешение экрана будет меньше чем 1024px по ширине. Именно под такую ширину реализованы все шаблоны. Что касается шапки, то так тоже должно быть, и это нормально, главное чтобы у вас на изображении которое обрезается не было важных элементов. Все важные элементы должны быть закреплены в центре шапки.
Спасибо за ответ, будем подгонять!

#10 price.cool

price.cool

    Новичок

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

Отправлено 22 Июль 2012 - 11:16

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

#11 Vaccina

Vaccina

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

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

Отправлено 23 Июль 2012 - 11:10

Вам необходимо в файле стилей main.css раздела редактора тем - найти

.page-headline {
	background-color: #BCBDC1;
	height: 81px;
	position: relative;
}

заменить на

.page-headline {
	height: 81px;
	position: relative;
}

далее найти

.page-headline h1 {
	background-color: #BCBDC1;
	color: #000000;
	font: 25px/50px "Trebuchet MS",Arial,Helvetica,sans-serif;
	height: 2em;
	overflow: hidden;
	padding-left: 20px;
	position: absolute;
	width: 940px;
}

заменить на

.page-headline h1 {
	color: #000000;
	font: 25px/50px "Trebuchet MS",Arial,Helvetica,sans-serif;
	height: 2em;
	overflow: hidden;
	padding-left: 20px;
	position: absolute;
	width: 940px;
}

Для изменения цвета заголовка, вам необходимо изменить свойство color в классе

.page-headline h1 {
	color: #000000;
	font: 25px/50px "Trebuchet MS",Arial,Helvetica,sans-serif;
	height: 2em;
	overflow: hidden;
	padding-left: 20px;
	position: absolute;
	width: 940px;
}


#12 price.cool

price.cool

    Новичок

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

Отправлено 24 Июль 2012 - 17:15

Огромное спасибо!Все получилось!

#13 may

may

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

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

Отправлено 02 Май 2013 - 13:24

Добрый день.
1.Подскажите пожалуйста как поменять шапку?....желательно поэтапно.
Создала шапку сохранила в разделе сайт-редактор тем-файлы, затем удалила header_page.pngи загрузила свою шапку в начале в формате jpg,а затем удалила так как не получилось и загрузила шапку с этим названием "header_page.png". В итоге у меня нет шапки и просто пустой фон что именно я не так сделала или что я не доделала?
2.Подскажите как мне поменять логотип?

#14 Stasya

Stasya

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

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

Отправлено 02 Май 2013 - 14:27

Вам ответили здесь. Просьба не дублировать темы, в противном случае они будут заблокированы.

#15 Anyuta_zimina

Anyuta_zimina

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

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

Отправлено 19 Сентябрь 2013 - 20:31

все здела как вы написали чтобы кнопки отображалтсь,они отображаются но куда то пропала ГЛАВНАЯ,подскажите пожалуйста

#16 Сake

Сake

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

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

Отправлено 20 Сентябрь 2013 - 01:29

Пожалуйста, сообщите номер вашего аккаунта.

#17 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 20 Сентябрь 2013 - 14:13

Просмотр сообщенияAnyuta_zimina (19 Сентябрь 2013 - 20:31) писал:

все здела как вы написали чтобы кнопки отображалтсь,они отображаются но куда то пропала ГЛАВНАЯ,подскажите пожалуйста
Можете написать поподробнее куда у Вас пропала эта главная страница? Из пункта меню? Добавить ее можно в разделе сайт -> меню

#18 Lion

Lion

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

  • Пользователи
  • PipPipPipPip
  • 337 сообщений
  • ГородMoscow

Отправлено 23 Октябрь 2013 - 12:29

Добрый день, помогите добавить лого в шапку. Нужно добавить иконку "Виза и мастер карт с RBKmoney" как на картинке в правом верхнем углу.

Лого есть, как вставить его в шапку сайта?

#19 ne_yana

ne_yana

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

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

Отправлено 23 Октябрь 2013 - 12:43

Просмотр сообщенияLion (23 Октябрь 2013 - 12:29) писал:

Добрый день, помогите добавить лого в шапку. Нужно добавить иконку "Виза и мастер карт с RBKmoney" как на картинке в правом верхнем углу.

Лого есть, как вставить его в шапку сайта?
Добрый день, нужно загрузить лого в магазин и вставить
<img src="путь к картинке" id="paymentSystem">
перед кодом
<div id="search">

Добавив в файл main.css
#paymentSystem {
margin-left: 274px;
margin-top: 40px;
}
и изменяя эти параметры, можно отрегулировать положение лого.

#20 Lion

Lion

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

  • Пользователи
  • PipPipPipPip
  • 337 сообщений
  • ГородMoscow

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

А где  искать этот код:  <divid="search">

???

И в какое место в Main.css  вставлять код:
#paymentSystem {
margin-left: 274px;
margin-top: 40px;
}

???




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

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