User Page Tutorial
From SpiralKnights
Intro
The purpose of this page is to educate YOU on how to make your very own user page. It also walks you through all the main scripting convetions used. Question? Send me a message Here. Or leave a message in this page's discussion thingo.
Sample Page
So let's get started. Here's a sample page:
{{SKWindow | width = 250px | margin = 0px 0px 10px 10px | align = right | title = Character pic | body = blahblahblah {{SKWindow/EmptyCell|[[Image:Icon-helmet.png|160px]]|center||2}} {{SKWindow/NewRow}} {{SKWindow/Cell|'''Account Name:'''|}} {{SKWindow/Cell|Sshs|}} {{SKWindow/NewRow}} {{SKWindow/Cell|'''Guild:'''|}} {{SKWindow/Cell|Divine Light}} {{SKWindow/NewRow}} {{SKWindow/NewRow}} {{SKWindow/Cell|__TOC__|center||2}} }} <table border="0" cellspacing="10"> <tr> <td> <div style="margin-left: -5px; margin-bottom: 5px; margin-top: 5px; margin-right: -5px; padding: 5px; padding-top: 0; padding-bottom: 0; background: #f9f9f9; border: 1px solid #88a; border-right-width:2px; border-bottom-width:2px;"> <div style="width: 101.5%; margin-top: -1px; margin-left: -6px; padding: 3px; background: #eee; border: 1px solid #88a;">''':: Finding Me'''</div> * My ingame name is (name). * I live in (country), which is in the timezone (timezone(GMT)). * E-mail: email@email.com </div> <div style="margin-left: -5px; margin-right: -5px; margin-top: 5px; margin-bottom: 5px; padding: 5px; padding-top: 0; background: #f9f9f9; border: 1px solid #88a; border-right-width:2px; border-bottom-width:2px;"> <div style="width: 101.5%; margin-top: -1px; margin-left: -6px; padding: 3px; background: #eee; border: 1px solid #88a;">''':: Loadout'''</div> * Blizzbrand [[File:Equipment-Blizzbrand_icon.png|32px]] * Tempered Calibur [[File:Equipment-Tempered_Calibur_icon.png|32px]] * Super Blaster [[File:Equipment-Super_Blaster_icon.png|32px]] * Elemental Hood [[File:Equipment-Elemental_Hood_icon.png|32px]] * Silvermail [[File:Equipment-Silvermail_icon.png|32px]] * Drake Scale Shield [[File:Equipment-Drake_Scale_Shield_icon.png|32px]] </div> <td> ==About Me== blahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblah<br/> blahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblah<br/> blahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblah<br/> blahblahblahblahblahblahblahblahblahblahblahblah </table>
So here's what it looks like
(starts here)
| ||||||||
|
:: Finding Me
|
About Meblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblah |
(ends here)