Difference between revisions of "Skinning Project"

From The Shartak Wiki
Jump to navigationJump to search
(How to style shartak with your own images)
 
(Added comment about colouring the words)
Line 14: Line 14:
  
 
  .beach { background: url('http://'''www.domain.com'''/'''beach.gif''''); }
 
  .beach { background: url('http://'''www.domain.com'''/'''beach.gif''''); }
 +
 +
If you wanted to change the colour of the block name, you would use
 +
 +
  td.beach span.blockname { color: #000000; }
  
 
Style names are listed in the table below.
 
Style names are listed in the table below.

Revision as of 23:20, 17 June 2009

To customise the look of your Shartak page, you will need a web server to host the required files due to a security restriction in Firefox (and probably Internet Explorer too). The original Shartak Skinning Project files are hosted on Shartak's main webserver, but yours can be hosted anywhere and don't take much space.

Required files at a minimum are the stylesheet (.css) file for defining your styles and any images that your stylesheet needs.

An example of the stylesheet file can be found at http://www.shartak.com/skin/lama.css

The first line of the stylesheet must (in order to include the default Shartak styles) be

@import url('http://www.shartak.com/styles.css');

After this, any normal CSS can be added although typically it'll just be background images for the different tile types which should be specified using the full url of wherever you've hosted the images.

If you host your css at http://www.domain.com/shartak.css and put the images in the same folder as the shartak.css file then you would refer to the images in the CSS file as follows.

.beach { background: url('http://www.domain.com/beach.gif'); }

If you wanted to change the colour of the block name, you would use

 td.beach span.blockname { color: #000000; }

Style names are listed in the table below.

Class name Tile type
density0 Jungle/Camp density 0
density1 Jungle/Camp density 1
density2 Jungle/Camp density 2
density3 Jungle/Camp density 3
density4 Jungle/Camp density 4
density5 Jungle/Camp density 5
density6 Jungle/Camp density 6
density7 Jungle/Camp density 7
density8 Jungle/Camp density 8
density9 Jungle/Camp density 9
density10 Jungle/Camp density 10 (impassable)
water Shallow water
water2 Deep Water (where sharks might attack)
water3 Ocean (impassable)
swamp Swamp
beach Beach, usually adjacent to water
mountain The side of the mountain
snow Snow - currently only found in Sacred Space
lawn Lawn - currently only found in Sacred Space
mudpool Mudpools - currently only found in Sacred Space
flowers Flower garden - currently only found in Sacred Space
shrubbery Shrubbery - currently only found in Sacred Space. Shartak Skinning Project defaults to the same as density5
grassland Grassland
air Mid-air, found around the Pirate Ship Crow's Nest and up on the mountain paths (impassable)
ruins The interior of most ruins
tunnel In the tunnels under the island
pship The Pirate Ship
pnest In the Pirate Ship Crow's Nest
hut Inside an average hut
natammohut Inside the native camp weapon huts (blowpipes and darts)
natmedhut Inside the native medical huts (healing herbs)
nattrade Inside the native trading post
outammohut Inside the outsider weapon hut (rifles and bullets)
outmedhut Inside the outsider medical hut (first aid kits)
outtrade Inside the outsider trading post

There are other styles, but these are the tile styles for the main game page - http://www.shartak.com/game.cgi