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


Изменение шапки и цвета ссылок в подвале сайта

Автор imagico, 23 сент. 2010 18:41

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

#61 Val

Val

    Новичок

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

Отправлено 20 Январь 2013 - 14:55

Просмотр сообщенияKoderhan (16 Январь 2013 - 19:03) писал:

К сожалению я не веб-дизайнер.
Вот файл который мне удалось создать .Скорей всего у профессионалов отредактировать этот файл получилось бы гораздо лучше.
Прикрепленный файл header_page.zip
Сохранить это избражение на компьютере.
Затем в разделе "Редактор тем".
Удалить файл header_page.png предварительно сохранив на компьютер.
Затем загрузить отредактированное изображение на сайт.



Спасибо,
но шапка растянулась и изображение тоже.
А это не входило в "задачу"...
Хотелось цвет получить : розовый или что-то похожее...
или оставить такой,как и был в "сиянии".
Удалить знак"сияния" и созранить все стандартные инструменты,кот. были в шапке.

#62 Val

Val

    Новичок

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

Отправлено 20 Январь 2013 - 17:24

Просмотр сообщенияKoderhan (16 Январь 2013 - 19:03) писал:

К сожалению я не веб-дизайнер.
Вот файл который мне удалось создать .Скорей всего у профессионалов отредактировать этот файл получилось бы гораздо лучше.
Прикрепленный файл header_page.zip
Сохранить это избражение на компьютере.
Затем в разделе "Редактор тем".
Удалить файл header_page.png предварительно сохранив на компьютер.
Затем загрузить отредактированное изображение на сайт.

#63 Koderhan

Koderhan

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

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

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

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

Прикрепленные файлы

  • Прикрепленный файл  header_page.zip   171,88К   124 Количество загрузок:

#64 Val

Val

    Новичок

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

Отправлено 21 Январь 2013 - 15:01

В каком именно,если я хочу сам знак"Сияние" удалить не меняя фона ???

#65 Koderhan

Koderhan

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

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

Отправлено 21 Январь 2013 - 15:16

Просмотр сообщенияVal (21 Январь 2013 - 15:01) писал:

В каком именно,если я хочу сам знак"Сияние" удалить не меняя фона ???
Например в gimp или в любом другом редакторе.

#66 support 2.0

support 2.0

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

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

Отправлено 21 Январь 2013 - 16:18

Просмотр сообщенияVal (21 Январь 2013 - 15:01) писал:

В каком именно,если я хочу сам знак"Сияние" удалить не меняя фона ???

Если у Вас на компьютере нет графического редактора, можете воспользоваться онлайн графическим редактором фотошоп

#67 Гость_Наталья C._*

Гость_Наталья C._*
  • Гости

Отправлено 27 Январь 2013 - 16:22

Просмотр сообщенияsupport (24 Сентябрь 2010 - 04:33) писал:

Здравствуйте, Imagico!

По поводу ваших вопросов:


Тут все просто. Допишите в main.csstemplate такую запись:
#footer a{
color:#e113b8
}

Получите такой вот результат:
Прикрепленный файл imagico_font_color.jpg




Объясню весь процесс как я нашел где и что поменять, дабы процесс редактирования шаблонов стал более приятным и более понятным.

Шаг 1. Зашел на сайт, увидел ошибку
Прикрепленный файл imagico1.jpg

Шаг 2. Начинаем искать причину
Для просмотра обычно использую google chrome, но так же для нахождения ошибки можно использовать и firefox с дополнением firebug и даже internet explorer >= 8 хотя в нем development расширение работает кривовато и часто вешает мне комп, лучше использовать его в крайних случаях Изображение

Итак, ошибку заметил, надо понять откуда она берется. Для этого наводим на выезжающий элемент курсор и нажимаем правую клавишу мыши, нажимаем "Просмотр кода элемента". Открывается элемент в область которого мы нажали мышкой. Мы смотрим в собранный браузером стиль (Computed Style) но фона не видим...
Прикрепленный файл imagico2.jpg

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

Шаг 3. Изменяем сайт магазина средствами браузера
Нажимаем правую кнопку мыши на теге, в области 2
<div class="content_page">
и нажимаем добавить атрибут ("Add Attribute") меняем позицию фона методом научного тыка и переодически поглядывая на сайт, куда поехал фон-разделитель. Поскольку в блоке справа найденых стилей "Matched CSS Rules" было указано 710px 68px; будем править от этих значений, в итоге приходим что ваш фон находится выше нужного положения на 3 пикселя.
Прикрепленный файл imagico4.jpg

Получился следующий код внутри элемента:
<div class="content_page" style="background-position:710px 71px;">

Смотрим на сайт, все сошлось.
Прикрепленный файл imagico5.jpg

Шаг 4. Изменяем стили в панели управления интернет магазином.
Решение найдено, осталось поменять стиль в файле main.csstemplate (Вкладка "Сайт" пукнт меню "Редактор тем").
Было:
.content_page {
background: url({ASSETS_IMAGES_PATH}content-page-br.gif) no-repeat 710px 68px;
overflow:hidden;
padding-bottom: 2em;
}
Стало:
.content_page {
background: url({ASSETS_IMAGES_PATH}content-page-br.gif) no-repeat 710px 71px;
overflow:hidden;
padding-bottom: 2em;
}

Классно! Какие вы молодцы! Выложили подробную инструкцию. У меня с первого раза все получилось ))
Вы - Супер Профессионалы в своем деле! Я очень рада, что мой сайт именно на вашей платформе! :)

#68 Flor@@

Flor@@

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

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

Отправлено 13 Март 2013 - 04:31

помогите, пожалуйста изменить дизайн: фото проблемки на скрине:

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

  • вид сайта 27.jpg

#69 Koderhan

Koderhan

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

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

Отправлено 13 Март 2013 - 06:30

Просмотр сообщенияotdyh-i-son.ru (13 Март 2013 - 04:31) писал:

помогите, пожалуйста изменить дизайн: фото проблемки на скрине:
Панель администратора, "Сайт"->"Редактор тем".
В файле "main.csstemplate".
Найти код:

#mainmenu2 {
background: #3cc3c3;
background: -moz-linear-gradient(top, #3cc3c3 0%, #4e8c8a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5ba4a4), color-stop(100%,#4e8c8a));
background: -webkit-linear-gradient(top, #3cc3c3 0%,#4e8c8a 100%);
background: -o-linear-gradient(top, #3cc3c3 0%,#4e8c8a 100%);
background: -ms-linear-gradient(top, #3cc3c3 0%,#4e8c8a 100%);
background: linear-gradient(top, #3cc3c3 0%,#4e8c8a 100%);
-moz-border-radius: 5px; /* Для Firefox 3 */
-webkit-border-radius: 5px; /* Для Safari 4 и Chrome */
border-radius: 5px; /* Для современных браузеров */
height: 35px;  /*высота*/
}
Заменить:

#mainmenu2 {
background: #3cc3c3;
background: -moz-linear-gradient(top, #3cc3c3 0%, #4e8c8a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5ba4a4), color-stop(100%,#4e8c8a));
background: -webkit-linear-gradient(top, #3cc3c3 0%,#4e8c8a 100%);
background: -o-linear-gradient(top, #3cc3c3 0%,#4e8c8a 100%);
background: -ms-linear-gradient(top, #3cc3c3 0%,#4e8c8a 100%);
background: linear-gradient(top, #3cc3c3 0%,#4e8c8a 100%);
-moz-border-radius: 5px; /* Для Firefox 3 */
-webkit-border-radius: 5px; /* Для Safari 4 и Chrome */
border-radius: 24px 25px 0px 0px; /* Для современных браузеров */
height: 35px;  /*высота*/
;
width: 100%;
padding-left: 3px;
margin-left: -1px;
}

Панель администратора, "Сайт"->"Редактор тем".
В файле "main.csstemplate".
Найти код:
.containerin {  width: 940px; margin: 0px auto; }
Заменить:
.containerin {  width: 100%; margin: 0px auto; }

#70 Flor@@

Flor@@

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

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

Отправлено 13 Март 2013 - 06:50

Спасибо огромное, помогло.

Подскажите, пожалуйста, почему шапка у меня получается уже, чем боди?
Я там вроде бы тоже width 100% выставляла.

#71 miyako

miyako

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

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

Отправлено 13 Март 2013 - 07:17

Просмотр сообщенияotdyh-i-son.ru (13 Март 2013 - 06:50) писал:

Спасибо огромное, помогло.

Подскажите, пожалуйста, почему шапка у меня получается уже, чем боди?
Я там вроде бы тоже width 100% выставляла.

Само изображение шапки у вас в ширину 940 px, а должна быть  960.

#72 Flor@@

Flor@@

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

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

Отправлено 13 Март 2013 - 11:08

Просмотр сообщенияmiyako (13 Март 2013 - 07:17) писал:

Само изображение шапки у вас в ширину 940 px, а должна быть  960.
спасибо, а не подскажите, можно ли как-то это изображение вытянуть? 20 пикселей не качество картинки не повлияет, а смотреться будет гораздо лучше в целом.

#73 Koderhan

Koderhan

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

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

Отправлено 13 Март 2013 - 11:40

Просмотр сообщенияotdyh-i-son.ru (13 Март 2013 - 11:08) писал:

спасибо, а не подскажите, можно ли как-то это изображение вытянуть? 20 пикселей не качество картинки не повлияет, а смотреться будет гораздо лучше в целом.
Панель администратора, "Сайт"->"Редактор тем".
В файле "main.csstemplate".
Найти код:

#header{
  background: url(http://otdyh-i-son.ru/web/upload/assets/images/21/20306/otdyhsonblue3-2.png?3099) no-repeat scroll 0 0 transparent;
  padding: 0px;
  margin: 0px auto;
  width: 940px;
  height: 238px; 
}
Заменить:
#header{
  background: url(http://otdyh-i-son.ru/web/upload/assets/images/21/20306/otdyhsonblue3-2.png?3099) no-repeat scroll 0 0 transparent;
  padding: 0px;
  margin: 0px auto;
  width: 964px;
  height: 238px; 
  background-size: cover;
}

#74 Flor@@

Flor@@

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

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

Отправлено 13 Март 2013 - 15:05

С у у у у у у у у у у у упер!!!!!

Спасибо большое.

#75 koloskov

koloskov

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

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

Отправлено 04 Май 2013 - 20:55

Просмотр сообщенияsupport (24 Сентябрь 2010 - 04:33) писал:

Тут все просто. Допишите в main.csstemplate такую запись:

#footer a{
color:#e113b8
}
[/code]

Получите такой вот результат:
Прикрепленный файл imagico_font_color.jpg

А если нужно изменить цвет только "Региона"? точнее сделать его того же цвета, как надписи нижнего меню, да еще и ссылкой на новое открывающееся окно с картой яндекса! Подскажите?

#76 miyako

miyako

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

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

Отправлено 05 Май 2013 - 09:36

Просмотр сообщенияkoloskov (04 Май 2013 - 20:55) писал:

А если нужно изменить цвет только "Региона"? точнее сделать его того же цвета, как надписи нижнего меню, да еще и ссылкой на новое открывающееся окно с картой яндекса! Подскажите?

Скажите пожалуйста ваш номер аккаунта или адрес вашего магазина.

#77 koloskov

koloskov

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

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

Отправлено 06 Май 2013 - 08:21

Просмотр сообщенияmiyako (05 Май 2013 - 09:36) писал:

Скажите пожалуйста ваш номер аккаунта или адрес вашего магазина.

#78 Сake

Сake

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

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

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

Вам необходимо в шаблоне "HTML" найти 

{SETTINGS_STORE_REGION}

заменить на

<a href="Ваша ссылка на карту">{SETTINGS_STORE_REGION}</a>

#79 koloskov

koloskov

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

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

Отправлено 07 Май 2013 - 09:17

Просмотр сообщенияСake (07 Май 2013 - 01:24) писал:

Вам необходимо в шаблоне "HTML" найти

{SETTINGS_STORE_REGION}

заменить на

<a href="Ваша ссылка на карту">{SETTINGS_STORE_REGION}</a>

Спасибо! Все получилось.

#80 whisper64

whisper64

    Новичок

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

Отправлено 08 Май 2013 - 09:01

Здравствуйте. Сделал фон но теперь нет шапки. Подскажите как сделать шапку и положить ее поверх фона. Мой сайт http://japparts-vl.ru/
Обратно в Изменение общей стилистики


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Сияние
  5. → Изменение общей стилистики
  6. Privacy Policy