Themes

From Fallen Sword Wiki
Revision as of 10:41, 17 October 2013 by Koenvdv (Talk | contribs)

Jump to: navigation, search

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.

Location of change CSS Changes
Global Chat #chat-div {font-size: 15px;color: #f0e68c;} font-size: 15px changes the font size of the global chat to 15px (pixels).

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.

Rune, amulet and ring slot div#profileRightColumn > div > div > table.inventory-table > tbody > tr > td[align=center] td{background: url(http://i1276.photobucket.com/albums/y462/Shahrul_Jebat/2x2_zpsc9caea2d.gif) no-repeat;} background: url(http://i1276.photobucket.com/albums/y462/Shahrul_Jebat/2x2_zpsc9caea2d.gif) changes the background slot of your rune, amulet and ring to the link written between brackets.
Gloves, helmet, weapon, armor, shield and boots slot div#profileRightColumn > div > div > table.inventory-table > tbody > tr > td:not([align]){background: url(http://i1276.photobucket.com/albums/y462/Shahrul_Jebat/2x2_zpsc9caea2d.gif) repeat;} background: url(http://i1276.photobucket.com/albums/y462/Shahrul_Jebat/2x2_zpsc9caea2d.gif) changes the background slot of your gloves, helmet, weapon, armor, shield and boots to the link written between brackets.
Bagpack item slots div#profileRightColumn > form > div > table.inventory-table > tbody > tr > td[width]{background: url(http://i1276.photobucket.com/albums/y462/Shahrul_Jebat/2x2_zpsc9caea2d.gif) repeat;} background: url(http://i1276.photobucket.com/albums/y462/Shahrul_Jebat/2x2_zpsc9caea2d.gif) changes the background slot of your items to the link written between brackets.
Component slots div#profileRightColumn > div > table.inventory-table > tbody > tr > td:not([valign])[width]{ background: url(http://i1276.photobucket.com/albums/y462/Shahrul_Jebat/2x2_zpsc9caea2d.gif) repeat;} background: url(http://i1276.photobucket.com/albums/y462/Shahrul_Jebat/2x2_zpsc9caea2d.gif) changes the background slot of your items to the link written between brackets.