Кодове
Текст
Цветен текст: <font color="red">текста който ще се вижда в червено</font> Можем и да уголемим или да сменим шрифта на текста, съответно трябва да добавим <size> за големина и <face> за шрифт. Тоест, кода предобива следния вид:<font color="red" face="Monotype Corsiva" size="3">Текст с червен цвят, сменен шрифт и размер</font> Текст с червен цвят, сменен шрифт и размер . Тагът <color> може да приема различни стойности на цвят като например red, blue, yellow, orange, black и други, както и цифрови.
Препоръчително е, имената и размерите да са в кавички.
Линкове
Можете да направите така, че в профила ви да пише "тук" или каквото друго си искате, и след като се натисне да отива във въпросния сайт. Кода за това е:<a href="http://www.kefche.com/dener" target="_blank">Тук, или каквото друго искате да пише </a> target="_blank" в кода е, че след като се кликне на въпросното тук, или там каквото е, сайта няма да се зареди на текущия прозоре, а ще бъде в нов. Освен това кода за линковете може да се комбинира с горния код. Тоест: <a href="http://www.kefche.com/dener" target="_blank"><font color="red" face="Monotype Corsiva" size="3">Тук, или каквото друго искате да пише</font></a> Тук, или каквото друго искате да пише
Други
Попринцип останалите гъзарийки, като картинки, гифчета, писане с фон отзад и др. са произлезли от горепосочените кодове плюс много или малко добавки към тях.
Ако искате текста ви да имат фон - примерно жълт, кода е: <a style="color: red; font-family: Comic Sans MS; font-size: 20px; background-color: yellow;">Червен текст на жълт фон</a> color: red; - определя цвета на надписа.font-family: Comic Sans MS; - определя шрифта на надписа.font-size: 20px; - определя големината на шрифта.background-color: yellow; - определя какъв е фона.Червен текст на жълт фон .<a href="http://www.kefche.com/dener" target="_blank" style="color: red; font-family: Comic Sans MS; font-size: 20px; background-color: yellow;">Червен текст на жълт фон, но вече и линк</a> Червен текст на жълт, но вече и линк
class="nav-link" към кода "a" . Кодът ще е <a class="nav-link">Текст</a> тъй като това е валидно само в сайта, не мога да го демонстрирам. Само ще вмъкна, че може да го използвате, навсякъде където използвате и "a" таг.
Двойна рамка
<a style="font:bold 14px arial; color:red; border:10px solid pink; text-decoration:none; padding:2px 22px; letter-spacing:7px" onmouseover="this.style.backgroundColor='black'; this.style.borderColor='pink'; this.style.color='red'" onmouseout="this.style.backgroundColor='white'; this.style.borderColor='pink'; this.style.color='red'">Двойна рамка</a> onmouseover= и onmouseout= . Първото е какви цветове да има рамката когато мишката не е върху нея, а второто е как да се изменят когато мишката попадне на нея. И тук е валидно добавянето на линк.Сменящ се курсор , ето и въпросния код:<a style="cursor: url('http://www.wherecanibuyit.co.uk/penguin.cur'), auto; color: #3399FF; font-family: a.c.m.e.; font-size: 20px; text-effects: shimmer;">Сменящ се курсор</a> url('http://www.wherecanibuyit.co.uk/penguin.cur') . По принцип може да сложите какъвто курсор си искате, стига да намерите в интернет. По-надолу ще намерите сайт с курсори. Тук също можете да промените кода, така че да бъде като линк.<a style="background: url(http://www.naruto-world.com/naruto-animated-01.gif) no-repeat; width: 300px; height: 225px; float: left;"></a> url(http://www.naruto-world.com/naruto-animated-01.gif) .width: 300px; height: 225px - това е размерът който да заема картинкатаfloat: left; - това е къде да се намира (ляво или дясно). Ето и крайния резултат:<a href="http://www.kefche.com/dener" target="_blank" style=" background: url(http://www.naruto-world.com/naruto-animated-01.gif) no-repeat; float: left;">Профилът на dener в kefche.com</a> Профилът на dener в kefche.com
<span style="display:block; border: #333333 20px solid; background-color:black;"> black и #333333 с каквито цветовe искате. Ако искате рамката да е по-малка или по-голяма, или пък просто да я няма, трябва да промените размера на рамката (0px е за профил без рамка).
