Логотип картинка-перед стандартным текстовым логотипом

Есть маленькая картинка для вставки в header.top, я не хочу заменять ею стандартный текстовый логотип (название сайта), просто хочу вставить её перед ним, как бы в купе будут создавать цельный логотип картинка с текстом. Вопрос как вставить её перед текстом (названием сайта)?
Версия последняя актуальная, шаблон synio. Если не сложно по подробнее.

8 комментариев

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

Подумайте логически. Как вставить картинку перед текстом?
нужный текст
Знаете от куда узнал? Со ссылки выше. С css сами как нибудь
avatar
Используйте css3 :before, либо просто background с padding-left задайте у класса логотипа.
avatar
Оказывается даже :before css2. Если бы не вы не возникло бы любопытство проверить :)
avatar
Ну вот реальная картинка, подскажите как вставить ее перед названием сайта, с небольшим промежутком между картинкой и названием сайта, при этом чтобы и картинка и название указывали на главную страницу. Только не надо мне указывать на то как картинки в шаблоны вставлять, это я и так знаю, я не могу подогнать никак изображение.
avatar
Заходим templates/skin/synio/images/
Бросаем туда свою картинку с названием logo.png
Дальше заходим templates/skin/synio/header-top.tpl
Редактируем его.
Ищем код:
<h1 class="site-name"><a href="{cfg name='path.root.web'}"><a href="{cfg name='path.root.web'}">{cfg name='view.name'}</a></h1>

Заменяем на:
<h1 class="site-name"><a href="{cfg name='path.root.web'}"><img src="{cfg name='path.static.skin'}/images/logo.png" height="42" width="42"/></a><a href="{cfg name='path.root.web'}">{cfg name='view.name'}</a></h1>


где
height="42" width="42"
высота и ширина картинки
Радуемся ;-)
avatar
Около 3 лет прошло с момента создания вопроса, уже не актуально давно, но все равно спасибо))
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.