#1
Отправлено 12 Июль 2013 - 19:16
Пытаюсь вставить логотип, шаблон вечность, делал все, что нашел на форуме(ну вроде все, ходил долго), он у меня то не влезает в шапку, то мелкий становиться, а полностью не отобразить.
Делал вот это:
-------------
Загрузите к себе в файлы картинку с Вашим логотипом с именем logo.png. В файле style.css найдите блок
header[role="banner"] h1 a {
height: 127px;
width: 150px;
display: block;
font: normal 26px '';
line-height: 20px;
color: #000;
font-weight: bold;
text-align: center;
}
увеличивайте значение width: на столько, насколько Вам нужно.
-------------
Не получилось. Размер лого 146x400px. Как?
И второй вопрос:
Шаблон Вечность, сделать шрифт покрупней и потолще (я про шрифт )
Спасибо
#2
Отправлено 12 Июль 2013 - 19:26
#3
Отправлено 12 Июль 2013 - 23:19
#4
Отправлено 13 Июль 2013 - 00:49
header[role="banner"] { height: 160px; }
для изменения размера шрифта - найдите в файле стилей style.css
body { color: #404040; font-family: 'Lato',Calibri,Arial,sans-serif; font-size: 75%; height: 100%; line-height: 1.5em; text-align: left; text-rendering: geometricprecision; }
и измените свойство font-size
#5
Отправлено 13 Июль 2013 - 01:27
#6 Гость_Наталья C._*
Отправлено 25 Сентябрь 2013 - 12:18
Подскажите:
1) как логотип перенести на зеленую панель и поставить левее от слова "Главная", чтобы было, как тут
2) как телефон перенести на зеленую панель и поставить левее слов "0 проектов в корзине"? Пример сайта все тот же
Аккаунт SL-232611
#7
Отправлено 25 Сентябрь 2013 - 13:21
1. В шаблоне HTML найдите блок
<h1 title="{SETTINGS_STORE_NAME}"><a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}" /></a></h1>удалите его.
Теперь после блока
<ul class="head">вставьте вот этот блок
<li><a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}" /></a></li>
2. Там же, найдите и удалите блок
<div class="hgroup"> <h1 title="{SETTINGS_STORE_NAME}"><a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}" /></a></h1> <!-- Контактные телефоны --> {% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_WORK_TIME || SETTINGS_STORE_SKYPE || SETTINGS_STORE_ICQ %} <div class="contacts"> <div class="phone" title="Звоните, мы проконсультируем вас по любым вопросам"> <!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1} {% ENDIF %} <!-- Второй контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER2 %} <br /><span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2} {% ENDIF %} <!-- Третий контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER3 %} <br /><span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3} {% ENDIF %} </div> <!-- Время работы магазина --> {% IF SETTINGS_STORE_WORK_TIME %} <div class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}"> {SETTINGS_STORE_WORK_TIME} </div> {% ENDIF %} <!-- Skype номер --> {% IF SETTINGS_STORE_SKYPE %} <div class="contentTableHeadMainSkype"> <a class="valignMiddle" href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"> <img class="valignMiddle" src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" /> <span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span> </a> </div> {% ENDIF %} <!-- ICQ номер --> {% IF SETTINGS_STORE_ICQ %} <div class="contentTableHeadMainIcq"> <img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" /> <span class="valignMiddle">{SETTINGS_STORE_ICQ}</span> </div> {% ENDIF %} </div> {% ENDIF %} </div>
И вот этот блок
<li style="margin-left:250px;"><div class="hgroup"> <h1 title="{SETTINGS_STORE_NAME}"><a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}" /></a></h1> <!-- Контактные телефоны --> {% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_WORK_TIME || SETTINGS_STORE_SKYPE || SETTINGS_STORE_ICQ %} <div class="contacts"> <div class="phone" title="Звоните, мы проконсультируем вас по любым вопросам"> <!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1} {% ENDIF %} <!-- Второй контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER2 %} <br /><span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2} {% ENDIF %} <!-- Третий контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER3 %} <br /><span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3} {% ENDIF %} </div> <!-- Время работы магазина --> {% IF SETTINGS_STORE_WORK_TIME %} <div class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}"> {SETTINGS_STORE_WORK_TIME} </div> {% ENDIF %} <!-- Skype номер --> {% IF SETTINGS_STORE_SKYPE %} <div class="contentTableHeadMainSkype"> <a class="valignMiddle" href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"> <img class="valignMiddle" src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" /> <span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span> </a> </div> {% ENDIF %} <!-- ICQ номер --> {% IF SETTINGS_STORE_ICQ %} <div class="contentTableHeadMainIcq"> <img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" /> <span class="valignMiddle">{SETTINGS_STORE_ICQ}</span> </div> {% ENDIF %} </div> {% ENDIF %} </div></li>
вставьте после блока
{% FOR menu %} {% FOR header %} {% FOR links %} <li> <a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a> </li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %}
#8 Гость_Наталья C._*
Отправлено 25 Сентябрь 2013 - 14:14
CrazyCat (25 Сентябрь 2013 - 13:21) писал:
1. В шаблоне HTML найдите код
<h1 title="{SETTINGS_STORE_NAME}"><a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}" /></a></h1>
Этот код нужно вырезать, исправить вот так
<li><a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}" /></a></li>
И вставить после кода
<ul class="head">
2. Там же, найдите и вырежьте код
<div class="hgroup"> <h1 title="{SETTINGS_STORE_NAME}"><a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}" /></a></h1> <!-- Контактные телефоны --> {% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_WORK_TIME || SETTINGS_STORE_SKYPE || SETTINGS_STORE_ICQ %} <div class="contacts"> <div class="phone" title="Звоните, мы проконсультируем вас по любым вопросам"> <!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1} {% ENDIF %} <!-- Второй контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER2 %} <br /><span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2} {% ENDIF %} <!-- Третий контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER3 %} <br /><span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3} {% ENDIF %} </div> <!-- Время работы магазина --> {% IF SETTINGS_STORE_WORK_TIME %} <div class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}"> {SETTINGS_STORE_WORK_TIME} </div> {% ENDIF %} <!-- Skype номер --> {% IF SETTINGS_STORE_SKYPE %} <div class="contentTableHeadMainSkype"> <a class="valignMiddle" href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"> <img class="valignMiddle" src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" /> <span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span> </a> </div> {% ENDIF %} <!-- ICQ номер --> {% IF SETTINGS_STORE_ICQ %} <div class="contentTableHeadMainIcq"> <img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" /> <span class="valignMiddle">{SETTINGS_STORE_ICQ}</span> </div> {% ENDIF %} </div> {% ENDIF %} </div>
Далее, оберните его в тег </li> вот так
<li style="margin-left:250px;"><div class="hgroup"> <h1 title="{SETTINGS_STORE_NAME}"><a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}" /></a></h1> <!-- Контактные телефоны --> {% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_WORK_TIME || SETTINGS_STORE_SKYPE || SETTINGS_STORE_ICQ %} <div class="contacts"> <div class="phone" title="Звоните, мы проконсультируем вас по любым вопросам"> <!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1} {% ENDIF %} <!-- Второй контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER2 %} <br /><span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2} {% ENDIF %} <!-- Третий контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER3 %} <br /><span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3} {% ENDIF %} </div> <!-- Время работы магазина --> {% IF SETTINGS_STORE_WORK_TIME %} <div class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}"> {SETTINGS_STORE_WORK_TIME} </div> {% ENDIF %} <!-- Skype номер --> {% IF SETTINGS_STORE_SKYPE %} <div class="contentTableHeadMainSkype"> <a class="valignMiddle" href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"> <img class="valignMiddle" src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" /> <span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span> </a> </div> {% ENDIF %} <!-- ICQ номер --> {% IF SETTINGS_STORE_ICQ %} <div class="contentTableHeadMainIcq"> <img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" /> <span class="valignMiddle">{SETTINGS_STORE_ICQ}</span> </div> {% ENDIF %} </div> {% ENDIF %} </div></li>
И вставьте после кода
{% FOR menu %} {% FOR header %} {% FOR links %} <li> <a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a> </li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %}
Уважаемый Crazy Cat, мне сложно понять Вашу инструкцию...
Сделала под номером 1, логотип встал в середину страницы....
Давайте Вы напишите по-простому, как пишут другие специалисты - "Найти этот кусок кода и заменить его на этот"
Уж простите, не понимаю, что значит обернуть в тег "li"
Заранее благодарю!
#9
Отправлено 25 Сентябрь 2013 - 14:19
#10 Гость_Наталья C._*
Отправлено 26 Сентябрь 2013 - 08:09
CrazyCat (25 Сентябрь 2013 - 14:19) писал:
Все сделала точно по инструкции. Логотип теперь появился в 2-х местах и само зеленое поле стало очень широким.
И разделы на нем "скачут". Посмотрите, пожалуйста Аккаунт SL-232611
#11
Отправлено 26 Сентябрь 2013 - 15:17
Наталья C. (26 Сентябрь 2013 - 08:09) писал:
И разделы на нем "скачут". Посмотрите, пожалуйста Аккаунт SL-232611
Добрый день!
Для того, чтобы пропал второй логотип, необходимо в файле HTML найти и удалить код
<h1 title="{SETTINGS_STORE_NAME}"><a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}" /></a></h1>
а про разделы, простите, не совсем понял. Можете подробнее объяснить?
#12 Гость_Наталья C._*
Отправлено 26 Сентябрь 2013 - 19:42
CrazyCat (26 Сентябрь 2013 - 15:17) писал:
Для того, чтобы пропал второй логотип, необходимо в файле HTML найти и удалить код
<h1 title="{SETTINGS_STORE_NAME}"><a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}" /></a></h1>
а про разделы, простите, не совсем понял. Можете подробнее объяснить?
Сделала. "Разделы скачут" - это "телефон" и "0 проектов в корзине" не на одном уровне.
И после внесенных изменений при открытии на смартфоне логотип и телефон "спрятались" в меню.
А хотелось бы их видеть на странице на своих местах. Заранее спасибо!
Аккаунт SL-232611
#13
Отправлено 26 Сентябрь 2013 - 19:57
Наталья C. (26 Сентябрь 2013 - 19:42) писал:
И после внесенных изменений при открытии на смартфоне логотип и телефон "спрятались" в меню.
А хотелось бы их видеть на странице на своих местах. Заранее спасибо!
Аккаунт SL-232611
margin-left:250px;
Панель администратора, "Сайт"->"Редактор тем".
В файле "style.css".
Добавить в конец файла код:
.contacts { padding: 0px 10px 0px 10px; display: inline; line-height: 2.5; cursor: pointer; }
#14 Гость_Наталья C._*
Отправлено 26 Сентябрь 2013 - 20:46
Koderhan (26 Сентябрь 2013 - 19:57) писал:
margin-left:250px;
Панель администратора, "Сайт"->"Редактор тем".
В файле "style.css".
Добавить в конец файла код:
.contacts { padding: 0px 10px 0px 10px; display: inline; line-height: 2.5; cursor: pointer; }
Выполнила. Стало получше, но еще не идеальный вариант.
1) На смартфоне лого и телефон все еще "сидят" в блоке "меню"
2) телефон надо перенести вправо и поставить рядом с "0 проектов в корзине"
3) Телефон должен быть белым цветом
4) Блок "0 проектов в корзине" должен быть на центру серого поля. Сейчас он лежит на нем
Огромное Вам спасибо!
#15
Отправлено 27 Сентябрь 2013 - 04:24
2,3) Найдите в файле стилей style.css
.contacts { color: #FFFFFF; cursor: pointer; display: inline; line-height: 2.5; padding: 0 10px; }
и замените на
.contacts { color: #FFFFFF; cursor: pointer; display: inline; line-height: 2.5; padding: 0 10px; position: absolute; right: 180px; top: 8px; }
4) Совместно с сообщением http://forum.storela...она/#entry91490 не понятен ваш вопрос. Вы хотите вернуть обратно изменения? Если да, то проделайте обратные изменения из сообщения. Если я вас не правильно поняла, то объясните по подробнее что вы хотите реализовать.
#16 Гость_Наталья C._*
Отправлено 27 Сентябрь 2013 - 18:16
Vaccina (27 Сентябрь 2013 - 04:24) писал:
2,3) Найдите в файле стилей style.css
.contacts { color: #FFFFFF; cursor: pointer; display: inline; line-height: 2.5; padding: 0 10px; }
и замените на
.contacts { color: #FFFFFF; cursor: pointer; display: inline; line-height: 2.5; padding: 0 10px; position: absolute; right: 180px; top: 8px; }
4) Совместно с сообщением http://forum.storela...она/#entry91490 не понятен ваш вопрос. Вы хотите вернуть обратно изменения? Если да, то проделайте обратные изменения из сообщения. Если я вас не правильно поняла, то объясните по подробнее что вы хотите реализовать.
Спасибо Вам за ответы. Я поняла, что лучше уж в шаблоне ничего не менять, чтобы не сбивать то, что Вы тестировали и создавали.
Лучше буду "встраивать" свои пожелания в то, что есть, так как для меня крайне важно не сломать адаптированность шаблона.
Спасибо Вам огромное за помощь!
#20
Отправлено 01 Октябрь 2013 - 23:46
Koste (01 Октябрь 2013 - 21:38) писал:
Еще вопрос, как увеличить шрифт названия сайта?
Найдите в файле стилей style.css
header[role="banner"] h1 a { height: 127px; width: 150px; display: block; font: normal 26px ''; line-height: 20px; color: #000; font-weight: bold; text-align: center;}
и изменяйте значение пикселей в свойстве font.
Если возникнет необходимость опустить название ниже, то можете увеличить значение пикселей в свойстве line-height.
Темы с аналогичным тегами Лого
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Осень →
Изменение общей стилистики →
Изменить ДизайнАвтор Гость_dariaklum_* , 17 дек. 2017 название магазина, лого, шрифт и 1 еще... |
|
|||
Повышение продаж, продвижение →
SMO →
Красивое Оформление Групп, Сайтов, Баннеров, ЛоготиповАвтор Гость_Fresh_Art_* , 29 авг. 2017 Дизайн, соцсети, сайты, лого и 4 еще... |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Весна →
Изменение общей стилистики →
Создания Логотипа Для ШапкиАвтор Гость_pit1664_* , 03 марта 2014 шапка логотип, лого |
|
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных