

Слоган и логотип
#1
Отправлено 27 Сентябрь 2010 - 00:43
#2
Отправлено 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
Отправлено 15 Ноябрь 2010 - 23:34
Я создал логотип для темы Мокко, на сайте http://creatr.cc/ Проблема в том что фоновый цвет логотипа чуть-чуть отличаеться от фоного цвета страниц темы Мокко. Подскажите пожалуйста какое значение Back Color: нужно задавать создавая логотип с помощью http://creatr.cc/.
Заранее Вам благодарен.
#4
Отправлено 16 Ноябрь 2010 - 12:55
#5
Отправлено 16 Ноябрь 2010 - 18:26
#6
Отправлено 30 Ноябрь 2010 - 00:43
odeza (15 Ноябрь 2010 - 23:34) писал:
Я создал логотип для темы Мокко, на сайте http://creatr.cc/ Проблема в том что фоновый цвет логотипа чуть-чуть отличаеться от фоного цвета страниц темы Мокко. Подскажите пожалуйста какое значение Back Color: нужно задавать создавая логотип с помощью http://creatr.cc/.
Заранее Вам благодарен.
Добрый вечер, скажите пожайлуста, как сохранить логотип созданный на сайте http://creatr.cc/.
#7
Отправлено 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
Отправлено 30 Ноябрь 2010 - 13:22
#9
Отправлено 04 Декабрь 2010 - 23:50
Цитата
support можете подсказать как для IE6 сделать прозрачность? Это в шаблоне нужно что-то изменять?
Заранее вам благодарен.
#10
Отправлено 06 Декабрь 2010 - 00:25
odeza (04 Декабрь 2010 - 23:50) писал:
Заранее вам благодарен.
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
Отправлено 26 Январь 2011 - 12:08
#12
Отправлено 26 Январь 2011 - 17:09
Для темы лайт и вставки лого во всю страницу думаю достаточно будет вставить лого после тега <body> который будет размером во всю страницу и высотой в несколько десятков пикселей. Думаю этого будет достаточно. Получится код вида:
<a href="/" style="display:block;height:40px;width:100%;background:#000 url('путь к картинке логотипа') no-repeat center center;"></a>
#13
Отправлено 07 Март 2011 - 14:53
#14
Отправлено 09 Март 2011 - 21:55
#15
Отправлено 11 Март 2011 - 14:41
Bardin (07 Март 2011 - 14:53) писал:
Марина (09 Март 2011 - 21:55) писал:
#16
Отправлено 15 Март 2011 - 13:58
/* !header ---------------------------------------------------------------- */
#header #logo {
position: absolute;
top: 18px;
left: 10px;
height: 79px; <--тут не прокатит?
width: 300px;
background: url({ASSETS_IMAGES_PATH}logo.png) no-repeat;
}
#17
Отправлено 15 Март 2011 - 20:56
#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
Отправлено 04 Апрель 2011 - 22:21
support (26 Январь 2011 - 17:09) писал:
Для темы лайт и вставки лого во всю страницу думаю достаточно будет вставить лого после тега <body> который будет размером во всю страницу и высотой в несколько десятков пикселей. Думаю этого будет достаточно. Получится код вида:
<a href="/" style="display:block;height:40px;width:100%;background:#000 url('путь к картинке логотипа') no-repeat center center;"></a>
Уже все получилось))
А как можно изменить цвет и размер слогана?
#19
Отправлено 05 Апрель 2011 - 04:36
Задание цвета шрифта color:black; или color:#000;
Пример:
<a href="/" style="color:black;">Текст</a>
Для задания размера font-size:15px; 15px - это размер шрифта
Пример:
<a href="/" style="font-size:15px;">Текст</a>
#20
Отправлено 13 Август 2011 - 11:59
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных