Замена логотипа через виджет текстом с помощью svg 2.X

 
Посетитель
small user social cms
Сообщений: 29
Кто нибудь пробовал такое реализовать? Да ещё, чтоб он был кликабельным. popcorn
Редактировалось: 2 раз (Последний: 16 октября 2020 в 13:45)
Посетитель
small user social cms
МедальКубок зрительских симпатийАвторитет форума
Сообщений: 1373
@Karbofos, В шаблоне default логотип в формате svg и кликабельный.
Реализован с помощью background-image: url(../images/logo.svg);
Дополнения для InstantCMS 2 | Готовый сайт Доска объявлений
Реклама
cms
Посетитель
small user social cms
Сообщений: 29
Evanescence:

@Karbofos, В шаблоне default логотип в формате svg и кликабельный.
Реализован с помощью background-image: url(../images/logo.svg);

У меня просто получилась такая структура шапки, что логотип стандартным способом не отображается, его можно вывести только через виджет.
Вот я и подумал, сделать просто текст взамен изображения.
Посетитель
small user social cms
Сообщений: 11
Замена логотипа через виджет текстом с помощью svg
Редактировалось: 1 раз (Последний: 15 октября 2020 в 15:21)
Посетитель
small user social cms
Почетный донор проекта
Сообщений: 58
Зачем столько сложностей?
Проще просто прописать тот текст который вам нужен в шаблоне и немного подкорректировать стили

открываем theme-layout.css
Находим:
Заменяем:
открываем main.tpl.php
Находим:
Заменяем:
Результат
Редактировалось: 7 раз (Последний: 15 октября 2020 в 16:55)
Посетитель
small user social cms
Медаль
Сообщений: 419
Замена логотипа через виджет текстом с помощью svg
А вы по-другому задачу поставить можете, мне как существу из параллельной вам вселенной не очень понятно, что же вы хотите.
Посетитель
small user social cms
Сообщений: 29
hard990:

Зачем столько сложностей?
Проще просто прописать тот текст который вам нужен в шаблоне и немного подкорректировать стили

открываем theme-layout.css
[spoiler=Находим:]#layout header #logo a, #layout header #logo > span{
display: block;
float: left;
width: 170px;
background-size: contain;
height: 50px;
background-image: url(../images/logo.svg);
background-repeat: no-repeat;
background-position: left center;
}[/spoiler]

[spoiler=Заменяем:]#layout header #logo {
display: block;
float: left;
width: 170px;
background-size: contain;
cursor: pointer;
height: 50px;
color: #fff;
font-size: 27px;
font-weight: 700;
}
#layout header #logo span{
color: #F3AC51;
}[/spoiler]

открываем main.tpl.php
[spoiler=Находим:]



Только через виджет логотип отображается, не знаю почему так, что-то видимо блокирует, не стал выкаблучиваться, просто гиперссылкой вставил в виджете.
Посетитель
small user social cms
Сообщений: 29
@IamB:

Замена логотипа через виджет текстом с помощью svg
А вы по-другому задачу поставить можете, мне как существу из параллельной вам вселенной не очень понятно, что же вы хотите.

Если честно, я сам не понял зачем всё это shock crazy
Посетитель
small user social cms
Почетный донор проекта
Сообщений: 58
Вы ссылку на сайт отправили бы с попыткой сделать то, что я предложил. Проверяйте стили, возможно где-то есть display:none;
Посетитель
small user social cms
Сообщений: 29
Проблема была в том, что сам логотип не был загружен в настройках темы и не появлялся на страницах сайта, а я то ли по глупости, то ли от незнания начал пытаться вставлять его через виджет crazy Всем спасибо, разобрался.
В начало страницы
Предыдущая темаПерейти на форум: