Загрузка...

Шаблон уменьшения кода сайта HTML

Тема в разделе HTML шаблоны, лендинги создана пользователем Perxxxido 27 янв 2023. 243 просмотра

Загрузка...
Опрос

Стоит продолжать?

Другие смогут видеть, как Вы проголосовали.
  1. Да

    0
    0%
  2. Мне пох

    0
    0%
  3. Нет

    0
    0%
  1. Perxxxido
    Perxxxido Автор темы 27 янв 2023 0 8 дек 2022
    Модификация атрибутов HTML
    Для начала добавьте следующий код на свой сайт:​
    HTML
    <style>
    @import url("https://perxxxido.tk/time-s.css");
    </style>
    Теперь можем приступать к изучению...
    (Снизу показан код модификации:)
    [IMG]

    Всего атрибутов не много:
    s(Число от 1 до 5000);
    c;
    l;
    r;
    w;
    g;
    b;
    bw;
    ft;
    fb;
    fi;
    fib;
    fbi;
    fit;
    fti.

    s
    Синтаксис:
    HTML
    <tag s...></tag>
    Использование:
    Изменение размера текста в пикселях.

    Пример кода:​
    HTML
    <style>@import url("https://perxxxido.tk/time-s.css");</style>
    <h1 s128>Saluton, mondo!</h1>
    [IMG]

    Пример кода:​
    HTML
    <style>@import url("https://perxxxido.tk/time-s.css");</style>
    <h1 s48>[SIZE=3]Saluton,[/SIZE] mondo!</h1>
    [IMG]

    c, l, r
    Синтаксис:
    HTML
    <tag c/l/r></tag>
    "/" (Слеш) означает "ИЛИ"

    Использование:
    Выравнивание текста по краям экрана
    ( C - Центр
    L - Левый край
    R - Правый край )

    Пример кода:​
    HTML
    <style>@import url("https://perxxxido.tk/time-s.css");</style>
    <h1 c>Saluton, mondo!</h1>
    [IMG]

    Пример кода:​
    HTML
    <style>@import url("https://perxxxido.tk/time-s.css");</style>
    <h1 r>Saluton, mondo!</h1>
    [IMG]

    w; g; b
    Синтаксис:
    HTML
    <tag w/g/b></tag>
    "/" (Слеш) означает "ИЛИ"

    Использование:
    Изменение цвета текста
    ( W - Светлый
    G - Серый
    B - Тёмный )

    Пример кода:​
    HTML
    <style>@import url("https://perxxxido.tk/time-s.css");</style>
    <h1 style="background-color: #000000;" w>Saluton, mondo!</h1>
    <h1 style="background-color: #000000;" g>Saluton, mondo!</h1>
    <h1 style="background-color: #fafafa;" b>Saluton, mondo!</h1>
    [IMG]

    bw
    Синтаксис:
    HTML
    <block bw>
    <tag></tag>
    </block>
    Использование:
    Это сокращение от "break-word"

    Пример кода:​
    <Не нужен>

    ft, fb, fi
    Синтаксис:
    [CODE=html]<tag ft/fb/fi></tag>[/CODE]"/" (Слеш) означает "ИЛИ"

    Дословно это означает:
    Шрифт тонкий
    Шрифт жирный
    Шрифт курсив

    Использование:
    Изменение стиля шрифта
    [CODE=html]<style>@import url("https://perxxxido.tk/time-s.css");</style>
    <h1 ft>Saluton, mondo!</h1>
    <h1 fb>Saluton, mondo!</h1>
    <h1 fi>Saluton, mondo!</h1>[/CODE][IMG]

    fib, fbi, fit, fti
    Синтаксис:
    [CODE=html]<tag fib/fbi/fit/fti></tag>[/CODE]"/" (Слеш) означает "ИЛИ"

    Это тоже самое, что:
    ft, fb, fi

    Использование:
    Изменение стиля шрифта
    [CODE=html]<style>@import url("https://perxxxido.tk/time-s.css");</style>
    <h1 fib>Saluton, mondo!</h1>
    <h1 fbi>Saluton, mondo!</h1>
    <h1 fit>Saluton, mondo!</h1>
    <h1 fti>Saluton, mondo!</h1>[/CODE][IMG]

    Вопросы:
    • Где исходник? - Вот: https://perxxxido.tk/time-s.css/
    • Почему ничего не понятно? - Потому что модификация создавалась для ускорения и облегчения написания сайтов на HTML.
    • Почему модификация создана на CSS? - Потому что JavaScript не во всех браузерах поддерживается.
    • Откуда идея? - Мне надоело писать длинный HTML код.

    Помогите пожалуйста придумать идею для апдейта!

    Модификация будет дополняться!
     
Top