Themes

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

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
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;}

Elements

Below is a list of elements of CSS and what they do. By copying the CSS code and changing the text in red you can built your own custom theme.

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.
Guild store slots .inventory-item-slot{background: url('http://rs.wow-goldstore.com/images/other/logo-icon.png'); display: inline-block;} background: url(http://rs.wow-goldstore.com/images/other/logo-icon.png) changes the background slot of your guild store items to the link written between brackets.
XP bar #statbar-xp-progress {background-image: url('http://selj.host22.com/FS/20_xp_bar.png');} background-image: url('http://selj.host22.com/FS/20_xp_bar.png') changes the xp bar image to the link between brackets.
Stats bar #statbar-container {background-image: url('http://selj.host22.com/FS/30_stats_bar.png');} background-image: url('http://selj.host22.com/FS/30_stats_bar.png') changes the stat bar with the two dragon heads on top to the url between brackets.
Background html,body.outer { background: #000000 url('https://huntedcow-huntedcowstudios.netdna-ssl.com/img/wallpaper/generic_halloween.jpg') top center no-repeat; } Sets de background behind the image to the hexadecimal colour code #000000 (black) and puts https://huntedcow-huntedcowstudios.netdna-ssl.com/img/wallpaper/generic_halloween.jpg on the top of the screen and in the middle withour repeating the image.