Jump to content

Логотип в SVG


Recommended Posts

Ребят, привет!

Может кто подскажет, как подгрузить логотип в SVG? Уже весь гугл перегуглил, но ничего не нашел по этому поводу. А хотелось бы, потому как на мобильника PNG полная порнуха, аж глаз режет 🤦‍♂️

Заранее спасибо за помощь.

Link to comment
Share on other sites

September^^ нет, я имею ввиду то, что в настройках темы нельзя загрузить SVG. Вот в обход этого можно как-то сделать? В загружаемых типах файла не прокатывает.

Link to comment
Share on other sites

2 минуты назад, accop сказал:

the.bunin просто в шаблоне пропиши ссылку на файл.svg

То есть залить файл на хост и тупо прописать в шаблоне? Думаешь прокатит?)) Сейчас попробую ;) 

Link to comment
Share on other sites

  • 8 months later...

Будьте так любезны, по подробнее можете пожалуйста подсказать, как подгрузить логотип в SVG?
В корень загрузить на FTP файл SVG, а дальше не совсем понимаю, как прописать и какие манипуляции сделать.

Link to comment
Share on other sites

10 минут назад, zmaker сказал:

Будьте так любезны, по подробнее можете пожалуйста подсказать, как подгрузить логотип в SVG?
В корень загрузить на FTP файл SVG, а дальше не совсем понимаю, как прописать и какие манипуляции сделать.

В корень сам логотип и в шаблон 

<img src="URL" alt="альтернативный текст" />

Link to comment
Share on other sites

zmaker ничего сложного. Открываешь файл свг текстовым редактором, копируешь оттуда весь код и вставляешь его в Global - logo, после

<a href='{setting="base_url"}' id='elLogo' accesskey='1'>

image.thumb.png.5c6b9c6a54e33c6015709f67f02948bf.png

Link to comment
Share on other sites

Показать svg можно и более простыми способами:

<embed src='путь/файл.svg' />
<iframe src='путь/файл.svg' width='200px' height="200px"></iframe>
<object data='путь/файл.svg' width='200' height='400'></object>

 

Link to comment
Share on other sites

13 минут назад, cyr4x сказал:

В корень сам логотип и в шаблон 

<img src="URL" alt="альтернативный текст" />

Если размещать кодом, то в любой момент можно без проблем поменять любой цвет в лого прям в коде) Мне кажется, практичнее и удобнее) имхо

Link to comment
Share on other sites

1 час назад, the.bunin сказал:

Если размещать кодом, то в любой момент можно без проблем поменять любой цвет в лого прям в коде) Мне кажется, практичнее и удобнее) имхо

А как его теперь центровать, делать больше-меньше?

Link to comment
Share on other sites

Только что, deeverbs сказал:

А как его теперь центровать, делать больше-меньше?

На моем скрине видно в первой строке, для размера widht и height

Link to comment
Share on other sites

2 часа назад, cyr4x сказал:

В корень сам логотип и в шаблон 

<img src="URL" alt="альтернативный текст" />

Что значит альтернативный текст?

Link to comment
Share on other sites

2 часа назад, the.bunin сказал:

zmaker ничего сложного. Открываешь файл свг текстовым редактором, копируешь оттуда весь код и вставляешь его в Global - logo, после

<a href='{setting="base_url"}' id='elLogo' accesskey='1'>

image.thumb.png.5c6b9c6a54e33c6015709f67f02948bf.png

Сделал, но что то пошло не так)
 

4.png

5.png

Link to comment
Share on other sites

4 минуты назад, zmaker сказал:

Сделал, но что то пошло не так)

Я кажется чётко и понятно расписал всё, что, куда и зачем вставлять.

Link to comment
Share on other sites

1 минуту назад, the.bunin сказал:

Я кажется чётко и понятно расписал всё, что, куда и зачем вставлять.

Ну ясно, в общем зря я спросил, сразу начинается, все четко расписал и т.д...
Я первый раз с этим столкнулся, чего сразу так реагировать, я не понял, вот и все.
Всего наилучшего, тут спрашивать бесполезно.

Link to comment
Share on other sites

zmaker а чего заднюю то давать? Я по шагам всё расписал, что и куда вставлять, не знаю, как ещё разжевать, чтобы было понятно, что делать.

С чем первый раз столкнулся? С админкой? С правкой шаблона?

Link to comment
Share on other sites

4 минуты назад, the.bunin сказал:

zmaker а чего заднюю то давать? Я по шагам всё расписал, что и куда вставлять, не знаю, как ещё разжевать, чтобы было понятно, что делать.

С чем первый раз столкнулся? С админкой? С правкой шаблона?

С именно этой правкой, да, первый раз. Некоторый вообще не знают что такое SVG)
Вот, все верно сделал же

 <a href='{setting="base_url"}' id='elLogo' accesskey='1'>
        <?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Creator: CorelDRAW X6 -->
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="210mm" height="297mm" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
viewBox="0 0 21000 29700"
 xmlns:xlink="http://www.w3.org/1999/xlink">
 <defs>
  <style type="text/css">
   <![CDATA[
    .fil0 {fill:#FEFEFE}
   ]]>
  </style>
 </defs>
 <g id="Слой_x0020_1">
  <metadata id="CorelCorpID_0Corel-Layer"/>
  <path class="fil0" d="M7049 9344l1126 -1126 4579 0 1126 1126 0 4798 -976 -536 0 -3807 -606 -606 -3668 0 -606 606 0 2238 1952 1072 0 4019 977 0 0 -1267 976 536 0 1707 -2929 0 0 -4427 -1952 -1072 0 -3262zm6832 5910l0 3676 -1126 1126 -4579 0 -1126 -1126 0 -5212 976 536 0 4221 606 606 3668 0 606 -606 0 -2652 -1952 -1073 0 -1103 2927 1608zm-2927 -2719l0 -1389 -977 0 0 852 -976 -536 0 -1292 2929 0 0 2901 -976 -536z"/>
 </g>
</svg>
Ну буду на пробном шаблоне, тестировать, может в итоге что то и выйдет.

Link to comment
Share on other sites

zmaker господи, Вы админкой то хоть пользовались в полной мере? Причём тут вообще SVG???

1. Нужно войти в редактирование темы "Редактировать HTML и CSS"

2. Дальше в поле поиска вставить строчку, которую я скинул

<a href='{setting="base_url"}' id='elLogo' accesskey='1'>

image.thumb.png.71352455db795a31e8adffee2f372a2c.png

Отобразится шаблон logo, в который нужно вставить код SVG после этой строчки кода, что выше

Link to comment
Share on other sites

4 минуты назад, the.bunin сказал:

zmaker господи, Вы админкой то хоть пользовались в полной мере? Причём тут вообще SVG???

1. Нужно войти в редактирование темы "Редактировать HTML и CSS"

2. Дальше в поле поиска вставить строчку, которую я скинул

<a href='{setting="base_url"}' id='elLogo' accesskey='1'>

image.thumb.png.71352455db795a31e8adffee2f372a2c.png

Отобразится шаблон logo, в который нужно вставить код SVG после этой строчки кода, что выше

Ладно, поставлю PNG, это видимо не дано.
Спасибо за ответы.

Link to comment
Share on other sites

1 минуту назад, zmaker сказал:

Ладно, поставлю PNG, это видимо не дано.
Спасибо за ответы.

Ёпт, парень, ты серьёзно????? Слов нет...

Пойду бахну вискаря, вынудил прям

Link to comment
Share on other sites

2 минуты назад, the.bunin сказал:

Ёпт, парень, ты серьёзно????? Слов нет...

Я этим ни когда не занимался, если только какие то мелочи, по правке шрифта или еще какой пустяк, а тут, не все так просто.
Проще PNG использовать да и все.

Link to comment
Share on other sites

Тебе нужно вставить svg в определённое место в определённый шаблон. Шаблон называется logo, а место указал the.bunin 

Link to comment
Share on other sites

Разобрался, спасибо.
Только SVG сделав размер как в PNG шапку растянуло, вот на скриншотах видно, на черно-белом это лого PNG установлен, на темно-синем, лого SVG с растянутой шапкой, это как то правится?

png.png.21349122617a67ad0022898670fe3516.pngsvg.png.7e058eb00c284071b9c14690d0c8bec6.png

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Ваша ссылка была автоматически строена.   Отображать как обычную ссылку

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...