Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Ru.Board » Общие вопросы по Ru.Board » RuBoard — Внешний вид / Дополнительный функционал

Модерирует : batva, DimoN

 Версия для печати • ПодписатьсяДобавить в закладки
На первую страницук этому сообщениюк последнему сообщению

Открыть новую тему     Написать ответ в эту тему

iNNOKENTIY21



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

В самом низу кода цвет у SVG можно поменять.

Код:

// ==UserScript==
// @name         RuBoard — Replace img to SVG
// @namespace    iNNOKENTIY21.RuBoard
// @version      1.0
// @description  Заменяет изображение на SVG. В самом низу цвет у SVG можно поменять.
// @author       iNNOKENTIY21
// @match        *://forum.ru-board.com/*
// @icon         http://forum.ru-board.com/favicon.ico
// @grant        none
// ==/UserScript==
 
// https://www.google.com/s2/favicons?sz=32&domain=ru-board.com
(function() {
    'use strict';
 
    // Функция для замены изображения, первого вхождения, на SVG
    const replaceToSVG = (path, svg) => {
        const img = document.querySelector(`img[src*="${path}"]`);
        if (img) { img.outerHTML = svg; }
    };
 
    // Функция для замены изображения, всех вхождений, на SVG
    const replaceAllToSVG = (path, svg) => {
        const imgs = document.querySelectorAll(`img[src*="${path}"]`);
        imgs.forEach(img => { img.outerHTML = svg; });
    };
 
    // Функция для удаления изображения из DOM
    const removeImageFromDOM = (path) => {
        const imgs = document.querySelectorAll(`img[src*="${path}"]`);
        imgs.forEach(img => { img.parentNode.removeChild(img); });
    };
 
    // Функция для изменения цвета всех SVG с классом "Section"
    function changeSvgColor(newColor) {
        const svgs = document.querySelectorAll('.Section');
        svgs.forEach(svg => { svg.style.color = newColor; });
    }
 
    // Календарик
    const svgCalendar = `
        <svg class="Section" style="color: gray" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="CurrentColor" width="20" height="20">
            <path d="M152 24c0-13.3-10.7-24-24-24s-24 10.7-24 24V64H64C28.7 64 0 92.7 0 128v16 48V448c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V192 144 128c0-35.3-28.7-64-64-64H344V24c0-13.3-10.7-24-24-24s-24 10.7-24 24V64H152V24zM48 192H400V448c0 8.8-7.2 16-16 16H64c-8.8 0-16-7.2-16-16V192z"/>
        </svg>
    `;
 
    // Закладки
    const svgBookmarks = `
        <svg class="Section" style="color: gray" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="CurrentColor" width="48" height="48">
            <path d="M7.84 4.1a.178.178 0 0 1 .32 0l.634 1.285a.178.178 0 0 0 .134.098l1.42.206c.145.021.204.2.098.303L9.42 6.993a.178.178 0 0 0-.051.158l.242 1.414a.178.178 0 0 1-.258.187l-1.27-.668a.178.178 0 0 0-.165 0l-1.27.668a.178.178 0 0 1-.257-.187l.242-1.414a.178.178 0 0 0-.05-.158l-1.03-1.001a.178.178 0 0 1 .098-.303l1.42-.206a.178.178 0 0 0 .134-.098L7.84 4.1z"/>
            <path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5V2zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1H4z"/>
        </svg>
    `;
 
    // Операционные системы
    const svgOS = `
        <svg class="Section" style="color: gray" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68 48" fill="currentColor" width="68" height="48">
            <g>
                <!-- Окна -->
                <svg viewBox="0 0 16 16" width="48" height="48" fill="lightblue" transform="translate(20, 0)">
                    <path d="M6.555 1.375 0 2.237v5.45h6.555V1.375zM0 13.795l6.555.933V8.313H0v5.482zm7.278-5.4.026 6.378L16 16V8.395H7.278zM16 0 7.33 1.244v6.414H16V0z"/>
                </svg>
                <!-- Пингвин -->
                <svg viewBox="0 0 48 48" width="48" height="48" transform="translate(0, 5)">
                    <path fill="#ECEFF1" d="m20.1 16.2l.1 2.3l-1.6 3l-2.5 4.9l-.5 4.1l1.8 5.8l4.1 2.3h6.2l5.8-4.4l2.6-6.9l-6-7.3l-1.7-4.1z"/><path fill="#263238" d="M34.3 21.9c-1.6-2.3-2.9-3.7-3.6-6.6s.2-2.1-.4-4.6c-.3-1.3-.8-2.2-1.3-2.9c-.6-.7-1.3-1.1-1.7-1.2c-.9-.5-3-1.3-5.6.1c-2.7 1.4-2.4 4.4-1.9 10.5c0 .4-.1.9-.3 1.3c-.4.9-1.1 1.7-1.7 2.4c-.7 1-1.4 2-1.9 3.1c-1.2 2.3-2.3 5.2-2 6.3c.5-.1 6.8 9.5 6.8 9.7c.4-.1 2.1-.1 3.6-.1c2.1-.1 3.3-.2 5 .2c0-.3-.1-.6-.1-.9c0-.6.1-1.1.2-1.8c.1-.5.2-1 .3-1.6c-1 .9-2.8 1.9-4.5 2.2c-1.5.3-4-.2-5.2-1.7c.1 0 .3 0 .4-.1c.3-.1.6-.2.7-.4c.3-.5.1-1-.1-1.3s-1.7-1.4-2.4-2s-1.1-.9-1.5-1.3l-.8-.8c-.2-.2-.3-.4-.4-.5c-.2-.5-.3-1.1-.2-1.9c.1-1.1.5-2 1-3c.2-.4.7-1.2.7-1.2s-1.7 4.2-.8 5.5c0 0 .1-1.3.5-2.6c.3-.9.8-2.2 1.4-2.9s2.1-3.3 2.2-4.9c0-.7.1-1.4.1-1.9c-.4-.4 6.6-1.4 7-.3c.1.4 1.5 4 2.3 5.9c.4.9.9 1.7 1.2 2.7c.3 1.1.5 2.6.5 4.1c0 .3 0 .8-.1 1.3c.2 0 4.1-4.2-.5-7.7c0 0 2.8 1.3 2.9 3.9c.1 2.1-.8 3.8-1 4.1c.1 0 2.1.9 2.2.9c.4 0 1.2-.3 1.2-.3c.1-.3.4-1.1.4-1.4c.7-2.3-1-6-2.6-8.3"/><g fill="#ECEFF1" transform="translate(0 -2)"><ellipse cx="21.6" cy="15.3" rx="1.3" ry="2"/><ellipse cx="26.1" cy="15.2" rx="1.7" ry="2.3"/></g><g fill="#212121" transform="translate(0 -2)"><ellipse cx="21.7" cy="15.5" rx="1.2" ry=".7" transform="rotate(-97.204 21.677 15.542)"/><ellipse cx="26" cy="15.6" rx="1" ry="1.3"/></g><path fill="#FFC107" d="M39.3 35.6c-.4-.2-1.1-.5-1.7-1.4c-.3-.5-.2-1.9-.7-2.5c-.3-.4-.7-.2-.8-.2c-.9.2-3 1.6-4.4 0c-.2-.2-.5-.5-1-.5s-.7.2-.9.6s-.2.7-.2 1.7c0 .8 0 1.7-.1 2.4c-.2 1.7-.5 2.7-.5 3.7c0 1.1.3 1.8.7 2.1c.3.3.8.5 1.9.5s1.8-.4 2.5-1.1c.5-.5.9-.7 2.3-1.7c1.1-.7 2.8-1.6 3.1-1.9c.2-.2.5-.3.5-.9c0-.5-.4-.7-.7-.8m-20.1.3c-1-1.6-1.1-1.9-1.8-2.9c-.6-1-1.9-2.9-2.7-2.9c-.6 0-.9.3-1.3.7s-.8 1.3-1.5 1.8c-.6.5-2.3.4-2.7 1s.4 1.5.4 3c0 .6-.5 1-.6 1.4c-.1.5-.2.8 0 1.2c.4.6.9.8 4.3 1.5c1.8.4 3.5 1.4 4.6 1.5s3 0 3-2.7c.1-1.6-.8-2-1.7-3.6m1.9-18.1c-.6-.4-1.1-.8-1.1-1.4s.4-.8 1-1.3c.1-.1 1.2-1.1 2.3-1.1s2.4.7 2.9.9c.9.2 1.8.4 1.7 1.1c-.1 1-.2 1.2-1.2 1.7c-.7.2-2 1.3-2.9 1.3c-.4 0-1 0-1.4-.1c-.3-.1-.8-.6-1.3-1.1"/><path fill="#634703" d="M20.9 17c.2.2.5.4.8.5c.2.1.5.2.5.2h.9c.5 0 1.2-.2 1.9-.6c.7-.3.8-.5 1.3-.7c.5-.3 1-.6.8-.7s-.4 0-1.1.4c-.6.4-1.1.6-1.7.9c-.3.1-.7.3-1 .3h-.9c-.3 0-.5-.1-.8-.2c-.2-.1-.3-.2-.4-.2c-.2-.1-.6-.5-.8-.6c0 0-.2 0-.1.1zm3-2.2c.1.2.3.2.4.3s.2.1.2.1c.1-.1 0-.3-.1-.3c0-.2-.5-.2-.5-.1m-1.6.2c0 .1.2.2.2.1c.1-.1.2-.2.3-.2c.2-.1.1-.2-.2-.2c-.2.1-.2.2-.3.3"/><path fill="#455A64" d="M32 32.7v.3c.2.4.7.5 1.1.5c.6 0 1.2-.4 1.5-.8c0-.1.1-.2.2-.3c.2-.3.3-.5.4-.6c0 0-.1-.1-.1-.2c-.1-.2-.4-.4-.8-.5c-.3-.1-.8-.2-1-.2c-.9-.1-1.4.2-1.7.5c0 0 .1 0 .1.1c.2.2.3.4.3.7c.1.2 0 .3 0 .5"/>
                </svg>
                <!-- Яблоко -->
                <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 26 26" transform="translate(40, 36)">
                    <path fill="currentColor" stroke="black" d="M23.934 18.947c-.598 1.324-.884 1.916-1.652 3.086c-1.073 1.634-2.588 3.673-4.461 3.687c-1.666.014-2.096-1.087-4.357-1.069c-2.261.011-2.732 1.089-4.4 1.072c-1.873-.017-3.307-1.854-4.381-3.485c-3.003-4.575-3.32-9.937-1.464-12.79C4.532 7.425 6.61 6.237 8.561 6.237c1.987 0 3.236 1.092 4.879 1.092c1.594 0 2.565-1.095 4.863-1.095c1.738 0 3.576.947 4.889 2.581c-4.296 2.354-3.598 8.49.742 10.132M16.559 4.408c.836-1.073 1.47-2.587 1.24-4.131c-1.364.093-2.959.964-3.891 2.092c-.844 1.027-1.544 2.553-1.271 4.029c1.488.048 3.028-.839 3.922-1.99"/>
                </svg>
                <!-- Андроид -->
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 48 48" transform="translate(50, 34)">
                    <path fill="#7CB342" d="M12 29.001a2 2 0 0 1-4 0v-9a2 2 0 0 1 4 0zm28 0a2 2 0 0 1-4 0v-9a2 2 0 0 1 4 0zM22 40a2 2 0 0 1-4 0v-9a2 2 0 0 1 4 0zm8 0a2 2 0 0 1-4 0v-9a2 2 0 0 1 4 0z"/>
                    <path fill="#7CB342" d="M14 18.001V33a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V18.001zM24 8c-6 0-9.655 3.645-10 8h20c-.346-4.355-4-8-10-8m-4 5.598a1 1 0 1 1 0-2a1 1 0 0 1 0 2m8 0a1 1 0 1 1 0-2a1 1 0 0 1 0 2"/>
                    <path fill="none" stroke="#7CB342" stroke-linecap="round" stroke-width="2" d="m30 7l-1.666 2.499M18 7l1.333 2.082"/>
                </svg>
            </g>
        </svg>
    `;
 
    // Игры
    const svgGames = `
        <svg class="Section" style="color: gray" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="CurrentColor" width="48" height="48">
            <path d="M467.51,248.83c-18.4-83.18-45.69-136.24-89.43-149.17A91.5,91.5,0,0,0,352,96c-26.89,0-48.11,16-96,16s-69.15-16-96-16a99.09,99.09,0,0,0-27.2,3.66C89,112.59,61.94,165.7,43.33,248.83c-19,84.91-15.56,152,21.58,164.88,26,9,49.25-9.61,71.27-37,25-31.2,55.79-40.8,119.82-40.8s93.62,9.6,118.66,40.8c22,27.41,46.11,45.79,71.42,37.16C487.1,399.86,486.52,334.74,467.51,248.83Z"/>
            <circle cx="292" cy="224" r="20" fill="green"/>
            <path d="M336,288a20,20,0,1,1,20-19.95A20,20,0,0,1,336,288Z" fill="red"/>
            <circle cx="336" cy="180" r="20" fill="orange"/>
            <circle cx="380" cy="224" r="20" fill="blue"/>
            <line x1="160" y1="176" x2="160" y2="272" style="fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/>
            <line x1="208" y1="224" x2="112" y2="224" style="fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/>
        </svg>
    `;
 
    // Цифровое изображение
    const svgCamera = `
        <svg class="Section" style="color: gray" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="CurrentColor" width="48" height="48">
            <path d="M10.5 8.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z"></path>
            <path d="M2 4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-1.172a2 2 0 0 1-1.414-.586l-.828-.828A2 2 0 0 0 9.172 2H6.828a2 2 0 0 0-1.414.586l-.828.828A2 2 0 0 1 3.172 4H2zm.5 2a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1zm9 2.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0z"></path>
        </svg>
    `;
 
    // Программы
    const svgProgram = `
        <svg class="Section" style="color: gray" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="CurrentColor" width="48" height="48">
            <rect x="48" y="48" width="112" height="112" rx="8" ry="8"/>
            <rect x="200" y="48" width="112" height="112" rx="8" ry="8"/>
            <rect x="352" y="48" width="112" height="112" rx="8" ry="8"/>
            <rect x="48" y="200" width="112" height="112" rx="8" ry="8"/>
            <rect x="200" y="200" width="112" height="112" rx="8" ry="8"/>
            <rect x="352" y="200" width="112" height="112" rx="8" ry="8"/>
            <rect x="48" y="352" width="112" height="112" rx="8" ry="8"/>
            <rect x="200" y="352" width="112" height="112" rx="8" ry="8"/>
            <rect x="352" y="352" width="112" height="112" rx="8" ry="8"/>
        </svg>
    `;
 
    // В помощь системному администратору
    const svgAdmin = `
        <svg class="Section" style="color: gray" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" width="48" height="48">
            <g>
                <path fill="none" d="M0 0h24v24H0z"/>
                <path d="M12 14v2a6 6 0 0 0-6 6H4a8 8 0 0 1 8-8zm0-1c-3.315 0-6-2.685-6-6s2.685-6 6-6 6 2.685 6 6-2.685 6-6 6zm0-2c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm9 6h1v5h-8v-5h1v-1a3 3 0 0 1 6 0v1zm-2 0v-1a1 1 0 0 0-2 0v1h2z"/>
            </g>
        </svg>
    `;
 
    // В помощь системному администратору
    const svgAdministrator = `
        <svg class="Section" style="color: gray" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" fill="currentColor" width="48" height=48">
            <title>administrator-line</title>
            <path d="M14.68,14.81a6.76,6.76,0,1,1,6.76-6.75A6.77,6.77,0,0,1,14.68,14.81Zm0-11.51a4.76,4.76,0,1,0,4.76,4.76A4.76,4.76,0,0,0,14.68,3.3Z"/>
            <path d="M16.42,31.68A2.14,2.14,0,0,1,15.8,30H4V24.22a14.81,14.81,0,0,1,11.09-4.68l.72,0a2.2,2.2,0,0,1,.62-1.85l.12-.11c-.47,0-1-.06-1.46-.06A16.47,16.47,0,0,0,2.2,23.26a1,1,0,0,0-.2.6V30a2,2,0,0,0,2,2H16.7Z"/>
            <path d="M26.87,16.29a.37.37,0,0,1,.15,0,.42.42,0,0,0-.15,0Z"/>
            <path d="M33.68,23.32l-2-.61a7.21,7.21,0,0,0-.58-1.41l1-1.86A.38.38,0,0,0,32,19l-1.45-1.45a.36.36,0,0,0-.44-.07l-1.84,1a7.15,7.15,0,0,0-1.43-.61l-.61-2a.36.36,0,0,0-.36-.24H23.82a.36.36,0,0,0-.35.26l-.61,2a7,7,0,0,0-1.44.6l-1.82-1a.35.35,0,0,0-.43.07L17.69,19a.38.38,0,0,0-.06.44l1,1.82A6.77,6.77,0,0,0,18,22.69l-2,.6a.36.36,0,0,0-.26.35v2.05A.35.35,0,0,0,16,26l2,.61a7,7,0,0,0,.6,1.41l-1,1.91a.36.36,0,0,0,.06.43l1.45,1.45a.38.38,0,0,0,.44.07l1.87-1a7.09,7.09,0,0,0,1.4.57l.6,2a.38.38,0,0,0,.35.26h2.05a.37.37,0,0,0,.35-.26l.61-2.05a6.92,6.92,0,0,0,1.38-.57l1.89,1a.36.36,0,0,0,.43-.07L32,30.4A.35.35,0,0,0,32,30l-1-1.88a7,7,0,0,0,.58-1.39l2-.61a.36.36,0,0,0,.26-.35V23.67A.36.36,0,0,0,33.68,23.32ZM24.85,28a3.34,3.34,0,1,1,3.33-3.33A3.34,3.34,0,0,1,24.85,28Z"/>
            <rect x="0" y="0" width="36" height="36" fill-opacity="0"/>
        </svg>
    `;
 
    // Прикладное программирование
    const svgCode = `
        <svg class="Section" style="color: gray" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="none" stroke="currentColor" width="48" height="48">
            <path d="M80,40c-64,0,0,88-64,88,64,0,0,88,64,88" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"/>
            <path d="M176,40c64,0,0,88,64,88-64,0,0,88-64,88" stroke-linecap="round" stroke-linejoin="round" stroke-width="24"/>
        </svg>
    `;
 
    // Hardware
    const svgHardware = `
        <svg class="Section" style="color: gray" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" width="48" height="48">
            <path d="M22,0H2A2,2,0,0,0,0,2V22a2,2,0,0,0,2,2H22a2,2,0,0,0,2-2V2A2,2,0,0,0,22,0ZM6,16a1,1,0,1,1,1-1A1.00115,1.00115,0,0,1,6,16ZM22,6H19.81628a3,3,0,1,0,0,2H22v4H18v2h4v2H20v2h2v4H14V20.81628a3,3,0,1,0-2,0V22H7V17.81628a3,3,0,1,0-2,0V22H2V2H6V8H8V2h2V12h2V2H22ZM18,7a1,1,0,1,1-1-1A1.00115,1.00115,0,0,1,18,7Z"/>
        </svg>
    `;
 
    // Web-программирование
    const svgWebCode = `
        <svg class="Section" style="color: gray" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16" width="48" height="48">
            <path d="M10.478 1.647a.5.5 0 1 0-.956-.294l-4 13a.5.5 0 0 0 .956.294l4-13zM4.854 4.146a.5.5 0 0 1 0 .708L1.707 8l3.147 3.146a.5.5 0 0 1-.708.708l-3.5-3.5a.5.5 0 0 1 0-.708l3.5-3.5a.5.5 0 0 1 .708 0zm6.292 0a.5.5 0 0 0 0 .708L14.293 8l-3.147 3.146a.5.5 0 0 0 .708.708l3.5-3.5a.5.5 0 0 0 0-.708l-3.5-3.5a.5.5 0 0 0-.708 0z"/>
        </svg>
    `;
 
    // В помощь вебмастеру
    const svgSEO = `
        <svg class="Section" style="color: gray" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" id="OBJECT" width="48" height="48">
            <defs>
                <style>.cls-1{fill:currentColor;}</style>
            </defs>
            <rect class="cls-1" height="30" rx="3" ry="3" width="30" x="1" y="1"/>
            <path d="M31,7V4a3,3,0,0,0-3-3H4A3,3,0,0,0,1,4V7Z"/>
            <path class="cls-1" d="M26,5h-.5a1,1,0,0,1,0-2H26a1,1,0,0,1,0,2Z"/>
            <path class="cls-1" d="M22,5h-.5a1,1,0,0,1,0-2H22a1,1,0,0,1,0,2Z"/>
            <path d="M8,24H6a1,1,0,0,1,0-2H8a1,1,0,0,0,0-2,3,3,0,0,1,0-6h2a1,1,0,0,1,0,2H8a1,1,0,0,0,0,2,3,3,0,0,1,0,6Z"/>
            <path d="M14,24a1,1,0,0,1-1-1V15a1,1,0,0,1,2,0v8A1,1,0,0,1,14,24Z"/>
            <path d="M18,16H14.17a1,1,0,0,1,0-2H18a1,1,0,0,1,0,2Z"/>
            <path d="M18,20H14.17a1,1,0,0,1,0-2H18a1,1,0,0,1,0,2Z"/>
            <path d="M18,24H14.17a1,1,0,0,1,0-2H18a1,1,0,0,1,0,2Z"/>
            <path d="M24,24a3,3,0,0,1-3-3V17a3,3,0,0,1,6,0v4A3,3,0,0,1,24,24Zm0-8a1,1,0,0,0-1,1v4a1,1,0,0,0,2,0V17A1,1,0,0,0,24,16Z"/>
        </svg>
    `;
 
    // Графика
    const svgDesign = `
        <svg class="Section" style="color: gray" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" width="48" height="48">
            <path d="M4.228 6.492c.292.296.462.683.567 1.07C5 8.314 5 9.244 5 9.963V10c0 2.058-.385 3.28-.821 4.007a2.7 2.7 0 0 1-.638.747a1.7 1.7 0 0 1-.33.2S3.084 15 3 15a.8.8 0 0 1-.211-.046a1.7 1.7 0 0 1-.33-.2a2.7 2.7 0 0 1-.638-.747C1.385 13.281 1 12.058 1 10v-.036c0-.72 0-1.649.205-2.403c.105-.386.275-.773.567-1.07C1.3 6.044 1 5.332 1 4.5c0-.326.087-.715.207-1.074s.288-.732.482-1.032c.231-.39.556-.717.808-.937a6 6 0 0 1 .432-.343l.03-.02l.009-.007l.003-.002l.002-.001a.5.5 0 0 1 .727.64a.3.3 0 0 0-.013.089c0 .063.016.183.167.333c.073.073.129.125.19.182c.05.046.103.094.17.16c.13.124.267.27.39.453c.255.383.396.862.396 1.559c0 .832-.3 1.543-.772 1.992M3 7c-.25 0-.4.078-.513.19c-.126.127-.235.333-.317.634C2.004 8.435 2 9.237 2 10c0 1.942.365 2.97.679 3.493c.12.2.233.329.321.41a1.8 1.8 0 0 0 .321-.41C3.635 12.969 4 11.942 4 10c0-.763-.004-1.565-.17-2.176c-.082-.3-.191-.507-.317-.634C3.4 7.078 3.249 7 3 7M2 4.5C2 5.572 2.615 6 3 6s1-.428 1-1.5c0-.553-.109-.824-.229-1.004a1.8 1.8 0 0 0-.251-.289l-.124-.116a10 10 0 0 1-.25-.237a1.7 1.7 0 0 1-.279-.365a2.5 2.5 0 0 0-.334.44c-.14.215-.276.51-.377.814c-.104.31-.156.584-.156.757m4.998 6.473a4.5 4.5 0 0 1-1.016-.235Q6 10.362 6 9.96v-.296c.31.147.646.25.998.3V8a2 2 0 0 1 2-2h1.965a3.5 3.5 0 0 0-5.075-2.609a3.2 3.2 0 0 0-.384-.926A4.5 4.5 0 0 1 11.97 6h1.027a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2zM11.971 7a4.5 4.5 0 0 1-3.973 3.973V12a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1zm-1.008 0H8.998a1 1 0 0 0-1 1v1.965A3.5 3.5 0 0 0 10.963 7"/>
        </svg>
    `;
 
    // Хостинг
    const svgHost = `
        <svg class="Section" style="color: gray" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" width="48" height="48">
            <path d="M2 21V3h9v18zm11 0V3h9v18zm-8-6h3v-2H5zm11 0h3v-2h-3zM5 12h3v-2H5zm11 0h3v-2h-3zM5 9h3V7H5zm11 0h3V7h-3z"/>
        </svg>
    `;
 
    // Зацените-ка!
    const svgSearchIssue = `
        <svg class="Section" style="color: gray" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2048 2048" fill="currentColor" width="48" height="48">
            <path d="M1664 576q0 119-45 224t-124 183t-183 123t-224 46q-99 0-191-32t-169-94l-619 619q-19 19-45 19t-45-19t-19-45t19-45l619-619q-62-77-94-169t-32-191q0-119 45-224t124-183T864 46t224-46q119 0 224 45t183 124t123 183t46 224m-1024 0q0 93 35 174t96 142t142 96t175 36q93 0 174-35t142-96t96-142t36-175q0-93-35-174t-96-142t-142-96t-175-36q-93 0-174 35t-142 96t-96 142t-36 175m1024 1344h128v128h-128zm64-704q53 0 99 20t82 55t55 81t20 100q0 47-17 89t-49 76h-1l-95 96q-14 14-20 28t-8 29t-3 32t1 34h-128v-48q0-46 14-81t35-63t47-50t46-45t36-45t14-52q0-27-10-50t-27-40t-41-28t-50-10q-27 0-50 10t-40 27t-28 41t-10 50h-128q0-53 20-99t55-82t81-55t100-20"/>
        </svg>
    `;
 
    // IkonBoard и другие форумы
    const svgEngine = `
        <svg class="Section" style="color: gray" xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24">
            <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
                <path stroke-dasharray="48" stroke-dashoffset="48" d="M11 9h6v10h-6.5l-2 -2h-2.5v-6.5l1.5 -1.5Z">
                    <animate fill="freeze" attributeName="stroke-dashoffset" dur="0.6s" values="48;0"/>
                </path>
                <path fill="#999999" fill-opacity="0" d="M17 13h0v-3h0v8h0v-3h0z" opacity="0">
                    <animate fill="freeze" attributeName="d" begin="0.6s" dur="0.2s" values="M17 13h0v-3h0v8h0v-3h0z;M17 13h4v-3h1v8h-1v-3h-4z"/>
                    <set fill="freeze" attributeName="fill-opacity" begin="0.8s" to="1"/>
                    <set fill="freeze" attributeName="opacity" begin="0.6s" to="1"/>
                </path>
                <path d="M6 14h0M6 11v6" opacity="0">
                    <animate fill="freeze" attributeName="d" begin="0.8s" dur="0.2s" values="M6 14h0M6 11v6;M6 14h-4M2 11v6"/>
                    <set fill="freeze" attributeName="opacity" begin="0.8s" to="1"/>
                </path>
                <path d="M11 9v0M8 9h6" opacity="0">
                    <animate fill="freeze" attributeName="d" begin="1s" dur="0.2s" values="M11 9v0M8 9h6;M11 9v-4M8 5h6"/>
                    <set fill="freeze" attributeName="opacity" begin="1s" to="1"/>
                </path>
            </g>
        </svg>
    `;
 
    // Системы управления сайтами
    const svgCMS = `
        <svg class="Section" style="color: gray" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1025 1024" fill="currentColor" width="48" height="48">
            <path d="M896.826 768V640q0-14-9.5-23t-22.5-9h-94q-9-17-20-33l46-80q6-11 3-24t-15-20l-164-96q-12-6-24.5-2.5t-19.5 14.5l-46 82q-2 0-8-.5t-9.5-.5t-10 .5t-8.5.5l-46-82q-7-11-19.5-14.5t-24.5 2.5l-164 96q-12 7-15 20t3 24l46 80q-11 16-19 33h-95q-13 0-22.5 9t-9.5 23v128q-53 0-90.5-37.5T.826 640V256q0-27 18.5-45.5t45.5-18.5h480l46-85q7-18 28-30.5t44-12.5h240q24 0 45 12.5t28 30.5l49 85v448q0 53-37.5 90.5t-90.5 37.5m-850-725q7-18 28-30.5t44-12.5h240q24 0 45 12.5t29 30.5l48 85h-480zm178 629h108q12-35 38-64l-46-83q-7-11-3.5-23.5t14.5-19.5l52-31q11-6 23-2.5t18 14.5l48 84q20-3 36-3q17 0 36 3l48-84q6-11 18-14.5t23 2.5l53 31q10 7 13.5 19.5t-2.5 23.5l-47 83q26 29 38 64h108q13 0 22.5 9t9.5 23v64q0 13-9.5 22.5t-22.5 9.5h-108q-12 34-38 63l47 83q6 12 2.5 24t-13.5 19l-53 31q-11 6-23 3t-18-15l-48-84q-19 4-35.5 4t-36.5-4l-48 84q-6 12-18 15t-23-3l-52-31q-11-7-14.5-19t3.5-24l46-83q-26-29-38-63h-108q-13 0-22.5-9.5t-9.5-22.5v-64q0-14 9.5-23t22.5-9m288.5 128q26.5 0 45-19t18.5-45.5t-18.5-45t-45-18.5t-45.5 18.5t-19 45t19 45.5t45.5 19"/>
        </svg>
    `;
 
    // Мобила | Мобильный варезник
    const svgMobile = `
        <svg class="Section" style="color: gray" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 16" fill="currentColor" width="48" height="48">
            <path fill-rule="evenodd" d="M6.939 2.042V.047l-.893.011l-.005 15.88h6.916V2.022zm1.088 9.979H6.984v-1.053h1.043zm0-2H6.968V8.984h1.059zm1.973 2H8.998v-1.068H10zm.016-2H8.998V8.968h1.018zm2 2h-1.042v-1.068h1.042zm-3.989 2H6.968v-1.053h1.059zm1.989 0H8.998v-1.068h1.018zm2.015 0h-1.089v-1.068h1.089zm0-4h-1.073V8.953h1.073zm.031-2H6.954V3.953h5.108z"/>
        </svg>
    `;
 
    // Флейм
    const svgUserSpeak = `
        <svg class="Section" style="color: gray" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="48" height="48">
            <g fill="none" stroke="currentColor" stroke-width="1.5">
                <circle cx="10" cy="6" r="4"/>
                <path d="M18 17.5c0 2.485 0 4.5-8 4.5s-8-2.015-8-4.5S5.582 13 10 13s8 2.015 8 4.5Z"/>
                <path stroke-linecap="round" d="M19 2s2 1.2 2 4s-2 4-2 4m-2-6s1 .6 1 2s-1 2-1 2"/>
            </g>
        </svg>
    `;
 
    // Спорт
    const svgSport = `
        <svg class="Section" style="color: gray" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" width="48" height="48">
            <path d="M6 21v-8.65q-1.3-.35-2.15-1.4T3 8.5q0-1.325.763-2.35t1.962-1.425q.575-1.2 1.713-1.95T10 2.025q.875 0 1.638.3t1.387.8q.25-.05.475-.088T14 3q1.65 0 2.825 1.175T18 7q0 .55-.137 1.05T17.45 9H19q.825 0 1.413.588T21 11v6q0 .825-.587 1.413T19 19h-2v2zM5 8.5q0 .825.588 1.413T7 10.5q.8 0 1.363-.525T9.525 8.8q.625-.675 1.413-1.238T13 7h3q0-.825-.587-1.412T14 5q-.625 0-1.05.163l-.425.162l-.775-.65q-.275-.225-.713-.438T10 4.025q-.8 0-1.463.425T7.525 5.6l-.35.75l-.8.275q-.625.2-1 .713T5 8.5M17 17h2v-6h-2z"/>
        </svg>
    `;
 
    // Музыка и Кино
    const svgMusicAndCinema = `
        <svg class="Section" style="color: gray" viewBox="0 0 96 48">
            <g>
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 15" fill="currentColor" width="48" height="48">
                    <path d="M14 7.5v2a.5.5 0 0 1-1 0s.06-.5-1-.5h-1v2.5a.5.5 0 0 1-.5.5h-8a.5.5 0 0 1-.5-.5v-4a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 .5.5V8h1c1.06 0 1-.5 1-.5a.5.5 0 0 1 1 0M4 3a2 2 0 1 0 0 4a2 2 0 0 0 0-4m0 3a1 1 0 1 1 0-2a1 1 0 0 1 0 2m4.5-4a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5m0 4a1.5 1.5 0 1 1 0-3a1.5 1.5 0 0 1 0 3"/>
                </svg>
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" transform="translate(48, 0)" width="48" height="48">
                    <path d="M16 9V7h-4v5.5c-.42-.31-.93-.5-1.5-.5A2.5 2.5 0 0 0 8 14.5a2.5 2.5 0 0 0 2.5 2.5a2.5 2.5 0 0 0 2.5-2.5V9zm-4-7a10 10 0 0 1 10 10a10 10 0 0 1-10 10A10 10 0 0 1 2 12A10 10 0 0 1 12 2"/>
                </svg>
            </g>
        </svg>
    `;
 
    // Юмор
    const svgHumor = `
        <svg class="Section" style="color: gray" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="none" stroke="currentColor" width="48" height="48">
            <circle cx="24" cy="24" r="21.5" stroke-linecap="round" stroke-linejoin="round"/>
            <path stroke-linecap="round" stroke-linejoin="round" d="M38 26.87a14.24 14.24 0 0 1-27.89 0"/>
            <ellipse cx="17.2" cy="18.44" stroke-linecap="round" stroke-linejoin="round" rx="2.5" ry="4.22"/>
            <ellipse cx="30.61" cy="18.39" stroke-linecap="round" stroke-linejoin="round" rx="2.5" ry="4.22"/>
        </svg>
    `;
 
    // Художественная Литература
    const svgBooks = `
        <svg class="Section" style="color: gray" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" width="48" height="48">
            <path d="M104 36H56a12 12 0 0 0-12 12v160a12 12 0 0 0 12 12h48a12 12 0 0 0 12-12V48a12 12 0 0 0-12-12M52 76h56v104H52Zm4-32h48a4 4 0 0 1 4 4v20H52V48a4 4 0 0 1 4-4m48 168H56a4 4 0 0 1-4-4v-20h56v20a4 4 0 0 1-4 4m123.74-16.62L194.55 37.57a12 12 0 0 0-14.25-9.3l-46.81 10.05a12.1 12.1 0 0 0-9.23 14.3l33.19 157.81a12 12 0 0 0 14.25 9.3l46.81-10.06a12.08 12.08 0 0 0 9.23-14.29m-83.21-85.27l54.63-11.73l15 71.07l-54.63 11.74Zm-6.64-31.56l54.64-11.74l5 23.74l-54.64 11.73Zm-2.71-32.4L182 36.09a4 4 0 0 1 .84-.09a3.94 3.94 0 0 1 2.14.64a4 4 0 0 1 1.76 2.58L190.88 59l-54.64 11.72L132.09 51a4.07 4.07 0 0 1 3.09-4.85m81.65 155.7L170 211.91a4 4 0 0 1-3-.55a4 4 0 0 1-1.76-2.58L161.12 189l54.64-11.73l4.15 19.73a4.07 4.07 0 0 1-3.08 4.85"/>
        </svg>
    `;
 
    // Общие вопросы по Ru.Board
    const svgAskedQuestions = `
        <svg class="Section" style="color: gray" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" width="48" height="48">
            <path d="M18 15H6l-4 4V3a1 1 0 0 1 1-1h15a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1m5-6v14l-4-4H8a1 1 0 0 1-1-1v-1h14V8h1a1 1 0 0 1 1 1M8.19 4c-.87 0-1.57.2-2.11.59c-.52.41-.78.98-.77 1.77l.01.03h1.93c.01-.3.1-.53.28-.69a1 1 0 0 1 .66-.23c.31 0 .57.1.75.28c.18.19.26.45.26.75c0 .32-.07.59-.23.82c-.14.23-.35.43-.61.59c-.51.34-.86.64-1.05.91C7.11 9.08 7 9.5 7 10h2c0-.31.04-.56.13-.74s.26-.36.51-.52c.45-.24.82-.53 1.11-.93s.44-.81.44-1.31c0-.76-.27-1.37-.81-1.82C9.85 4.23 9.12 4 8.19 4M7 11v2h2v-2zm6 2h2v-2h-2zm0-9v6h2V4z"/>
        </svg>
    `;
 
    // eBookz
    const svgEReeader = `
        <svg class="Section" style="color: gray" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" width="48" height="48">
            <path d="M7 3h9a3 3 0 0 1 3 3v13a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3Zm0 1a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2h9a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2H7Zm0 1h9a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1Zm0 1v12h9V6H7Zm2 2h5v1H9V8Zm0 3h5v1H9v-1Zm0 3h3v1H9v-1Z"/>
        </svg>
    `;
 
    // Варезник
    const svgStorage = `
        <svg class="Section" style="color: gray" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" width="48" height="48">
            <path d="M2 2h20v20H2zm2 2v16h16V4h-2.5v7.875h-11V4zm4.5 0v5.875h7V4zM14 6v3h-2V6z"/>
        </svg>
    `;
 
    // Андеграунд
    const svgHack = `
        <svg class="Section" style="color: gray" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 350 512" fill="currentColor" width="48" height="70.21714285714286">
            <path d="M0 327.618V164.133L165.067 0v161.756zM178.975 166.99v161.58l160.487-161.258zm-13.908 166.099V180.382L13.093 333.09zM0 348.249V511.26l163.126-163.01zm178.975-1.052V512l170.936-171.002v-165.56z"/>
        </svg>
    `;
 
    //     Тестирование | Блоги
    const svgTools = `
        <svg class="Section" style="color: gray" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 31.87 32" fill="currentColor" width="48" height="48.19579541888923">
            <path d="M.646 5.646c-.847.848-.666 2.042.008 2.715c.027.026 2.734 2.612 6.541 6.419a.5.5 0 0 0 .708 0a.5.5 0 0 0 0-.707q-.861-.86-1.638-1.631l1.589-1.589a.5.5 0 0 0-.707-.707l-1.593 1.593a498 498 0 0 0-2.315-2.271l3.615-3.615a.5.5 0 0 0-.707-.707L2.521 8.772c-.736-.713-1.16-1.118-1.167-1.125c-.211-.211-.488-.805 0-1.293l5-5c.193-.196.707-.585 1.271-.024c.025.028 2.55 2.896 6.404 6.75a.5.5 0 0 0 .707-.707C10.906 3.544 8.4.698 8.354.646c-.932-.93-2.056-.651-2.707 0zm21.208 18.5a.5.5 0 0 0-.707 0l-1.591 1.59a350 350 0 0 0-1.53-1.541a.5.5 0 0 0-.707.707a296 296 0 0 1 6.328 6.509c.343.344.813.533 1.323.533c.525 0 1.056-.205 1.385-.535l4.998-5.057c.629-.629.665-1.696.078-2.285l-6.706-6.705a.5.5 0 0 0-.707.707l6.706 6.705c.2.2.162.632-.079.873l-4.999 5.057c-.115.116-.376.24-.676.24c-.172 0-.418-.042-.604-.229c-.01-.011-.429-.458-1.156-1.219l3.644-3.644a.5.5 0 0 0-.707-.707l-3.629 3.629a329 329 0 0 0-2.26-2.326l1.596-1.596a.5.5 0 0 0 0-.706M.142 31.829a.5.5 0 0 0 .501.129l10-2.979a.5.5 0 0 0 .212-.127l17.09-17.205c.024-.024.036-.055.054-.082l3.656-3.656a1.55 1.55 0 0 0 0-2.203L26.42.472c-.588-.588-1.615-.588-2.203 0l-3.739 3.739c-.024.024-.037.055-.055.083L3.307 21.411a.5.5 0 0 0-.122.199l-3.16 9.715a.5.5 0 0 0 .117.504M20.86 5.271l1.039 1.039L6.376 21.875l-1.727-.392zM7 22.666L22.607 7.018l2.436 2.436L9.295 25H7zm19.884-11.37L10.64 27.65l-.577-2.002L25.75 10.161zM3.993 22.359L6 22.815V25.5a.5.5 0 0 0 .5.5h2.624l.634 2.2l-8.488 2.529zm20.932-21.18a.57.57 0 0 1 .789 0l5.235 5.235a.554.554 0 0 1-.001.789l-3.371 3.372l-6.023-6.023z"/>
        </svg>
    `;
 
    // Online. За последние 15 минут были на конференции
    const svgPersonBoard = `
        <svg class="Section" style="color: gray" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 28" fill="currentColor" width="48" height="48">
            <path d="M6.75 3A3.75 3.75 0 0 0 3 6.75v11.5A3.75 3.75 0 0 0 6.75 22h11.5A3.75 3.75 0 0 0 22 18.25V6.75A3.75 3.75 0 0 0 18.25 3zM4.5 6.75A2.25 2.25 0 0 1 6.75 4.5h11.5a2.25 2.25 0 0 1 2.25 2.25v11.5a2.25 2.25 0 0 1-2.25 2.25H6.75a2.25 2.25 0 0 1-2.25-2.25zM9.25 24.5a3.75 3.75 0 0 1-3.021-1.528q.256.028.522.028H18.75A4.25 4.25 0 0 0 23 18.75v-12q0-.264-.028-.52A3.75 3.75 0 0 1 24.5 9.25v9.5a5.75 5.75 0 0 1-5.75 5.75zM7 14.875C7 13.839 7.84 13 8.875 13h7.25C17.16 13 18 13.84 18 14.875c0 1.397-.682 2.465-1.73 3.153c-1.019.669-2.364.972-3.77.972s-2.751-.303-3.77-.972C7.682 17.341 7 16.272 7 14.875m1.875-.375a.375.375 0 0 0-.375.375c0 .84.382 1.459 1.053 1.9c.7.459 1.73.725 2.947.725s2.247-.266 2.947-.726c.671-.44 1.053-1.06 1.053-1.899a.375.375 0 0 0-.375-.375zM11 9a1.5 1.5 0 1 1 3 0a1.5 1.5 0 0 1-3 0m1.5-3a3 3 0 1 0 0 6a3 3 0 0 0 0-6"/>
        </svg>
    `;
 
    // Предпросмотр последнего поста в разделе
    const svgMagePreview = `
        <svg class="Section" style="color: gray" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" transform="translate(0, 4)" width="20" height="20">
            <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5">
                <path d="M10.584 21.25h-1.25a6 6 0 0 1-6-6v-6.5a6 6 0 0 1 6-6h6.5a6 6 0 0 1 6 6V10"/>
                <path stroke-linejoin="round" d="m16.55 16.864l-.51 2.959a1.164 1.164 0 0 1-2.212.093l-2.789-7.882a1.164 1.164 0 0 1 1.493-1.493l8.036 2.788a1.164 1.164 0 0 1-.115 2.234l-3.113.51a1.17 1.17 0 0 0-.79.791"/>
            </g>
        </svg>
    `;
 
    replaceToSVG('forum.ru-board.com/board/images/last_article.gif', svgCalendar);
 
    replaceToSVG('forum.ru-board.com/board/images/programs.gif', svgBookmarks);
    replaceToSVG('forum.ru-board.com/board/images/newprograms.gif', svgBookmarks);
 
    replaceAllToSVG('forum.ru-board.com/board/images/os_1.gif', svgOS);
    replaceAllToSVG('forum.ru-board.com/board/images/newos_1.gif', svgOS);
 
    replaceAllToSVG('forum.ru-board.com/board/images/game_cat.gif', svgGames);
    replaceAllToSVG('forum.ru-board.com/board/images/newgame_cat.gif', svgGames);
 
    replaceAllToSVG('forum.ru-board.com/board/images/foto.gif', svgCamera);
    replaceAllToSVG('forum.ru-board.com/board/images/newfoto.gif', svgCamera);
 
    replaceAllToSVG('forum.ru-board.com/board/images/icn.gif', svgAdministrator);
    replaceAllToSVG('forum.ru-board.com/board/images/newicn.gif', svgAdministrator);
 
    replaceAllToSVG('forum.ru-board.com/board/images/code_old.gif', svgCode);
    replaceAllToSVG('forum.ru-board.com/board/images/newcode_old.gif', svgCode);
 
    replaceAllToSVG('forum.ru-board.com/board/images/hardware.gif', svgHardware);
    replaceAllToSVG('forum.ru-board.com/board/images/newhardware.gif', svgHardware);
 
    replaceAllToSVG('forum.ru-board.com/board/images/programs.gif', svgProgram);
    replaceAllToSVG('forum.ru-board.com/board/images/newprograms.gif', svgProgram);
 
    replaceAllToSVG('forum.ru-board.com/board/images/code.gif', svgWebCode);
    replaceAllToSVG('forum.ru-board.com/board/images/newcode.gif', svgWebCode);
 
    replaceAllToSVG('forum.ru-board.com/board/images/webhelp.gif', svgSEO);
    replaceAllToSVG('forum.ru-board.com/board/images/newwebhelp.gif', svgSEO);
 
    replaceAllToSVG('forum.ru-board.com/board/images/grap.gif', svgDesign);
    replaceAllToSVG('forum.ru-board.com/board/images/newgrap.gif', svgDesign);
 
    replaceAllToSVG('forum.ru-board.com/board/images/host.gif', svgHost);
    replaceAllToSVG('forum.ru-board.com/board/images/newhost.gif', svgHost);
 
    replaceAllToSVG('forum.ru-board.com/board/images/weblink.gif', svgSearchIssue);
    replaceAllToSVG('forum.ru-board.com/board/images/newweblink.gif', svgSearchIssue);
 
    replaceAllToSVG('forum.ru-board.com/board/images/phpnuke.gif', svgCMS);
    replaceAllToSVG('forum.ru-board.com/board/images/newphpnuke.gif', svgCMS);
 
    replaceAllToSVG('forum.ru-board.com/board/images/mobila.gif', svgMobile);
    replaceAllToSVG('forum.ru-board.com/board/images/newmobila.gif', svgMobile);
 
    replaceAllToSVG('forum.ru-board.com/board/images/chat.gif', svgUserSpeak);
    replaceAllToSVG('forum.ru-board.com/board/images/newchat.gif', svgUserSpeak);
 
    replaceAllToSVG('forum.ru-board.com/board/images/sport.gif', svgSport);
    replaceAllToSVG('forum.ru-board.com/board/images/newsport.gif', svgSport);
 
    replaceAllToSVG('forum.ru-board.com/board/images/music.gif', svgMusicAndCinema);
    replaceAllToSVG('forum.ru-board.com/board/images/newmusic.gif', svgMusicAndCinema);
 
    replaceAllToSVG('forum.ru-board.com/board/images/flame.gif', svgHumor);
    replaceAllToSVG('forum.ru-board.com/board/images/newflame.gif', svgHumor);
 
    replaceAllToSVG('forum.ru-board.com/board/images/garbage.gif', svgBooks);
    replaceAllToSVG('forum.ru-board.com/board/images/newgarbage.gif', svgBooks);
 
    replaceAllToSVG('forum.ru-board.com/board/images/techproblems.gif', svgAskedQuestions);
    replaceAllToSVG('forum.ru-board.com/board/images/newtechproblems.gif', svgAskedQuestions);
 
    replaceAllToSVG('forum.ru-board.com/board/images/ebookz.gif', svgEReeader);
    replaceAllToSVG('forum.ru-board.com/board/images/newebookz.gif', svgEReeader);
 
    replaceAllToSVG('forum.ru-board.com/board/images/warez.gif', svgStorage);
    replaceAllToSVG('forum.ru-board.com/board/images/newwarez.gif', svgStorage);
 
    replaceAllToSVG('forum.ru-board.com/board/images/wareznik.gif', svgHack);
    replaceAllToSVG('forum.ru-board.com/board/images/newwareznik.gif', svgHack);
 
    replaceAllToSVG('forum.ru-board.com/board/images/testboard.gif', svgTools);
    replaceAllToSVG('forum.ru-board.com/board/images/newtestboard.gif', svgTools);
 
    replaceAllToSVG('forum.ru-board.com/board/images/ikonboard.gif', svgEngine);
    replaceAllToSVG('forum.ru-board.com/board/images/newikonboard.gif', svgEngine);
 
    replaceAllToSVG('forum.ru-board.com/board/images/online.gif', svgPersonBoard);
 
    // Замена картинки на главной странице, при наведении на которую показывается превью
    replaceAllToSVG('forum.ru-board.com/board/images/reply3.gif', svgMagePreview);
 
    // Убираем анимрованную стрелку на главной странице
    removeImageFromDOM('forum.ru-board.com/board/images/lastpost.gif');
 
    // Изменяем цвет SVG
    changeSvgColor('#bfbfbf');
 
})();


----------
RuBoard — Внешний вид

Всего записей: 3726 | Зарегистр. 16-08-2012 | Отправлено: 11:45 09-06-2025 | Исправлено: iNNOKENTIY21, 13:45 09-06-2025
Открыть новую тему     Написать ответ в эту тему

На первую страницук этому сообщениюк последнему сообщению

Компьютерный форум Ru.Board » Ru.Board » Общие вопросы по Ru.Board » RuBoard — Внешний вид / Дополнительный функционал


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2025

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru