0
Вставка Логотипа
Автор Frost, 29 нояб. 2011 13:39
Сообщений в теме: 9
#1
Отправлено 29 Ноябрь 2011 - 13:39
Здравствуйте! Вставляю свой логотип на сайт точно так, как описано в теме:
http://forum.storela...ch__1#entry1797
Однако, полученный результат не устраивает в виду смещения некоторых блоков на сайте после вставки лого. И, если в Chrome и IE, эти смещения не критичны (см. скриншот), то в Мозилле верхняя часть сайта отображается совсем "криво" (см. скриншот). На 1 скриншоте отметил желаемые местоположение логотипа и вид верхней части сайта. Просьба помочь вставить логотип корректно (как на скриншоте 1), или хотя бы решить проблему кроссбраузерности с Firefox, т.к.отображение в Chrome и IE приемлемо.
http://forum.storela...ch__1#entry1797
Однако, полученный результат не устраивает в виду смещения некоторых блоков на сайте после вставки лого. И, если в Chrome и IE, эти смещения не критичны (см. скриншот), то в Мозилле верхняя часть сайта отображается совсем "криво" (см. скриншот). На 1 скриншоте отметил желаемые местоположение логотипа и вид верхней части сайта. Просьба помочь вставить логотип корректно (как на скриншоте 1), или хотя бы решить проблему кроссбраузерности с Firefox, т.к.отображение в Chrome и IE приемлемо.
#2
Отправлено 29 Ноябрь 2011 - 16:42
Пожалуйста, сообщите ваш адрес магазина что бы я смогла вам помочь.
#3
Отправлено 29 Ноябрь 2011 - 17:19
Vaccina (29 Ноябрь 2011 - 16:42) писал:
Пожалуйста, сообщите ваш адрес магазина что бы я смогла вам помочь.
http://myshop123.storeland.ru/
Логотип на сайте в данный момент естественно тестовый.
#4
Отправлено 30 Ноябрь 2011 - 12:50
Известно, что шаблон Лайт единственный из трех, в котором не предусмотрен графический логотип в стандартном виде (вместо него написано название магазина в виде текста с гиперссылкой). И я заметил, что практически у всех магазинов, владельцы которых которые используют данный шаблон и вставляют графический логотип вместо стандартной текстовой гиперссылки, есть проблема с отображением в браузере Mozilla Firefox верхней части сайта (посмотрите в любом вышеописанном магазине, проблема не субъективна). Суть проблемы описана в первом посте.
#5
Отправлено 30 Ноябрь 2011 - 18:10
Вся проблема в том что дизайн выполнен в табличной верстки, а так же разделен на 3 части - шапки, контента и подвала. Выйти из данной ситуации можно если немного переделать табличную структуру. Для этого нужно в шаблоне "HTML"
Найти и скопировать блок
Вставить его после строки
Далее удалить старый блок
Далее вырезать оставшийся блок
и вставить вырезанный блок после строки
Далее в только что вставленном блоке заменить thead на table
Все действия нужно делать очень внимательно, так как в случае небольшого отклонения или захвата лишнего можно получить кашу на сайте.
Найти и скопировать блок
<!-- Название магазина --> <h1><a href="http://{NET_DOMAIN}/">{SETTINGS_STORE_NAME}</a></h1> <!-- Контакты магазина --> <table> <!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <tr> <td class="contentTableHeadMainPhone"> {SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1} </td> </tr> {% ENDIF %} <!-- Второй контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER2 %} <tr> <td class="contentTableHeadMainPhone"> {SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2} </td> </tr> {% ENDIF %} <!-- Третий контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER3 %} <tr> <td class="contentTableHeadMainPhone"> {SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3} </td> </tr> {% ENDIF %} <!-- Время работы магазина --> {% IF SETTINGS_STORE_WORK_TIME %} <tr> <td class="contentTableHeadMainWorkTime"> {SETTINGS_STORE_WORK_TIME} </td> </tr> {% ENDIF %} <!-- ICQ номер --> {% IF SETTINGS_STORE_ICQ %} <tr> <td 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> </td> </tr> {% ENDIF %} </table>
Вставить его после строки
<td class="contentTbodyCatalog">
Далее удалить старый блок
<td class="contentTableHeadMain" rowspan="2"> <!-- Название магазина --> <h1><a href="http://{NET_DOMAIN}/">{SETTINGS_STORE_NAME}</a></h1> <!-- Контакты магазина --> <table> <!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <tr> <td class="contentTableHeadMainPhone"> {SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1} </td> </tr> {% ENDIF %} <!-- Второй контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER2 %} <tr> <td class="contentTableHeadMainPhone"> {SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2} </td> </tr> {% ENDIF %} <!-- Третий контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER3 %} <tr> <td class="contentTableHeadMainPhone"> {SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3} </td> </tr> {% ENDIF %} <!-- Время работы магазина --> {% IF SETTINGS_STORE_WORK_TIME %} <tr> <td class="contentTableHeadMainWorkTime"> {SETTINGS_STORE_WORK_TIME} </td> </tr> {% ENDIF %} <!-- ICQ номер --> {% IF SETTINGS_STORE_ICQ %} <tr> <td 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> </td> </tr> {% ENDIF %} </table> </td>
Далее вырезать оставшийся блок
<thead> <tr> <!-- Верхний блок навигации --> <td class="contentTableHeadNavigation"> {% FOR menu %} {% FOR header %} {% FOR links %} <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> {% IF menu.header.links.rindex>1 %}|{% ENDIF %} {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </td> <!-- Авторизационная информация клиента --> <td> {% IF TARIFF_FEATURE_CLIENT_ROOM %} <div class="contentTableHeadUserInfo"> {% IF CLIENT_IS_LOGIN %} Здравствуйте, <a href="{USER_SETTINGS_URL}">{CLIENT_NAME}</a> <a href="{USER_LOGOUT_URL}">Выйти</a><br /> {% ELSE %} <a href="{USER_LOGIN_URL}">Вход с паролем</a> | <a href="{USER_REGISTER_URL}">Регистрация</a> {% ENDIF %} </div> {% ENDIF %} </td> </tr> <tr> <!-- Поисковая форма --> <td class="Search"> <form action="http://{NET_DOMAIN}/search" class="SearchForm"> <table class="SearchFormTable"> <tr> <td class="cell1"><input name="q" value="{SEARCH_QUERY}" class="SearchFormText cornerAll" /></td> <td class="cell2"><input type="submit" value="Найти" class="SearchFormSubmit" /></td> </tr> </table> </form> </td> <!-- Корзина --> <td class="contentTableHeadCart"> <table> <tr> <td rowspan="2" class="valignMiddle"><a href="{CART_URL}"><span class="orderIcon cart"></span></a></td> <td>Товаров в <a href="{CART_URL}" class="underline"> корзине</a>:</td> <td id="cartCount"> {% IF cart_count_empty %} <span class="red">0</span> шт. {% ELSE %} {% FOR cart_count %} {cart_count.COUNT}{cart_count.MEASURE_NAME}{% IFNOT cart_count.last %},{% ENDIF %} {% ENDFOR %} {% ENDIF %} </td> </tr> <tr> <td>На общую сумму:</td> <td id="cartSum"> {% IF cart_count_empty %} <span class="red">0</span> {CURRENCY_NAME} {% ELSE %} {% FOR cart_sum %} {cart_sum.NOW | money_format}<br /> {% ENDFOR %} {% ENDIF %} </td> </tr> </table> </td> </tr> </thead>
и вставить вырезанный блок после строки
<td colspan="2" class="valignTop">
Далее в только что вставленном блоке заменить thead на table
Все действия нужно делать очень внимательно, так как в случае небольшого отклонения или захвата лишнего можно получить кашу на сайте.
#6
Отправлено 21 Январь 2012 - 10:02
Сори, что поднимаю старую тему, но действуя по инструкции, описанной выше не могу добиться решения проблемы, озвученной автором после вставки логотипа. Не совсем понятен в частности этот шаг:
Найти и скопировать блок
Вставить его после строки
Далее старый блок
Получается 2 одинаковых блока вставлять друг за другом или я не так понял? Когда я так делаю, получаю ту самую "кашу" на сайте.
Не могли бы Вы разъяснить этот момент или еще лучше, выложить уже готовый код для главной страницы темы Лайт, "заточенный" под вставку логотипа, думаю это будет полезно многим пользователям темы Лайт и сэкономит им время, а начинающим еще и нервы=) Да и сама тема с логотипом вместо текста смотрится интереснее на мой вгляд. Мой магазин http://elezone.storeland.ru/.
Vaccina (30 Ноябрь 2011 - 18:10) писал:
Найти и скопировать блок
<!-- Название магазина --> <h1><a href="http://{NET_DOMAIN}/">{SETTINGS_STORE_NAME}</a></h1> <!-- Контакты магазина --> <table> <!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <tr> <td class="contentTableHeadMainPhone"> {SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1} </td> </tr> {% ENDIF %} <!-- Второй контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER2 %} <tr> <td class="contentTableHeadMainPhone"> {SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2} </td> </tr> {% ENDIF %} <!-- Третий контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER3 %} <tr> <td class="contentTableHeadMainPhone"> {SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3} </td> </tr> {% ENDIF %} <!-- Время работы магазина --> {% IF SETTINGS_STORE_WORK_TIME %} <tr> <td class="contentTableHeadMainWorkTime"> {SETTINGS_STORE_WORK_TIME} </td> </tr> {% ENDIF %} <!-- ICQ номер --> {% IF SETTINGS_STORE_ICQ %} <tr> <td 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> </td> </tr> {% ENDIF %} </table>
Вставить его после строки
<td class="contentTbodyCatalog">
Далее старый блок
<td class="contentTableHeadMain" rowspan="2"> <!-- Название магазина --> <h1><a href="http://{NET_DOMAIN}/">{SETTINGS_STORE_NAME}</a></h1> <!-- Контакты магазина --> <table> <!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <tr> <td class="contentTableHeadMainPhone"> {SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1} </td> </tr> {% ENDIF %} <!-- Второй контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER2 %} <tr> <td class="contentTableHeadMainPhone"> {SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2} </td> </tr> {% ENDIF %} <!-- Третий контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER3 %} <tr> <td class="contentTableHeadMainPhone"> {SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3} </td> </tr> {% ENDIF %} <!-- Время работы магазина --> {% IF SETTINGS_STORE_WORK_TIME %} <tr> <td class="contentTableHeadMainWorkTime"> {SETTINGS_STORE_WORK_TIME} </td> </tr> {% ENDIF %} <!-- ICQ номер --> {% IF SETTINGS_STORE_ICQ %} <tr> <td 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> </td> </tr> {% ENDIF %} </table> </td>
Получается 2 одинаковых блока вставлять друг за другом или я не так понял? Когда я так делаю, получаю ту самую "кашу" на сайте.
Не могли бы Вы разъяснить этот момент или еще лучше, выложить уже готовый код для главной страницы темы Лайт, "заточенный" под вставку логотипа, думаю это будет полезно многим пользователям темы Лайт и сэкономит им время, а начинающим еще и нервы=) Да и сама тема с логотипом вместо текста смотрится интереснее на мой вгляд. Мой магазин http://elezone.storeland.ru/.
#7
Отправлено 21 Январь 2012 - 15:13
Цитата
Получается 2 одинаковых блока вставлять друг за другом или я не так понял? Когда я так делаю, получаю ту самую "кашу" на сайте.
Там опечатка. Пост обновила. Блок необходимо было удалить после копирования.
#9
Отправлено 29 Октябрь 2012 - 12:52
Для вставки логотипа можно изменить следующий блок в шаблоне "HTML"
Вставьте вместо строки {SETTINGS_STORE_NAME} ваше изображение логотипа через тег <img> например так
не забудьте указать правильный путь к изображению в атрибуте src
<div class="logo"><a href="http://{NET_DOMAIN}/">{SETTINGS_STORE_NAME}</a></div>
Вставьте вместо строки {SETTINGS_STORE_NAME} ваше изображение логотипа через тег <img> например так
<div class="logo"><a href="http://{NET_DOMAIN}/"><img src="logo.png" alt="{SETTINGS_STORE_NAME}"></a></div>
не забудьте указать правильный путь к изображению в атрибуте src
#10
Отправлено 31 Октябрь 2012 - 13:11
Vaccina (29 Октябрь 2012 - 12:52) писал:
Для вставки логотипа можно изменить следующий блок в шаблоне "HTML"
Вставьте вместо строки {SETTINGS_STORE_NAME} ваше изображение логотипа через тег <img> например так
не забудьте указать правильный путь к изображению в атрибуте src
<div class="logo"><a href="http://{NET_DOMAIN}/">{SETTINGS_STORE_NAME}</a></div>
Вставьте вместо строки {SETTINGS_STORE_NAME} ваше изображение логотипа через тег <img> например так
<div class="logo"><a href="http://{NET_DOMAIN}/"><img src="logo.png" alt="{SETTINGS_STORE_NAME}"></a></div>
не забудьте указать правильный путь к изображению в атрибуте src
Большое спасибо за помощь. Всё получилось
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных