O ramce

Smocza ramka to ma³e okienko, w którym znajduj¹ siê podstawowe informacje o chowaùcu. Mo¿na j¹ umieœciÌ na swojej stronie internetowej lub blogu poprzez wklejenie odpowiedniego kodu, podanego w dziale Szczegó³y - Kod Ramki.

W grze mo¿na zobaczyÌ ramki swoich wszystkich smoków w zak³adce Przegl¹daj lub w swoim profilu - wystarczy klikn¹Ì imiê danego chowaùca, a ramka otworzy siê w nowym oknie.
Wymiary ramki

Wymiary ramki to okoÂło 370x470px.
Jednak aby tÂło nie byÂło uciĂŞte w komentarzach, zaleca siĂŞ wymiary okoÂło 550x550px.
Edycja ramki

Poradnik dla bardziej zaawansowanych uÂżytkownikĂłw autorstwa vangoga: http://acoto.bb4u.pl/temat-vt21.html.

Aby zmieniÌ wygl¹d ramki chowaùca, nale¿y przejœÌ w szczegó³y danego smoka (klikn¹Ì w imiê smoka pod informacj¹ o iloœci smoków oraz miejsc na nie, jak¹ siê posiada lub przez zak³adkê Przegl¹daj), a nastêpnie wejœÌ w Ustawienia ramki.
Co moÂżna ustawiĂŚ w kaÂżdym okienku?
Screen: "Aura Smoka", "ÂŚwiecÂący Smok" - efekt w IE oraz poprawnie uzupeÂłnione okienko.
BODY
Kod     Efekt/Uwagi
color: #6F82C7;     Zmienia kolor nawiasĂłw w Menu ramki.
font-size: 10px;     Zmienia rozmiar czcionki w Menu ramki.
font-family: Verdana;     Zmienia czcionkĂŞ w Menu ramki.
Aby dana czcionka dziaÂłaÂła w ramce, trzeba jÂą mieĂŚ zainstalowanÂą w komputerze!
background-color: #000000;     Zmienia kolor tÂła w ramce.
background-image:url('link do obrazka');     Ustawia obrazek jako tÂło w ramce.
Wpisujemy zamiast "background-color:"!
background-attachment: fixed;     Sprawia, aby tÂło w ramce byÂło nieruchome.
background-position: 0% top;     Pozwala na zmianĂŞ kadru obrazka w poziomie (w zaleÂżnoÂści od podanej liczby procent).
cursor: url('link do obrazka - kursora'), default;     Zmienia kursor w ramce.
Aby kursor dziaÂłaÂł w caÂłej ramce, naleÂży go teÂż ustawiĂŚ w okienku "a:hover"!
th, td,p
Kod     Efekt/Uwagi
color: #6F82C7;     Zmienia kolor czcionki w caÂłej ramce.
font-size: 10px;     Zmienia rozmiar czcionki w caÂłej ramce.
font-family: Verdana;     Zmienia czcionkĂŞ w caÂłej ramce.
Aby dana czcionka dziaÂłaÂła w ramce, trzeba jÂą mieĂŚ zainstalowanÂą w komputerze!
text-shadow: 0px -1px 2px #000000;     Dodaje cieĂą do liter w caÂłej ramce.
Gdy dwie pierwsze cyfry bêd¹ ujemne, cieù przesunie siê w lewo i górê, zamiast prawo i dó³.
a:link,a:active,a:visited
Kod     Efekt/Uwagi
color: #8FA2E7;     Zmienia kolor linkĂłw w ramce (Nicki, Menu).
text-decoration : none;     Ozdabia linki w ramce (underline - podkreÂślenie; overline - linia nad linkiem; blink - miganie).
}img{filter: FlipH Glow (Color=mediumblue)     Ustawia "AurĂŞ Smoka", "ÂŚwiecÂącego Smoka"
Opcja dziaÂła [nie zawsze] tylko w przeglÂądarce Internet Explorer!
a:hover
Kod     Efekt/Uwagi
color : #4F62A7;     Zmienia kolor linka po najechaniu na niego kursorem.
text-decoration : none;     Ozdabia link po najechaniu na niego kursorem (underline - podkreÂślenie; overline - linia nad linkiem; blink - miganie).
background:url('link do obrazka') no-repeat left top; padding-left: 20px;     Po najechaniu kursorem na link, ozdabia jego tÂło obrazkiem.
cursor: url('link do obrazka - kursora'), default;     Zmienia kursor w caÂłej ramce.
Kod musi byĂŚ teÂż ustawiony w okienku "BODY"!
.form (styl formularzy)
Kod     Efekt/Uwagi
border-style: solid;     Zmienia wyglÂąd ramek przyciskĂłw oraz formularzy (wpisywanie komentarza, uzupeÂłnianie opisu smoka, wpisywanie hasÂła karmienia;
hidden - schowanie ramki, dotted - kropki, dashed - przerywana linia, double - podwĂłjna linia, inset - linia wklĂŞsÂła, outset - linia wypukÂła groove - linia wklĂŞsÂła przestrzenna, ridge - linia wypukÂła przestrzenna).
border-width: 1px 1px 1px 1px;     Zmienia rozmiar poszczegĂłlnych krawĂŞdzi ramek przyciskĂłw oraz formularzy (w kolejnoÂści: gĂłrna, prawa, dolna, lewa).
background-color: #282E45;     Zmienia kolor przyciskĂłw oraz tÂła formularzy.
Aby tÂło byÂło przezroczyste, zamiast kodu koloru (#282E45) naleÂży wpisaĂŚ transparent.
background-image:url('link do obrazka');     Ustawia obrazek jako tÂło przyciskĂłw oraz formularzy.
Wpisujemy zamiast "background-color:"!
color: #6F82C7;     Zmienia kolor czcionki w przyciskach oraz formularzach.
border-color: #000000;     Zmienia kolor ramek przyciskĂłw oraz formularzy.
font-family: Verdana;     Zmienia czcionkĂŞ w przyciskach oraz formularzach.
Aby dana czcionka dziaÂłaÂła w ramce, trzeba jÂą mieĂŚ zainstalowanÂą w komputerze!
font-size: 10px;     Zmienia rozmiar czcionki w przyciskach oraz formularzach.