17

Главная - иконки img svg

Как использовать svg на сайте

Пример работы скрипта : «Как использовать svg на сайте»
Скрипт № 75.15
Cкачать архив «Как использовать svg на сайте»
Всего скачали 3 раз/а.

Если вы сталкивались с svg форматом, то знаете, что там бывает довольно много кода! И каждый раз пихать его на страницу, бывает не очень визуально приятно!
Это всего лишь стационарный текст, который можно в самом верху.. где-то в шаблоне загнать в переменную.
И выводить там, где уже нужно с помощью данной переменной.

Пример использования svg на сайте.

Деваете возьмём svg из предыдущей страницы. Он будет иметь вид:
Стили можно и нужно вынести в отдельный файл тег style
<style type="text/css">svg#cross { color: red; width: 16px; }</style>
<svg viewBox="0 0 24 24" id="cross"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" fill="currentColor" fill-rule="evenodd"></path></svg>
Результат:


Теперь помести в перменную... назовем ее cross
$cross = '<svg viewBox="0 0 24 24" id="cross"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" fill="currentColor" fill-rule="evenodd"></path></svg>';
И далее уже там где нужно выводим
echo $cross;
Резудтат:

P.S. Этот, эти примеры и вообще весь сайт делается для того, чтобы вы могли понять, как это должно работать!
Потому, что я помню, как сам барахтался в этом море информации!
Не забывай о ближних своих!
Помогай им!
И не забывай тех, кто помог тебе!
Просто скажи спасибо!
Любая твоя реакция, на представление материалы очень важна для нас!
Не молчи! напиши что-то!(В рамках приличия конечно)


Нашел ошибку - напиши в коментах! У нас происходит большая чистка контента и приведение его к одному шаблону!
Если увидел ошибку – не поленись – напиши в коментах!
Мы очень Вам благодатны за вашу активную позицию!
Поделиться :
Оставить комментарий:
Всего комментариев : 0 PRO DW
+
=


PRO DW
Проголосовать: (Рейтинг звездный)
Еще никто не проголосовал
Может послушаем немного музыки!?