Difference between revisions of "User:Belgrave/Projects"

From Fallen Sword Wiki
Jump to: navigation, search
Line 1: Line 1:
 
== World Area Maps ==
 
== World Area Maps ==
 
Inspired by Mowgliks Maps, I decided it should be possible to do something very similar on the wiki. This is a basic idea of how it would look when you take a starting World Area and map out every area until you get to another World Area. This specific example starts at [[World Areas 1-99#Krul Island|Krul Island]]. I'm also planning on making it look nice with colors, better formatting, and perhaps a bit more information for each area. You can find the currently finished maps in [[:Category:Travel Maps]].
 
Inspired by Mowgliks Maps, I decided it should be possible to do something very similar on the wiki. This is a basic idea of how it would look when you take a starting World Area and map out every area until you get to another World Area. This specific example starts at [[World Areas 1-99#Krul Island|Krul Island]]. I'm also planning on making it look nice with colors, better formatting, and perhaps a bit more information for each area. You can find the currently finished maps in [[:Category:Travel Maps]].
 +
== PvP Arena Combat Skill Bar ==
 +
I've got this mostly finished, but I'm still trying to make it work in all browsers. Any suggestions would be welcome.
 +
 +
Works in IE:
 +
{| cellspacing="0" cellpadding="0"
 +
| valign="top" width="15px" height="50px" |
 +
<div style="position:relative;left:0px;top:0px;">http://66.7.192.165/pvp/bar_left.jpg</div>
 +
| valign="top" width="33px" height="50px" |<div style="position:relative;">
 +
<div style="position:absolute;left:0px;top:0px;">http://66.7.192.165/pvp/bar_spacer.jpg</div><div style="position:absolute;left:4px;top:-2px;">http://66.7.192.165/pvp/bar_icon_top.jpg</div><div style="position:absolute;left:4px;top:10px;">{{{1|http://66.7.192.165/pvp/x.gif}}}</div><div style="position:absolute;left:4px;top:35px;">http://66.7.192.165/pvp/bar_icon_bottom.jpg</div><div style="position:absolute;left:29px;top:0px;">http://66.7.192.165/pvp/bar_spacer.jpg</div></div>
 +
| valign="top" width="33px" height="50px" |<div style="position:relative;">
 +
<div style="position:relative;left:0px;top:0px;">http://66.7.192.165/pvp/bar_spacer.jpg</div><div style="position:absolute;left:4px;top:-2px;">http://66.7.192.165/pvp/bar_icon_top.jpg</div><div style="position:absolute;left:4px;top:10px;">{{{2|http://66.7.192.165/pvp/x.gif}}}</div><div style="position:absolute;left:4px;top:35px;">http://66.7.192.165/pvp/bar_icon_bottom.jpg</div><div style="position:absolute;left:29px;top:0px;">http://66.7.192.165/pvp/bar_spacer.jpg</div></div>
 +
| valign="top" width="33px" height="50px" |<div style="position:relative;">
 +
<div style="position:relative;left:0px;top:0px;">http://66.7.192.165/pvp/bar_spacer.jpg</div><div style="position:absolute;left:4px;top:-2px;">http://66.7.192.165/pvp/bar_icon_top.jpg</div><div style="position:absolute;left:4px;top:10px;">{{{3|http://66.7.192.165/pvp/x.gif}}}</div><div style="position:absolute;left:4px;top:35px;">http://66.7.192.165/pvp/bar_icon_bottom.jpg</div><div style="position:absolute;left:29px;top:0px;">http://66.7.192.165/pvp/bar_spacer.jpg</div></div>
 +
| valign="top" width="33px" height="50px" |<div style="position:relative;">
 +
<div style="position:relative;left:0px;top:0px;">http://66.7.192.165/pvp/bar_spacer.jpg</div><div style="position:absolute;left:4px;top:-2px;">http://66.7.192.165/pvp/bar_icon_top.jpg</div><div style="position:absolute;left:4px;top:10px;">{{{4|http://66.7.192.165/pvp/x.gif}}}</div><div style="position:absolute;left:4px;top:35px;">http://66.7.192.165/pvp/bar_icon_bottom.jpg</div><div style="position:absolute;left:29px;top:0px;">http://66.7.192.165/pvp/bar_spacer.jpg</div></div>
 +
| valign="top" width="33px" height="50px" |<div style="position:relative;">
 +
<div style="position:relative;left:0px;top:0px;">http://66.7.192.165/pvp/bar_spacer.jpg</div><div style="position:absolute;left:4px;top:-2px;">http://66.7.192.165/pvp/bar_icon_top.jpg</div><div style="position:absolute;left:4px;top:10px;">{{{5|http://66.7.192.165/pvp/x.gif}}}</div><div style="position:absolute;left:4px;top:35px;">http://66.7.192.165/pvp/bar_icon_bottom.jpg</div><div style="position:absolute;left:29px;top:0px;">http://66.7.192.165/pvp/bar_spacer.jpg</div></div>
 +
| valign="top" width="33px" height="50px" |<div style="position:relative;">
 +
<div style="position:relative;left:0px;top:0px;">http://66.7.192.165/pvp/bar_spacer.jpg</div><div style="position:absolute;left:4px;top:-2px;">http://66.7.192.165/pvp/bar_icon_top.jpg</div><div style="position:absolute;left:4px;top:10px;">{{{6|http://66.7.192.165/pvp/x.gif}}}</div><div style="position:absolute;left:4px;top:35px;">http://66.7.192.165/pvp/bar_icon_bottom.jpg</div><div style="position:absolute;left:29px;top:0px;">http://66.7.192.165/pvp/bar_spacer.jpg</div></div>
 +
| valign="top" width="33px" height="50px" |<div style="position:relative;">
 +
<div style="position:relative;left:0px;top:0px;">http://66.7.192.165/pvp/bar_spacer.jpg</div><div style="position:absolute;left:4px;top:-2px;">http://66.7.192.165/pvp/bar_icon_top.jpg</div><div style="position:absolute;left:4px;top:10px;">{{{7|http://66.7.192.165/pvp/x.gif}}}</div><div style="position:absolute;left:4px;top:35px;">http://66.7.192.165/pvp/bar_icon_bottom.jpg</div><div style="position:absolute;left:29px;top:0px;">http://66.7.192.165/pvp/bar_spacer.jpg</div></div>
 +
| valign="top" width="33px" height="50px" |<div style="position:relative;">
 +
<div style="position:relative;left:0px;top:0px;">http://66.7.192.165/pvp/bar_spacer.jpg</div><div style="position:absolute;left:4px;top:-2px;">http://66.7.192.165/pvp/bar_icon_top.jpg</div><div style="position:absolute;left:4px;top:10px;">{{{8|http://66.7.192.165/pvp/x.gif}}}</div><div style="position:absolute;left:4px;top:35px;">http://66.7.192.165/pvp/bar_icon_bottom.jpg</div><div style="position:absolute;left:29px;top:0px;">http://66.7.192.165/pvp/bar_spacer.jpg</div></div>
 +
| valign="top" width="33px" height="50px" |<div style="position:relative;">
 +
<div style="position:relative;left:0px;top:0px;">http://66.7.192.165/pvp/bar_spacer.jpg</div><div style="position:absolute;left:4px;top:-2px;">http://66.7.192.165/pvp/bar_icon_top.jpg</div><div style="position:absolute;left:4px;top:10px;">{{{9|http://66.7.192.165/pvp/x.gif}}}</div><div style="position:absolute;left:4px;top:35px;">http://66.7.192.165/pvp/bar_icon_bottom.jpg</div><div style="position:absolute;left:29px;top:0px;">http://66.7.192.165/pvp/bar_spacer.jpg</div></div>
 +
| valign="top" width="33px" height="50px" |<div style="position:relative;">
 +
<div style="position:relative;left:0px;top:0px;">http://66.7.192.165/pvp/bar_spacer.jpg</div><div style="position:absolute;left:4px;top:-2px;">http://66.7.192.165/pvp/bar_icon_top.jpg</div><div style="position:absolute;left:4px;top:10px;">{{{10|http://66.7.192.165/pvp/x.gif}}}</div><div style="position:absolute;left:4px;top:35px;">http://66.7.192.165/pvp/bar_icon_bottom.jpg</div><div style="position:absolute;left:29px;top:0px;">http://66.7.192.165/pvp/bar_spacer.jpg</div></div>
 +
| valign="top" width="15px" height="50px" |<div style="position:relative;">
 +
<div style="position:absolute;left:0px;top:0px;">http://66.7.192.165/pvp/bar_right.jpg</div></div>&nbsp;
 +
|}
 +
 +
 +
 +
Works in Firefox/Opera:
 +
{| cellspacing="0" cellpadding="0"
 +
| valign="top" width="15px" height="50px" |
 +
<div style="position:relative;left:0px;top:0px;">http://66.7.192.165/pvp/bar_left.jpg</div>
 +
| valign="top" width="33px" height="50px" |<div style="position:relative;">
 +
<div style="position:absolute;left:0px;top:0px;">http://66.7.192.165/pvp/bar_spacer.jpg</div><div style="position:absolute;left:4px;top:0px;">http://66.7.192.165/pvp/bar_icon_top.jpg</div><div style="position:absolute;left:4px;top:11px;">{{{1|http://66.7.192.165/pvp/x.gif}}}</div><div style="position:absolute;left:4px;top:36px;">http://66.7.192.165/pvp/bar_icon_bottom.jpg</div><div style="position:absolute;left:29px;top:0px;">http://66.7.192.165/pvp/bar_spacer.jpg</div></div>
 +
| valign="top" width="33px" height="50px" |<div style="position:relative;">
 +
<div style="position:relative;left:0px;top:0px;">http://66.7.192.165/pvp/bar_spacer.jpg</div><div style="position:absolute;left:4px;top:0px;">http://66.7.192.165/pvp/bar_icon_top.jpg</div><div style="position:absolute;left:4px;top:11px;">{{{2|http://66.7.192.165/pvp/x.gif}}}</div><div style="position:absolute;left:4px;top:36px;">http://66.7.192.165/pvp/bar_icon_bottom.jpg</div><div style="position:absolute;left:29px;top:0px;">http://66.7.192.165/pvp/bar_spacer.jpg</div></div>
 +
| valign="top" width="33px" height="50px" |<div style="position:relative;">
 +
<div style="position:relative;left:0px;top:0px;">http://66.7.192.165/pvp/bar_spacer.jpg</div><div style="position:absolute;left:4px;top:0px;">http://66.7.192.165/pvp/bar_icon_top.jpg</div><div style="position:absolute;left:4px;top:11px;">{{{3|http://66.7.192.165/pvp/x.gif}}}</div><div style="position:absolute;left:4px;top:36px;">http://66.7.192.165/pvp/bar_icon_bottom.jpg</div><div style="position:absolute;left:29px;top:0px;">http://66.7.192.165/pvp/bar_spacer.jpg</div></div>
 +
| valign="top" width="33px" height="50px" |<div style="position:relative;">
 +
<div style="position:relative;left:0px;top:0px;">http://66.7.192.165/pvp/bar_spacer.jpg</div><div style="position:absolute;left:4px;top:0px;">http://66.7.192.165/pvp/bar_icon_top.jpg</div><div style="position:absolute;left:4px;top:11px;">{{{4|http://66.7.192.165/pvp/x.gif}}}</div><div style="position:absolute;left:4px;top:36px;">http://66.7.192.165/pvp/bar_icon_bottom.jpg</div><div style="position:absolute;left:29px;top:0px;">http://66.7.192.165/pvp/bar_spacer.jpg</div></div>
 +
| valign="top" width="33px" height="50px" |<div style="position:relative;">
 +
<div style="position:relative;left:0px;top:0px;">http://66.7.192.165/pvp/bar_spacer.jpg</div><div style="position:absolute;left:4px;top:0px;">http://66.7.192.165/pvp/bar_icon_top.jpg</div><div style="position:absolute;left:4px;top:11px;">{{{5|http://66.7.192.165/pvp/x.gif}}}</div><div style="position:absolute;left:4px;top:36px;">http://66.7.192.165/pvp/bar_icon_bottom.jpg</div><div style="position:absolute;left:29px;top:0px;">http://66.7.192.165/pvp/bar_spacer.jpg</div></div>
 +
| valign="top" width="33px" height="50px" |<div style="position:relative;">
 +
<div style="position:relative;left:0px;top:0px;">http://66.7.192.165/pvp/bar_spacer.jpg</div><div style="position:absolute;left:4px;top:0px;">http://66.7.192.165/pvp/bar_icon_top.jpg</div><div style="position:absolute;left:4px;top:11px;">{{{6|http://66.7.192.165/pvp/x.gif}}}</div><div style="position:absolute;left:4px;top:36px;">http://66.7.192.165/pvp/bar_icon_bottom.jpg</div><div style="position:absolute;left:29px;top:0px;">http://66.7.192.165/pvp/bar_spacer.jpg</div></div>
 +
| valign="top" width="33px" height="50px" |<div style="position:relative;">
 +
<div style="position:relative;left:0px;top:0px;">http://66.7.192.165/pvp/bar_spacer.jpg</div><div style="position:absolute;left:4px;top:0px;">http://66.7.192.165/pvp/bar_icon_top.jpg</div><div style="position:absolute;left:4px;top:11px;">{{{7|http://66.7.192.165/pvp/x.gif}}}</div><div style="position:absolute;left:4px;top:36px;">http://66.7.192.165/pvp/bar_icon_bottom.jpg</div><div style="position:absolute;left:29px;top:0px;">http://66.7.192.165/pvp/bar_spacer.jpg</div></div>
 +
| valign="top" width="33px" height="50px" |<div style="position:relative;">
 +
<div style="position:relative;left:0px;top:0px;">http://66.7.192.165/pvp/bar_spacer.jpg</div><div style="position:absolute;left:4px;top:0px;">http://66.7.192.165/pvp/bar_icon_top.jpg</div><div style="position:absolute;left:4px;top:11px;">{{{8|http://66.7.192.165/pvp/x.gif}}}</div><div style="position:absolute;left:4px;top:36px;">http://66.7.192.165/pvp/bar_icon_bottom.jpg</div><div style="position:absolute;left:29px;top:0px;">http://66.7.192.165/pvp/bar_spacer.jpg</div></div>
 +
| valign="top" width="33px" height="50px" |<div style="position:relative;">
 +
<div style="position:relative;left:0px;top:0px;">http://66.7.192.165/pvp/bar_spacer.jpg</div><div style="position:absolute;left:4px;top:0px;">http://66.7.192.165/pvp/bar_icon_top.jpg</div><div style="position:absolute;left:4px;top:11px;">{{{9|http://66.7.192.165/pvp/x.gif}}}</div><div style="position:absolute;left:4px;top:36px;">http://66.7.192.165/pvp/bar_icon_bottom.jpg</div><div style="position:absolute;left:29px;top:0px;">http://66.7.192.165/pvp/bar_spacer.jpg</div></div>
 +
| valign="top" width="33px" height="50px" |<div style="position:relative;">
 +
<div style="position:relative;left:0px;top:0px;">http://66.7.192.165/pvp/bar_spacer.jpg</div><div style="position:absolute;left:4px;top:0px;">http://66.7.192.165/pvp/bar_icon_top.jpg</div><div style="position:absolute;left:4px;top:11px;">{{{10|http://66.7.192.165/pvp/x.gif}}}</div><div style="position:absolute;left:4px;top:36px;">http://66.7.192.165/pvp/bar_icon_bottom.jpg</div><div style="position:absolute;left:29px;top:0px;">http://66.7.192.165/pvp/bar_spacer.jpg</div></div>
 +
| valign="top" width="15px" height="50px" |<div style="position:relative;">
 +
<div style="position:absolute;left:0px;top:0px;">http://66.7.192.165/pvp/bar_right.jpg</div></div>&nbsp;
 +
|}

Revision as of 17:44, 20 June 2008

World Area Maps

Inspired by Mowgliks Maps, I decided it should be possible to do something very similar on the wiki. This is a basic idea of how it would look when you take a starting World Area and map out every area until you get to another World Area. This specific example starts at Krul Island. I'm also planning on making it look nice with colors, better formatting, and perhaps a bit more information for each area. You can find the currently finished maps in Category:Travel Maps.

PvP Arena Combat Skill Bar

I've got this mostly finished, but I'm still trying to make it work in all browsers. Any suggestions would be welcome.

Works in IE:

bar_left.jpg
bar_spacer.jpg
bar_icon_top.jpg
x.gif
bar_icon_bottom.jpg
bar_spacer.jpg
bar_spacer.jpg
bar_icon_top.jpg
x.gif
bar_icon_bottom.jpg
bar_spacer.jpg
bar_spacer.jpg
bar_icon_top.jpg
x.gif
bar_icon_bottom.jpg
bar_spacer.jpg
bar_spacer.jpg
bar_icon_top.jpg
x.gif
bar_icon_bottom.jpg
bar_spacer.jpg
bar_spacer.jpg
bar_icon_top.jpg
x.gif
bar_icon_bottom.jpg
bar_spacer.jpg
bar_spacer.jpg
bar_icon_top.jpg
x.gif
bar_icon_bottom.jpg
bar_spacer.jpg
bar_spacer.jpg
bar_icon_top.jpg
x.gif
bar_icon_bottom.jpg
bar_spacer.jpg
bar_spacer.jpg
bar_icon_top.jpg
x.gif
bar_icon_bottom.jpg
bar_spacer.jpg
bar_spacer.jpg
bar_icon_top.jpg
x.gif
bar_icon_bottom.jpg
bar_spacer.jpg
bar_spacer.jpg
bar_icon_top.jpg
x.gif
bar_icon_bottom.jpg
bar_spacer.jpg
bar_right.jpg
 


Works in Firefox/Opera:

bar_left.jpg
bar_spacer.jpg
bar_icon_top.jpg
x.gif
bar_icon_bottom.jpg
bar_spacer.jpg
bar_spacer.jpg
bar_icon_top.jpg
x.gif
bar_icon_bottom.jpg
bar_spacer.jpg
bar_spacer.jpg
bar_icon_top.jpg
x.gif
bar_icon_bottom.jpg
bar_spacer.jpg
bar_spacer.jpg
bar_icon_top.jpg
x.gif
bar_icon_bottom.jpg
bar_spacer.jpg
bar_spacer.jpg
bar_icon_top.jpg
x.gif
bar_icon_bottom.jpg
bar_spacer.jpg
bar_spacer.jpg
bar_icon_top.jpg
x.gif
bar_icon_bottom.jpg
bar_spacer.jpg
bar_spacer.jpg
bar_icon_top.jpg
x.gif
bar_icon_bottom.jpg
bar_spacer.jpg
bar_spacer.jpg
bar_icon_top.jpg
x.gif
bar_icon_bottom.jpg
bar_spacer.jpg
bar_spacer.jpg
bar_icon_top.jpg
x.gif
bar_icon_bottom.jpg
bar_spacer.jpg
bar_spacer.jpg
bar_icon_top.jpg
x.gif
bar_icon_bottom.jpg
bar_spacer.jpg
bar_right.jpg
 
Retrieved from "https://wiki.fallensword.com/index.php?title=User:Belgrave/Projects&oldid=22827"