Типографика — это художественное оформление текста посредством набора и верстки. Оформление текста включает его расположение, выбор гарнитуры, кегля, длины строк и расстояния между ними, изменение пробелов между буквами и группами букв.
Код:
Код
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="bbCodeBlock">
<div class="codeMessage">[Содержимое]</div>
</div>
Цитата:
Цитата
Однажды играли в карты у конногвардейца Нарумова. Долгая зимняя ночь прошла незаметно; сели ужинать в пятом часу утра. Те, которые остались в выигрыше, ели с большим аппетитом, прочие, в рассеянности, сидели перед пустыми своими приборами. Но шампанское явилось, разговор оживился, и все приняли в нем участие.
Код
<div class="bbQuoteName">Цитата</div>
<div class="bbQuoteBlock">
<div class="quoteMessage">[Содержимое]</div>
</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>
<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>днажды играли в карты у конногвардейца Нарумова. Долгая зимняя ночь прошла незаметно; сели ужинать в пятом часу утра. Те, которые остались в выигрыше, ели с большим аппетитом, прочие, в рассеянности, сидели перед пустыми своими приборами. Но шампанское явилось, разговор оживился, и все приняли в нем участие.
Ссылка на файл:
Сообщение «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>