Difference between revisions of "Themes"
(Created page with "=Description= Custom themes changes the look of Fallensword by overwriting elements Fallensword CSS. IF you have any problems with Fallensword after changing the CSS and hard ...") |
(→Elements) |
||
Line 45: | Line 45: | ||
=Elements= | =Elements= | ||
Below is a list of elements of CSS and what they do. | Below is a list of elements of CSS and what they do. | ||
+ | |||
+ | {|class="wikitable" | ||
+ | !element | ||
+ | !changes | ||
+ | |- | ||
+ | |<nowiki>#chat-div {font-size: 15px;color: #f0e68c;}</nowiki> | ||
+ | |'''font-size: 15px''' changes the font size of the global chat to 15px | ||
+ | '''color: #f0e68c''' changes the text color to the hexadecimal colour notation #f0e68c. U can pick your own colour with http://www.colorpicker.com/ by copying the number on top. | ||
+ | |- | ||
+ | | | ||
+ | | |
Revision as of 09:58, 17 October 2013
Contents |
Description
Custom themes changes the look of Fallensword by overwriting elements Fallensword CSS. IF you have any problems with Fallensword after changing the CSS and hard refreshing the page (ctrl + F5) then u can use this link to reset the theme: http://www.fallensword.com/index.php?cmd=theme&subcmd=revertcss.
Custom Themes
Copy the text and paste them in the custom theme box under preferences.
Minecraft
//created by QuaBules
#statbar-xp-progress {background-image: url('http://selj.host22.com/FS/20_xp_bar.png');}
#statbar-container {background-image: url('http://selj.host22.com/FS/30_stats_bar.png');}
.notification-icon {background: url('http://selj.host22.com/FS/ui.png'); }
.nav-icon {background: url('http://selj.host22.com/FS/ui.png') no-repeat;; }
#pC {background: url('http://selj.host22.com/FS/middle2.png') repeat scroll 0 0 transparent;}
#pC:before {background: url('http://selj.host22.com/FS/middle2.png') repeat scroll 0 0 transparent;}
#pF {background: url('http://selj.host22.com/FS/footer3.png') no-repeat scroll 0 0 transparent;}
.nav-level-1:before, .nav-level-1.last:before, .nav-level-1.subheading:before {background: url('http://selj.host22.com/FS/ui.png') no-repeat scroll 0 -66px transparent;}
.nav-level-2:before, .nav-level-2.last:before, .nav-level-2.subheading:before {background: url('http://selj.host22.com/FS/ui.png') no-repeat scroll 0 -88px transparent;}
div.innerColumnHeader, td.header {background: none repeat scroll 0 0 #eeeeee;}
.inventory-item-slot {background: url('http://selj.host22.com/FS/inv1x1.png'); display: inline-block;}
div#profileRightColumn > div > div > table.inventory-table > tbody > tr > td[align=center] td {background: url(http://selj.host22.com/FS/inv1x1.png) no-repeat;}
div#profileRightColumn > div > div > table.inventory-table > tbody > tr > td:not([align]) {background: url(http://selj.host22.com/FS/inv2x3.png) repeat;}
div#profileRightColumn > form > div > table.inventory-table > tbody > tr > td[width] {background: url(http://selj.host22.com/FS/inv2x3.png) repeat;}
div#profileRightColumn > div > table.inventory-table > tbody > tr > td:not([valign])[width] {background: url(http://selj.host22.com/FS/inv1x1.png) repeat;}
.guildStoreTabLink {background: url('http://selj.host22.com/FS/tabs.png') repeat scroll 0 0 transparent;}
div, p, table, li, h1, h2, input {font-size: 12px; font-family: Minecraft;}
.ui-widget, body {font-size: 12px;}
Elements
Below is a list of elements of CSS and what they do.
element | changes |
---|---|
#chat-div {font-size: 15px;color: #f0e68c;} | font-size: 15px changes the font size of the global chat to 15px
color: #f0e68c changes the text color to the hexadecimal colour notation #f0e68c. U can pick your own colour with http://www.colorpicker.com/ by copying the number on top. |