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

ЕСТЬ РЕШЕНИЕ ЗАКРЫТО InstantCMS 2.X
#1 15 октября 2020 в 08:56
Кто нибудь пробовал такое реализовать? Да ещё, чтоб он был кликабельным. popcorn
#2 15 октября 2020 в 10:25
@Karbofos, В шаблоне default логотип в формате svg и кликабельный.
Реализован с помощью background-image: url(../images/logo.svg);
#3 15 октября 2020 в 10:47


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

Evanescence

У меня просто получилась такая структура шапки, что логотип стандартным способом не отображается, его можно вывести только через виджет.
Вот я и подумал, сделать просто текст взамен изображения.
#4 15 октября 2020 в 15:20
Иллюстрация
#5 15 октября 2020 в 16:40
Зачем столько сложностей?
Проще просто прописать тот текст который вам нужен в шаблоне и немного подкорректировать стили

открываем theme-layout.css
#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;
}
#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;
}
открываем main.tpl.php
<div id="logo">
<?php if($core->uri) { ?>
<a href="<?php echo href_to_home(); ?>"></a>
<?php } else { ?>
<span></span>
<?php } ?>
</div>
<div id="logo">
<?php if($core->uri) { ?>
<a href="<?php echo href_to_home(); ?>">Instant<span>CMS</span></a>
<?php } else { ?>
Instant<span>CMS</span>
<?php } ?>
</div>
#6 15 октября 2020 в 17:27

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

А вы по-другому задачу поставить можете, мне как существу из параллельной вам вселенной не очень понятно, что же вы хотите.
#7 15 октября 2020 в 18:00


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

открываем theme-layout.css

#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;
}
#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;
}
открываем main.tpl.php



hard990

Только через виджет логотип отображается, не знаю почему так, что-то видимо блокирует, не стал выкаблучиваться, просто гиперссылкой вставил в виджете.
#8 15 октября 2020 в 18:08


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

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

@IamB

Если честно, я сам не понял зачем всё это shockcrazy
#9 16 октября 2020 в 13:37
Вы ссылку на сайт отправили бы с попыткой сделать то, что я предложил. Проверяйте стили, возможно где-то есть display:none;
#10 16 октября 2020 в 13:46
Проблема была в том, что сам логотип не был загружен в настройках темы и не появлялся на страницах сайта, а я то ли по глупости, то ли от незнания начал пытаться вставлять его через виджет crazyВсем спасибо, разобрался.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.