Как украсить страницу Альянса или Теги для этого!

Тема в разделе "ЧаВо & Энциклопедия", создана пользователем nutpo, 10 окт 2014.

  1. nutpo

    nutpo Проверенный

    Сообщения:
    94
    Симпатии:
    37
    Всем привет:) Вчера искал коды которыми можно украсить страницу Ала и так и не нашел ничего кроме нескольких цветов и решил поэксперементировать.

    Немного посмотрев код страницы, я заметил, что обычные ББ коды не подходят и решил проверить теги и скажу что у меня получилось))

    Итак сейчас напишу те коды которые можно использовать на странице Ала.
    Вместо привычных нам квадратных скобок [ ] нужно использовать < >
    Оформление текста​

    Перечёркнутый текст: <s> ваш текст </s>

    Подчёркнутый текст:<u> ваш текст </u>

    Полужирный текст: <b> ваш текст </b>

    Полужирный крупный: <big> ваш текст </big>

    Курсивный текст: <i> ваш текст </i>

    Маленький текст: <small> ваш текст </small>

    Неразрывный пробел: &nbsp;

    Центрирование:​

    текст (картинка) по центру: <center>ваш текст (картинка) </center>

    Выравнивание текста по правому краю поста: <div align=right> ваш текст </div>

    Выравнивание текста по всей ширине поста: <div align=justify> ваш текст </div>

    Бегущие строки и отступы​

    Отступ (для цитат и определений, текст отделен пустой строкой и отступ слева 8 пробелов): <blockquote> текст </blockquote>

    Бегущая строка : <marquee> ваша бегущая строка</marquee>

    Вместо текста можно вставить картинку: <marquee><img src="АДРЕС КАРТИНКИ В СЕТИ URL ADRESS"></marquee>

    Сноска вверху: <sup>ваша сноска</sup>

    Сноска внизу: <sub>ваша сноска</sub>

    Ударение: cтавим после нужной буквы: ́

    «Закрепитель» (фиксирует текст так, как и расположите его в поле поста): <pre>ваш текст</pre>

    РАЗМЕР ШРИФТА:​


    Уменьшить текст: <font size="-2"> уменьшенный текст </font>

    Увеличить текст на 1 пункт: <font size="+1"> уменьшенный текст </font>

    Увеличить текст на 2 пункта: <font size="+2"> уменьшенный текст </font>

    Увеличить текст на 3 пункта: <font size="+3"> уменьшенный текст </font>

    Увеличить текст на 4 пункта: <font size="+4"> уменьшенный текст </font>
    ЦВЕТ ШРИФТА:​

    КРАСНЫЙ: <font color="red"> красный текст </font>

    ЖЕЛТЫЙ: <font color="yellow"> желтый текст </font>

    ФИОЛЕТОВЫЙ: <font color="purple"> фиолетовый текст </font>

    ЗЕЛЕНЫЙ: <font color="lime"> зеленый текст </font>

    СИНИЙ: <font color="navy"> синий текст </font>

    ФУКСИЯ: <font color="fuchsia"> фуксия текст </font>

    Так можно сделать любой цвет. Нужно всего лишь знать его код.

    Спойлер​


    Очень удобная вещь для экономии места на странице.

    HTML:
    <div class="spoil">
<center>
<div class="smallfont"><input type="button" value="Название спойлера" class="input-button" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Свернуть'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; }"/>
</div>
<div class="alt2">
<div style="display: none;">
Текст 
</div>
</div>
</div>

    Для оформление страницы этого хватит вполне, а если хотите сами разбираться то делайте это на свой страх и риск :) Можно даже радио сделать при желании (Уже делал, Работает) :)
     
    nutpo, 10 окт 2014
    #1