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


Вставить В Шапку Картинку


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

#1 Anastezia

Anastezia

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

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

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

Здравствуйте. Мне необходимо вставить картинку в шапку. На скриншоте указала куда.

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

  • Картинка в шапку.JPG


#2 ne_yana

ne_yana

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

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

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

Просмотр сообщенияAnastezia (16 Декабрь 2013 - 17:10) писал:

Здравствуйте. Мне необходимо вставить картинку в шапку. На скриншоте указала куда.
Здравствуйте, в разделе Сайт - Редактор шаблонов - HTML вставьте
   <div id="header-logo">
<img src="{ASSETS_IMAGES_PATH}picture.png" alt="" />
</div>
перед
				<div id="header-right">
<div id="header_user_info">

Загрузив предварительно изображение на сайт.

#3 Anastezia

Anastezia

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

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

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

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

#4 unling

unling

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

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

Отправлено 04 Январь 2014 - 08:07

Здравствуйте! Подскажите, а как мне заменить логотип на главной страничке?

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

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


#5 @lina_va

@lina_va

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

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

Отправлено 04 Январь 2014 - 11:47

Просмотр сообщенияunling (04 Январь 2014 - 08:07) писал:

Здравствуйте! Подскажите, а как мне заменить логотип на главной страничке?
Добрый день
Вкладка Сайт-Редактор шаблонов- HTML
строка 63:
<img class="logo" src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}. Перейти на главную" />
Загрузите изображение на свой сайт и замените название:
logo.png


#6 unling

unling

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

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

Отправлено 04 Январь 2014 - 12:21

Как Вы быстро отвечаете, спасибо я думал что не дождусь ответа до конца праздников. Кстати с Новым Годом Вас!!!
А теперь у меня к Вам будет пара сотен вопросов, т.к. я только начал делать сайт и я понял, что у меня работы по самое "не хочу".

1. Вот тут мне очень нравится выпадающее с верху меню, как мне сделать такое же;
2. И в целом как мне сделать точно такого же вида меню только в других тонах?
3. И как мне закрепить кнопки "поделиться в низу страницы и как потом менять их положение?
4. Как закрепить кнопки "мне нравится" точно так же как сделано тут?

Спасибо!!!

#7 unling

unling

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

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

Отправлено 04 Январь 2014 - 12:27

Просмотр сообщения@lina_va (04 Январь 2014 - 11:47) писал:

Добрый день
Вкладка Сайт-Редактор шаблонов- HTML
строка 63:
<img class="logo" src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}. Перейти на главную" />
Загрузите изображение на свой сайт и замените название:
logo.png

И вот так как сделать?

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

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


#8 @lina_va

@lina_va

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

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

Отправлено 04 Январь 2014 - 13:08

Просмотр сообщенияunling (04 Январь 2014 - 12:21) писал:

Как Вы быстро отвечаете, спасибо я думал что не дождусь ответа до конца праздников. Кстати с Новым Годом Вас!!!
А теперь у меня к Вам будет пара сотен вопросов, т.к. я только начал делать сайт и я понял, что у меня работы по самое "не хочу".

1. Вот тут мне очень нравится выпадающее с верху меню, как мне сделать такое же;
2. И в целом как мне сделать точно такого же вида меню только в других тонах?
3. И как мне закрепить кнопки "поделиться в низу страницы и как потом менять их положение?
4. Как закрепить кнопки "мне нравится" точно так же как сделано тут?

Спасибо!!!
1) Инструкцию смотрите здесь
2)Когда сделаете меню, напишите конкретнее что Вы хотите изменить и мы поможем Вам
3,4) Подобный вопрос рассматривался здесь

Просмотр сообщенияunling (04 Январь 2014 - 12:27) писал:

И вот так как сделать?
Ваш вопрос рассматривался в этой теме форума

#9 unling

unling

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

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

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

Снова здрасте! Вот такой еще вопросик, смотрите картинку.

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

  • вавав.jpg


#10 Сake

Сake

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

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

Отправлено 07 Январь 2014 - 01:19

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

#11 unling

unling

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

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

Отправлено 07 Январь 2014 - 07:50

на данный момент нет, спасибо

#12 Сохраняшка

Сохраняшка

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

  • Пользователи
  • PipPipPip
  • 58 сообщений
  • ГородАнгарск

Отправлено 20 Январь 2014 - 08:43

Просмотр сообщенияne_yana (16 Декабрь 2013 - 17:37) писал:

Здравствуйте, в разделе Сайт - Редактор шаблонов - HTML вставьте
<div id="header-logo">
<img src="{ASSETS_IMAGES_PATH}picture.png" alt="" />
</div>
перед
			 <div id="header-right">
<div id="header_user_info">

Загрузив предварительно изображение на сайт.

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

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

  • название.jpg


#13 ne_yana

ne_yana

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

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

Отправлено 20 Январь 2014 - 10:01

Просмотр сообщенияСохраняшка (20 Январь 2014 - 08:43) писал:

Здравствуйте, помогите, пожалуйста, выполнила все по вашей инструкции, но немного  название сместилось в сторону, как исправить?
Здравствуйте, так как у Вас уже есть один логотип на странице, то новый лучше добавить в виде
<div id="header-logo2">
<img src="{ASSETS_IMAGES_PATH}picture.png" alt="" />
</div>

После этого добавьте в файл style.css
#header-logo2 img {
	margin-top: 35px;
}
#header-logo2 {
	margin: 0 auto;
	width: 337px;
}


#14 Сохраняшка

Сохраняшка

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

  • Пользователи
  • PipPipPip
  • 58 сообщений
  • ГородАнгарск

Отправлено 20 Январь 2014 - 11:22

а можно поменять название "picture" на, к примеру,  "picture1", т.к.  такое название файла у меня уже есть, или это критично?

#15 ne_yana

ne_yana

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

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

Отправлено 20 Январь 2014 - 11:25

Просмотр сообщенияСохраняшка (20 Январь 2014 - 11:22) писал:

а можно поменять название "picture" на, к примеру,  "picture1", т.к.  такое название файла у меня уже есть, или это критично?
Здравствуйте, выше был просто пример, вместо picture.png должно было быть указано название загруженного файла.

#16 Сохраняшка

Сохраняшка

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

  • Пользователи
  • PipPipPip
  • 58 сообщений
  • ГородАнгарск

Отправлено 21 Январь 2014 - 05:57

Здравствуйте, спасибо огромное - все получилось!!!!
Только немного "корзина" вниз сместилась, можно поправить?

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

  • корзина.png


#17 Сake

Сake

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

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

Отправлено 21 Январь 2014 - 06:19

Найдите в файле стилей style.css

#header_shopping_cart{position: static;width:170px;float:right;clear:both;margin-top:26px;

и замените на

#header_shopping_cart{position: static;width:170px;float:right;clear:both;margin-top:0;

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

#header_user_info{color:#fafafa;font-size:12px;text-align:right;clear:both;margin-top:6px;padding:0;display:block;*height:18px;}

и замените на

#header_user_info{color:#fafafa;font-size:12px;text-align:right;clear:both;margin-top:6px;padding:0;display:none;*height:18px;}


#18 Сохраняшка

Сохраняшка

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

  • Пользователи
  • PipPipPip
  • 58 сообщений
  • ГородАнгарск

Отправлено 21 Январь 2014 - 06:49

Просмотр сообщенияСake (21 Январь 2014 - 06:19) писал:

Найдите в файле стилей style.css

#header_shopping_cart{position: static;width:170px;float:right;clear:both;margin-top:26px;

и замените на

#header_shopping_cart{position: static;width:170px;float:right;clear:both;margin-top:0;

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

#header_user_info{color:#fafafa;font-size:12px;text-align:right;clear:both;margin-top:6px;padding:0;display:block;*height:18px;}

и замените на

#header_user_info{color:#fafafa;font-size:12px;text-align:right;clear:both;margin-top:6px;padding:0;display:none;*height:18px;}
Спасибо большое!!!! Все поправила!!! :)




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

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