Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Общие вопросы по вёрстке Как поменять логитип если он в svg?

Как поменять логитип если он в svg?


     04.03.2016    Общие вопросы по вёрстке    1793

вопрос
Добрый день. Подскажите пожалуйста как поменять логотип в шаблоне Green в новой 11 версии скрипта. Там изображение в svg формате. В adobe illustrator открываю, а там пусто. Делаю свой svg, получается логотип не над сайтои и во весь экран. Подскажите ламерский способ подменить имеющееся лого на свое. Спасибо.

Ответа пока нет


Комментарии пользователей (8)

леший
21

112 | 33

леший - 4 марта 2016 15:46 - Юзер

Цитата: mellovv

В adobe illustrator открываю, а там пусто.

Открываем /templates/Green/images/sprite.svg в текстовом редакторе и видим

<symbol id="icon-logo" viewBox="0 0 1024 1024">
<title>logo</title>
<path fill="#96c00e" class="path1" d="M718.318 453.104c0 230.526-187.167 417.694-417.694 417.694-41.914 0-83.105-6.504-121.406-18.066 85.996 83.828 203.788 135.859 332.421 135.859 262.323 0 476.951-214.628 476.951-476.951s-214.628-476.951-476.951-476.951h-211.015c231.249 0.723 417.694 187.89 417.694 418.416z"></path>
<path fill="#1a1a1a" class="path2" d="M312.186 906.207c59.98 30.351 127.91 47.695 199.452 47.695 121.406 0 231.972-49.863 312.186-130.078s130.078-190.781 130.078-312.186c0-121.406-49.863-231.972-130.078-312.186-72.265-72.265-170.546-119.96-278.222-127.91 27.461 17.344 52.754 38.301 75.879 61.426 81.66 82.382 132.968 195.116 132.968 320.135s-50.586 238.476-132.968 320.135c-80.215 79.492-188.613 129.355-309.296 132.968zM70.097 281.835v230.526c0 119.96 48.418 229.804 127.187 310.018 15.176 4.336 30.351 7.227 46.25 10.117 18.066 2.891 36.855 4.336 56.367 4.336 96.113 0 184.277-35.41 251.483-93.945-13.008 2.168-26.016 3.613-39.746 3.613-64.316 0-122.851-26.016-164.765-67.929s-67.929-100.449-67.929-164.765 26.016-122.851 67.929-164.765 100.449-67.929 164.765-67.929c10.84 0 20.957 0.723 31.074 2.168-18.066-12.285-36.133-23.125-55.644-31.797-88.886-41.191-193.671-49.14-292.675-13.008l-124.296 43.359zM300.624 70.097h-127.91c-28.183 0-53.476 11.562-72.265 30.351s-30.351 44.082-30.351 72.265v34.687l100.449-36.855c117.793-42.637 241.366-33.965 346.151 15.176 41.914 19.512 80.937 45.527 115.625 77.324-16.621-29.629-37.578-56.367-61.426-80.215-68.652-69.375-164.765-112.734-270.272-112.734zM172.714 0h339.647c140.917 0 268.827 57.812 361.327 150.312 93.222 93.222 150.312 221.132 150.312 362.049s-57.812 268.827-150.312 361.327c-93.222 93.222-221.132 150.312-362.049 150.312s-268.827-57.812-361.327-150.312c-92.5-92.5-150.312-221.132-150.312-361.327v-339.647c0-47.695 19.512-91.054 50.586-122.128s74.433-50.586 122.128-50.586zM512.361 349.764c-44.805 0-85.273 18.066-114.902 47.695s-47.695 70.097-47.695 114.902c0 44.805 18.066 85.273 47.695 114.902s70.097 47.695 114.902 47.695c44.805 0 85.273-18.066 114.902-47.695s47.695-70.097 47.695-114.902c0-44.805-18.066-85.273-47.695-114.902s-70.097-47.695-114.902-47.695z"></path>
</symbol>

mellovv
6 | 2

mellovv - 4 марта 2016 15:49 - Юзер

Это да. Но что я с этим должен делать? Дайте подалуйста хоть малую подсказку.

леший
21

112 | 33

леший - 4 марта 2016 15:57 - Юзер

Рисовать свой логотип http://css.yoksel.ru/svg-path/

если не знаете, то просто меняете


<a class="logotype" href="/" title="DataLife Engine">
    <svg class="icon icon-logo"><use xlink:href="#icon-logo"></use></svg>
</a>

на

<a class="logotype" href="/" title="DataLife Engine">
    <img src="{THEME}/images/logo.png" alt="ĺogo" width="40" height="40">
</a>

mellovv
6 | 2

mellovv - 4 марта 2016 23:15 - Юзер


А как теперь его опустить на тоже расстояние, на котором был векторный вариант?

mellovv
6 | 2

mellovv - 5 марта 2016 00:47 - Юзер

+ у логотипа разные позиции в зависимости от экрана. Как без багов подменить стандартный лого SVG на PNG, но так, чтобы пнгшный вариант был на тех же местах в зависимости от разрешения экрана?

Помогите пожалуйста.

леший
21

112 | 33

леший - 5 марта 2016 14:23 - Юзер


<a class="logotype" href="/" title="DataLife Engine">
    <img class="icon icon-logo" src="{THEME}/images/logo.png" alt="ĺogo" width="40" height="40">
</a>

mellovv
6 | 2

mellovv - 6 марта 2016 12:08 - Юзер

Леший, спасибо большое.

This_is_Sparta
1

This_is_Sparta - 15 марта 2016 23:18 - Юзер

Приветствую! У меня тоже вопрос про SVG.
Подскажите пожалуйста в каком графическом редакторе сохранены изображение в SVG, из стандартного шаблона DLE 11.0.
Illustrator и Corel сохранят совсем другой код.
При попытке отрыть в этих редакторах SVG файл - открывается пустое изображение.
На сколько я понял отредактировать можно только путем создания нового изображения и замены полученным кодом, старый код внутри SVG файла из шаблона? Вопрос в том какой редактор сохраняет такой же код, у Illustrator(а) он намного больше…

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы