Сайт образовательно-информационного
сетевого издания «Звуки Красок»
Главная » Типографика

Типографика — это художественное оформление текста посредством набора и верстки. Оформление текста включает его расположение, выбор гарнитуры, кегля, длины строк и расстояния между ними, изменение пробелов между буквами и группами букв.

 

Код:
Код
private void button1_Click(object sender, EventArgs e)
{
while (Visible) {
for (int x = 0; x < 254 && Visible; x++)
{
this.BackColor = Color.FromArgb(x, 255 - x, x);
Application.DoEvents();
System.Threading.Thread.Sleep(3);
}
for (int x = 254; x >= 0 && Visible; x--) {
this.BackColor = Color.FromArgb(x, 255 - x, x);
Application.DoEvents();
System.Threading.Thread.Sleep(3);
}
}
}

Код
<div class="bbCodeName">Код</div>
<div class="bbCodeBlock">
<div class="codeMessage">[Содержимое]</div>
</div>

Цитата:
Цитата
Однажды играли в карты у конногвардейца Нарумова. Долгая зимняя ночь прошла незаметно; сели ужинать в пятом часу утра. Те, которые остались в выигрыше, ели с большим аппетитом, прочие, в рассеянности, сидели перед пустыми своими приборами. Но шампанское явилось, разговор оживился, и все приняли в нем участие.

Код
<div class="bbQuoteName">Цитата</div>
<div class="bbQuoteBlock">
<div class="quoteMessage">[Содержимое]</div>
</div>

Спойлер:

Код
<div class="uSpoilerClosed" id="S01">
<div class="uSpoilerButBl"><input class="uSpoilerButton" onclick="if($('#S01')[0]){if ($('.uSpoilerText',$('#S01'))[0].style.display=='none'){$('.uSpoilerText',$('#S01'))[0].style.display='';$('.uSpoilerButton',$('#S01')).val('[\–] Спойлер');$('#S01').attr('class','uSpoilerOpened');}else {$('.uSpoilerText',$('#S01'))[0].style.display='none';$('.uSpoilerButton',$('#S01')).val('[+] Спойлер');$('#S01').attr('class','uSpoilerClosed');}}" type="button" value="[+] Спойлер" /></div>
<div class="uSpoilerText" style="display:none;">[Содержимое]</div>
</div>

* S01 - ID спойлера. Если на странице необходимо разместить больше одного спойлера - их ID должны отличаться.


Буквица:

Однажды играли в карты у конногвардейца Нарумова. Долгая зимняя ночь прошла незаметно; сели ужинать в пятом часу утра. Те, которые остались в выигрыше, ели с большим аппетитом, прочие, в рассеянности, сидели перед пустыми своими приборами. Но шампанское явилось, разговор оживился, и все приняли в нем участие.


Код
<span class="dropcap">О</span>днажды играли в карты у конногвардейца Нарумова. Долгая зимняя ночь прошла незаметно; сели ужинать в пятом часу утра. Те, которые остались в выигрыше, ели с большим аппетитом, прочие, в рассеянности, сидели перед пустыми своими приборами. Но шампанское явилось, разговор оживился, и все приняли в нем участие.

Ссылка на файл:

[Название_ссылки]


Код
<a href="[Прямая_ссылка_на_файл]" class="format">[Название_ссылки]</a>

Сообщение «Warning»

Информация, на которую необходимо обратить внимание.


Код
<div class="messageWarning">Информация, на которую необходимо обратить внимание.</div>

Сообщение «Success»

Информация, на которую необходимо обратить внимание.


Код
<div class="messageSuccess">Информация, на которую необходимо обратить внимание.</div>

Сообщение «messageFailure»

Информация, на которую необходимо обратить внимание.


Код
<div class="messageFailure">Информация, на которую необходимо обратить внимание.</div>

Сообщение «Information»

Информация, на которую необходимо обратить внимание.


Код
<div class="messageInformation">Информация, на которую необходимо обратить внимание.</div>

Сообщение «Lightbulb»

Информация, на которую необходимо обратить внимание.


Код
<div class="messageLightbulb">Информация, на которую необходимо обратить внимание.</div>

Сообщение «Letter»

Информация, на которую необходимо обратить внимание.


Код
<div class="messageLetter">Информация, на которую необходимо обратить внимание.</div>

Изображение не на всю ширину страницы


Код
<p class="imageDefault">IMAGE</p>

Подпись к изображению

Подпись к изображению


Код
<p class="imageDescr">Подпись к изображению</p>

 

Актуальное

2024 год – Год семьи Победитель рейтинга образовательных сайтов 2023 года

Полезное

Наш канал в Telegram

Материалы

Новости: 220
Публикации: 258
Студия дизайна: 27
Изображения: 461
Доп. ресурсы: 21