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


Слоган и логотип

Автор kostya, 27 сент. 2010 00:43

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

#1 kostya

kostya

    Новичок

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

Отправлено 27 Сентябрь 2010 - 00:43

Подскажите,как изменить первую страничку,где изменить надпись "Ваш слоган здесь" и "Мой магазин"? Пытался поправить в настройках, название не изменилось

#2 support

support

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

  • Модераторы
  • 3 686 сообщений
  • ГородМосква

Отправлено 27 Сентябрь 2010 - 01:04

Просмотр сообщенияkostya (27 Сентябрь 2010 - 00:43) писал:

Подскажите,как изменить первую страничку,где изменить надпись "Ваш слоган здесь" и "Мой магазин"? Пытался поправить в настройках, название не изменилось

Логотип "Мой магазин"

Заменяем на новый
Логотип на вашем сайте - это изображение. Изменяя название магазина в настройках поменять эту надпись не получится. Создан этот логотип был на сайте http://creatr.cc/ Можете его сделать например там, либо вставить свой.
Для этого зайдите во вкадку "Сайт" пукнт меню "Редактор тем". Логотип - это изображение logo.png которое расположено в блоке файлы. Для того чтобы в этом убедиться, нажмите на ссылку, она откроется в новом окне. Для изменения логотипа просто перекачайте (удалите старый файл и загрузите новый с тем же названием "logo.png") логотип и он отобразится у Вас на сайте.

Изменение название файла логотипа на новое
Если есть желание оставить старое изображение logo.png или у Вас логотип в другом формате, например в new-logo.jpg, закачайте его в блоке файлы. Затем откройте файл из блока "Стили и скрипты" с названием "main.csstemplate", найдите там следующий код используя встроенный поиск вашего браузера (CTRL+F)
/* !header ---------------------------------------------------------------- */

#header #logo {
  position: absolute;
  top: 18px;
  left: 10px;
  height: 79px;
  width: 300px;
  background: url({ASSETS_IMAGES_PATH}logo.png) no-repeat;
}

в этом коде измените logo.png на название закаченного файла, в примере это "new-logo.jpg". В итоге получится код:
/* !header ---------------------------------------------------------------- */

#header #logo {
  position: absolute;
  top: 18px;
  left: 10px;
  height: 79px;
  width: 300px;
  background: url({ASSETS_IMAGES_PATH}new-logo.jpg) no-repeat;
}

P.S. Указывать полный путь к файлу не нужно. Переменная {ASSETS_IMAGES_PATH} на сайте будет автоматически заменяется на путь к вашей папке с изображениями, например "/web/upload/assets/styles/1/9999/"

Слоган "Ваш слоган здесь"

Изменение
Слоган - это текст, расположенный в html шаблоне, поправить его довольно просто.
Откройте html шаблон из блока "Шаблоны" с названием "HTML". Встроенным поиском браузера (CTRL+F) найдите текст:
<h2 id="title">Ваш слоган здесь</h2>
и замените слоган на нужный Вам. После этого нажмите кнопку "сохранить", новый слоган появится на сайте.

Полное удаление
Если хотите удалить слоган, то просто удалите вышеуказанный код из шаблона. После этого он пропадет с сайта интернет-магазина.

#3 odeza

odeza

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

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

Отправлено 15 Ноябрь 2010 - 23:34

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

Я создал логотип для темы Мокко, на сайте http://creatr.cc/ Проблема в том что фоновый цвет логотипа чуть-чуть отличаеться от фоного цвета страниц темы Мокко. Подскажите пожалуйста какое значение Back Color: нужно задавать создавая логотип с помощью http://creatr.cc/.

Заранее Вам благодарен.

#4 support

support

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

  • Модераторы
  • 3 686 сообщений
  • ГородМосква

Отправлено 16 Ноябрь 2010 - 12:55

Там фон можно поставить примерно #f9f9f9 можно использовать полную прозрачность, правда в таком случае нужно будет для ie6 сделать прозрачность. Вообще мы его там сделали, но в итоге всё равно в photoshop обрабатывали, потому что размеры не те, да и детали какие-то надо было подкрутить, покрасить... Лучше всего его там сделать, например прозрачным, потом доработать его через photoshop - сделать заливку фона, возможно добавить пару градиентов, бликов, поменять размер холста, общий размер изображения ну и т.д.

#5 odeza

odeza

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

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

Отправлено 16 Ноябрь 2010 - 18:26

Спасибо... буду пробовать...

#6 nikolyi

nikolyi

    Новичок

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

Отправлено 30 Ноябрь 2010 - 00:43

Просмотр сообщенияodeza (15 Ноябрь 2010 - 23:34) писал:

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

Я создал логотип для темы Мокко, на сайте http://creatr.cc/ Проблема в том что фоновый цвет логотипа чуть-чуть отличаеться от фоного цвета страниц темы Мокко. Подскажите пожалуйста какое значение Back Color: нужно задавать создавая логотип с помощью http://creatr.cc/.

Заранее Вам благодарен.

Добрый вечер, скажите пожайлуста, как сохранить логотип созданный на сайте http://creatr.cc/.

#7 nikolyi

nikolyi

    Новичок

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

Отправлено 30 Ноябрь 2010 - 00:58

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

Логотип "Мой магазин"

Заменяем на новый
Логотип на вашем сайте - это изображение. Изменяя название магазина в настройках поменять эту надпись не получится. Создан этот логотип был на сайте http://creatr.cc/ Можете его сделать например там, либо вставить свой.
Для этого зайдите во вкадку "Сайт" пукнт меню "Редактор тем". Логотип - это изображение logo.png которое расположено в блоке файлы. Для того чтобы в этом убедиться, нажмите на ссылку, она откроется в новом окне. Для изменения логотипа просто перекачайте (удалите старый файл и загрузите новый с тем же названием "logo.png") логотип и он отобразится у Вас на сайте.

Изменение название файла логотипа на новое
Если есть желание оставить старое изображение logo.png или у Вас логотип в другом формате, например в new-logo.jpg, закачайте его в блоке файлы. Затем откройте файл из блока "Стили и скрипты" с названием "main.csstemplate", найдите там следующий код используя встроенный поиск вашего браузера (CTRL+F)
/* !header ---------------------------------------------------------------- */

#header #logo {
  position: absolute;
  top: 18px;
  left: 10px;
  height: 79px;
  width: 300px;
  background: url({ASSETS_IMAGES_PATH}logo.png) no-repeat;
}

в этом коде измените logo.png на название закаченного файла, в примере это "new-logo.jpg". В итоге получится код:
/* !header ---------------------------------------------------------------- */

#header #logo {
  position: absolute;
  top: 18px;
  left: 10px;
  height: 79px;
  width: 300px;
  background: url({ASSETS_IMAGES_PATH}new-logo.jpg) no-repeat;
}

P.S. Указывать полный путь к файлу не нужно. Переменная {ASSETS_IMAGES_PATH} на сайте будет автоматически заменяется на путь к вашей папке с изображениями, например "/web/upload/assets/styles/1/9999/"

Слоган "Ваш слоган здесь"

Изменение
Слоган - это текст, расположенный в html шаблоне, поправить его довольно просто.
Откройте html шаблон из блока "Шаблоны" с названием "HTML". Встроенным поиском браузера (CTRL+F) найдите текст:
<h2 id="title">Ваш слоган здесь</h2>
и замените слоган на нужный Вам. После этого нажмите кнопку "сохранить", новый слоган появится на сайте.

Полное удаление
Если хотите удалить слоган, то просто удалите вышеуказанный код из шаблона. После этого он пропадет с сайта интернет-магазина.

Доброй ночи. У меня уже начинае редактировать надписи. большое вам спасибо. А можно у вас спросить как сохранить в нужном формате логотип с сайта  http://creatr.cc/  простите за глупые вопросы.......

#8 support

support

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

  • Модераторы
  • 3 686 сообщений
  • ГородМосква

Отправлено 30 Ноябрь 2010 - 13:22

Можно сохранить как png, формат логотипа по умолчанию точно такой же, так что останется только назвать его как logo.png

#9 odeza

odeza

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

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

Отправлено 04 Декабрь 2010 - 23:50

Цитата

Там фон можно поставить примерно #f9f9f9 можно использовать полную прозрачность, правда в таком случае нужно будет для ie6 сделать прозрачность.

support можете подсказать как для IE6 сделать прозрачность? Это в шаблоне нужно что-то изменять?

Заранее вам благодарен.

#10 support

support

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

  • Модераторы
  • 3 686 сообщений
  • ГородМосква

Отправлено 06 Декабрь 2010 - 00:25

Просмотр сообщенияodeza (04 Декабрь 2010 - 23:50) писал:

support можете подсказать как для IE6 сделать прозрачность? Это в шаблоне нужно что-то изменять?

Заранее вам благодарен.
Тут есть варинаты:
1) Сделать картинку не прозрачной.
2) Сохранить картинку как gif
3) Сделать прозрачность png изображений через код в head:
  <!--[if IE 6]>
  <script type="text/javascript" src="{JS_PATH}DD_belatedPNG_0.0.8a-min.js"></script>
  <script type="text/javascript">DD_belatedPNG.fix('.png_fix');</script>
  <![endif]-->

и вставкой класса png_fix для логотипа например. Только в этом случае придётся выносить изображение из фонового рисунка в тег <img />

#11 Watchstone.ru

Watchstone.ru

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

  • Пользователи
  • PipPip
  • 44 сообщений
  • ГородНижний Новгород

Отправлено 26 Январь 2011 - 12:08

а возможно ли в теме лайт сделать логотип во всю верхнюю шапку, как в других темах???или точнее как это сделать?)))

#12 support

support

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

  • Модераторы
  • 3 686 сообщений
  • ГородМосква

Отправлено 26 Январь 2011 - 17:09

Возможно изменение дизайна на все 100%, любую страницу в шаблонах можно менять. Другой вопрос, по вёрстке, как это сверстать.
Для темы лайт и вставки лого во всю страницу думаю достаточно будет вставить лого после тега <body> который будет размером во всю страницу и высотой в несколько десятков пикселей. Думаю этого будет достаточно. Получится код вида:
<a href="/" style="display:block;height:40px;width:100%;background:#000 url('путь к картинке логотипа') no-repeat center center;"></a>

#13 Bardin

Bardin

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

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

Отправлено 07 Март 2011 - 14:53

А как сделать цвет фона своего логотипа переходящим ( цвет фона шапки сайта переходит от белого до серого ) или просто сделать без заднего фона  ?

#14 Марина

Марина

    Новичок

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

Отправлено 09 Март 2011 - 21:55

Здравствуйте! Я попыталась изменить слоган и логотип, а у меня не получилось хоть я и делала всё как вы объясняли. Посмотрите у меня пожалуйста, может я ошиблась где-то?

#15 support

support

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

  • Модераторы
  • 3 686 сообщений
  • ГородМосква

Отправлено 11 Март 2011 - 14:41

Просмотр сообщенияBardin (07 Март 2011 - 14:53) писал:

А как сделать цвет фона своего логотипа переходящим ( цвет фона шапки сайта переходит от белого до серого ) или просто сделать без заднего фона  ?
Сделать фон логотипа с градиентом достаточно просто используя photoshop, там же можно сделать фон логотипа прозрачным.

Просмотр сообщенияМарина (09 Март 2011 - 21:55) писал:

Здравствуйте! Я попыталась изменить слоган и логотип, а у меня не получилось хоть я и делала всё как вы объясняли. Посмотрите у меня пожалуйста, может я ошиблась где-то?
Дайте пожалуйста адрес магазина где Вы их меняли, возможно проблема в том что не удалился кэш, который удаляется нажатием на сайте на кнопку F5 возможно ещё что-то, поэтому лучше посмотреть сайт вживую.

#16 xaknotx

xaknotx

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

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

Отправлено 15 Март 2011 - 13:58

у меня размер логотипа 300 на 144. что надо поменять чтобы он отображался?
/* !header ---------------------------------------------------------------- */

#header #logo {
  position: absolute;
  top: 18px;
  left: 10px;
  height: 79px; <--тут не прокатит?
  width: 300px;
  background: url({ASSETS_IMAGES_PATH}logo.png) no-repeat;
}

#17 support

support

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

  • Модераторы
  • 3 686 сообщений
  • ГородМосква

Отправлено 15 Март 2011 - 20:56

Размер изменить конечно же можно, и это прокатит, только надо будет всю шапку увеличить в высоте, увеличив высоту на 65 пикселей. Для этого надо будет изменить:
#headerWrap {height: 150px;background: url({ASSETS_IMAGES_PATH}header_bg.jpg) repeat-x;}
на
#headerWrap {height: 215px;background: url({ASSETS_IMAGES_PATH}header_bg.jpg) repeat-x;}


#header {position: relative;width: 960px;height: 150px;margin: 0 auto;}
на
#header {position: relative;width: 960px;height: 215px;margin: 0 auto;}

и не забыть увеличить размер изображения header_bg.jpg в разделе "Сайт" > "Редактор тем" в блоке Файлы до 215 пикселей со 150, например растяну картинку в photoshop или нарисовав вместо старой новую с большим размером.

#18 PlayChik

PlayChik

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

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

Отправлено 04 Апрель 2011 - 22:21

Просмотр сообщенияsupport (26 Январь 2011 - 17:09) писал:

Возможно изменение дизайна на все 100%, любую страницу в шаблонах можно менять. Другой вопрос, по вёрстке, как это сверстать.
Для темы лайт и вставки лого во всю страницу думаю достаточно будет вставить лого после тега <body> который будет размером во всю страницу и высотой в несколько десятков пикселей. Думаю этого будет достаточно. Получится код вида:
<a href="/" style="display:block;height:40px;width:100%;background:#000 url('путь к картинке логотипа') no-repeat center center;"></a>

Помогите поставить шапку, попробовала по Вашему описанию, что-то криво встало. Шапка размером 850х250px.

Уже все получилось))

А как можно изменить цвет и размер слогана?

#19 Vaccina

Vaccina

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

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

Отправлено 05 Апрель 2011 - 04:36

Для изменения можно использовать CSS
Задание цвета шрифта color:black; или color:#000;
Пример: 
<a href="/" style="color:black;">Текст</a>

Для задания размера font-size:15px; 15px - это размер шрифта
Пример: 
<a href="/" style="font-size:15px;">Текст</a>

#20 pushkaSH

pushkaSH

    Новичок

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

Отправлено 13 Август 2011 - 11:59

Добрый день. Пытаюсь сменить логотип, вроде четко действую вашей инструкции, но вместо нового логотипа поле вообще исчезло. Помогите как быть. Вот ссылка на магаз: http://lavkabrandoff.storeland.ru/
Обратно в Изменение общей стилистики


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

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

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