Загрузка...

HTML site code reduction template

Thread in HTML templates, landing pages created by Perxxxido Jan 27, 2023. 250 views

The poll

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

Your vote will be publicly visible.
  1. Да

    0
    0%
  2. Мне пох

    0
    0%
  3. Нет

    0
    0%
  1. Perxxxido
    Perxxxido Topic starter Jan 27, 2023 0 Dec 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 код.

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

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