Песочница

Материал из IOC
Перейти к: навигация, поиск

Заливка градиентом

Как залить абзац градиентом. копируем код (линейный градиент, цвета можно выбрать любые): <div style="{{Градиент|left|#ffdddd, #ddddff}}"> Ваш текст </div>

Пины

Хотите создать красивый список? Вставить "галочки" или большие буквы и символы? Не знаете как? Вам сюда!:)

1. Разноцветные пины (цветные кнопки)
вставляете следующий код:

<div style="float:left>[[Файл:Pin.png|30px]] Здесь пишите ту информацию, которую хотите структурировать</div>

Вместо синей кнопки можно вставить любую другую из списка:
Pin red.png - имя картинки Pin_red.png
Pin.png - имя картинки Pin.png
Pink pin.png - имя картинки Pink_pin.png
Green pin.png - имя картинки Green_pin.png
Yellow pin.png - имя картинки Yellow_pin.png


2. Красивые "галочки"
Механизм использования тот же, что и с пинами.
Green mark.png - имя картинкиGreen_mark.png

3. Литеры (большие буквы и знаки)

1

Вставляете вот такой вот текст:<div style="float: left; text-transform:uppercase; line-height:80%; padding:0px 8px 4px 0px; display: block; color:#800000; font-size: 70px; font-family: Georgia, Times New Roman, Trebuchet MS; "><strong>1</strong></div>

вместо color:#800000 пишите код любого цвета который нравится (цвета можно взять тут)

вместо единички "1" пишите любую букву или символ (например: !) и наслаждаетесь результатом :)


Спойлеры

1. Он открыт, но текст можно закрыть


Текст, который можно скрыть.


2. Можно увидеть что спрятано


таинственные тайны


3. Хитрая табличка


Заголовок всегда будет виден
Содержимое всегда
будет скрыто


4. Если охота чтоб спойлер в рамочке и во всю ширину окна


Показать исходный текст
Здесь можно писать все, что душе угодно. Правда мелким шрифтом, но я с этим борюсь.


Чуток взято отсюда: https://www.mediawiki.org/wiki/Extension:JSpoiler


Галереи

Что делать когда нужно вставить много красивых картинок с подписями?

Можно сделать так)