Advertise Here

Author Topic: [Request]Runescape Stylesheet  (Read 4605 times)

0 Members and 1 Guest are viewing this topic.

Offline SNEEK

  • SMF For Free Member
  • *
  • Posts: 22
    • View Profile

  • Total Badges: 10
    Badges: (View All)
    Topic Starter Combination Level 2 Level 1 10 Posts
[Request]Runescape Stylesheet
« on: November 21, 2007, 02:14:00 pm »
Forum Url: http://runescape200.smfforfree4.com
I was wondering if someone could try and make a Runescape Stylesheet, Like maybe try and use the Runescape.com background. Rusted is not a good stylesheet for runescape. :/

                                   - Please and Thankyou Sneek

Offline trevix

  • SMF For Free Sr. Member
  • *
  • Posts: 302
    • View Profile
    • Canvas

  • Total Badges: 16
    Badges: (View All)
    Topic Starter Combination Level 3 Level 2 Level 1
Re: [Request]Runescape Stylesheet
« Reply #1 on: November 21, 2007, 03:31:17 pm »
this is an old one i made, you need all of this to make it look like the preview

site preview: http://rsaio.smfforfree3.com/index.php

header
Code: [Select]
<center><img src="http://i138.photobucket.com/albums/q261/Trevix/themes/runer%20scaper/rslogo3.gif"></center><br><br>





<table align=center width=900>
<tr> <td width=200 valign=top>

<fieldset style="background-image: url(http://i138.photobucket.com/albums/q261/Trevix/themes/runer%20scaper/rsicon.gif); background-position: bottom right; background-repeat: no-repeat; background-color: #000000; color: #90c040; border: 2px solid #382418; ">
<legend style="color: #ffffff; font-weight: bold;">Title</legend>
Text
</fieldset>

<fieldset style="background-image: url(http://i138.photobucket.com/albums/q261/Trevix/themes/runer%20scaper/globe2.gif); background-position: bottom right; background-repeat: no-repeat; background-color: #000000; color: #90c040; border: 2px solid #382418; ">
<legend style="color: #ffffff; font-weight: bold;">Title</legend>
Text
</fieldset>

<fieldset style="background-image: url(http://i138.photobucket.com/albums/q261/Trevix/themes/runer%20scaper/membership.gif); background-position: bottom right; background-repeat: no-repeat; background-color: #000000; color: #90c040; border: 2px solid #cdb427;">
<legend style="color: #ffffff; font-weight: bold;">Title</legend>
Text
</fieldset>

<fieldset style="background-image: url(http://i138.photobucket.com/albums/q261/Trevix/themes/runer%20scaper/gamehelp.gif); background-position: bottom right; background-repeat: no-repeat; background-color: #000000; color: #90c040; border: 2px solid #382418;">
<legend style="color: #ffffff; font-weight: bold;">Title</legend>
Text
</fieldset>

<fieldset style="background-image: url(http://i138.photobucket.com/albums/q261/Trevix/themes/runer%20scaper/poll.gif); background-position: bottom right; background-repeat: no-repeat; background-color: #000000; color: #90c040; border: 2px solid #382418;">
<legend style="color: #ffffff; font-weight: bold;">Title</legend>
Text
</fieldset>

<fieldset style="background-image: url(http://i138.photobucket.com/albums/q261/Trevix/themes/runer%20scaper/webfeat.gif); background-position: bottom right; background-repeat: no-repeat; background-color: #000000; color: #90c040; border: 2px solid #382418;">
<legend style="color: #ffffff; font-weight: bold;">Title</legend>
Text
</fieldset>

<fieldset style="background-image: url(http://i138.photobucket.com/albums/q261/Trevix/themes/runer%20scaper/accman.gif); background-position: bottom right; background-repeat: no-repeat; background-color: #000000; color: #90c040; border: 2px solid #382418;">
<legend style="color: #ffffff; font-weight: bold;">Title</legend>
Text
</fieldset>

<fieldset style="background-image: url(http://i138.photobucket.com/albums/q261/Trevix/themes/runer%20scaper/accrec.gif); background-position: bottom right; background-repeat: no-repeat; background-color: #000000; color: #90c040; border: 2px solid #382418;">
<legend style="color: #ffffff; font-weight: bold;">Title</legend>
Text
</fieldset>

<fieldset style="background-image: url(http://i138.photobucket.com/albums/q261/Trevix/themes/runer%20scaper/pmod.gif); background-position: bottom right; background-repeat: no-repeat; background-color: #000000; color: #90c040; border: 2px solid #382418;">
<legend style="color: #ffffff; font-weight: bold;">Title</legend>
Text
</fieldset>

</td>
<td height="100%" valign=top style="background-image: url(http://i138.photobucket.com/albums/q261/Trevix/themes/runer%20scaper/scroll457tw700.gif); background-repeat: repeat-y; background-position: top center;">





<center><img src="http://i138.photobucket.com/albums/q261/Trevix/themes/runer%20scaper/scroll457_bottom.gif" style="position:relative; bottom:20px;" width="730"></center>

footer
Code: [Select]
<center><img src="http://i138.photobucket.com/albums/q261/Trevix/themes/runer%20scaper/scroll457_bottom.gif" style="position:relative; top:190px;" width="730"></center>
stylesheet
Code: [Select]
/* Normal, standard links. */
a:link
{
color: #7b4f17;
text-decoration: none;
}
a:visited
{
color: #7b4f17;
text-decoration: none;
}
a:hover
{
color: #7b4f17;
text-decoration: underline;
}

/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited
{
color: #7b4f17;
text-decoration: none;
}
a.nav:hover
{
color: #7b4f17;
text-decoration: underline;
}

/* Tables should show empty cells. */
table
{
empty-cells: show;
}

/* By default (td, body..) use verdana in black. */
body, td, th , tr
{
color: #000000;
font-size: small;
font-family: verdana, sans-serif;
}

/* The main body of the entire forum. */
body
{
background-image: url(http://i138.photobucket.com/albums/q261/Trevix/themes/runer%20scaper/bg2.jpg);
background-repeat: repeat-y;
        background-position: top center;
        margin: 0px;
padding: 12px 30px 4px 30px;
        background-color: #000000;
}

/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button
{
background-color: ;
color: #000000;
font-family: verdana, sans-serif;
}
input, button
{
font-size: 90%;
}

textarea
{
font-size: 100%;
color: #000000;
font-family: verdana, sans-serif;
}

/* All input elements that are checkboxes or radio buttons. */
input.check
{
}

/* Selects are a bit smaller, because it makes them look even better 8). */
select
{
font-size: 90%;
font-weight: normal;
color: #000000;
font-family: verdana, sans-serif;
}

/* Standard horizontal rule.. ([hr], etc.) */
hr, .hrcolor
{
height: 8px;
border: 0;
background-image: url(http://i138.photobucket.com/albums/q261/Trevix/themes/runer%20scaper/breaker_small.gif);
        background-repeat: no-repeat;
        background-position: center center;
}

/* No image should have a border when linked */
a img
{
border: 0;
}
/* A quote, perhaps from another post. */
.quote
{
color: #000000;
background-color: transparent;
border: 1px solid #000000;
margin: 1px;
padding: 1px;
font-size: x-small;
line-height: 1.4em;
}

/* A code block - maybe even PHP ;). */
.code
{
color: #000000;
background-color: transparent;
font-family: "courier new", "times new roman", monospace;
font-size: x-small;
line-height: 1.3em;
/* Put a nice border around it. */
border: 1px solid #000000;
margin: 1px auto 1px auto;
padding: 1px;
width: 99%;
/* Don't wrap its contents, and show scrollbars. */
white-space: nowrap;
overflow: auto;
/* Stop after about 24 lines, and just show a scrollbar. */
max-height: 24em;
}

/* The "Quote:" and "Code:" header parts... */
.quoteheader, .codeheader
{
color: #000000;
text-decoration: none;
font-style: normal;
font-weight: bold;
font-size: x-small;
line-height: 1.2em;
}

/* Generally, those [?] icons.  This makes your cursor a help icon. */
.help
{
cursor: help;
}

/* /me uses this a lot. (emote, try typing /me in a post.) */
.meaction
{
color: red;
}

/* The main post box - this makes it as wide as possible. */
.editor
{
width: 96%;
}

/* Highlighted text - such as search results. */
.highlight
{
background-color: yellow;
font-weight: bold;
color: black;
}

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg
{
color: #000000;
background-color: transparent;
}
.windowbg2
{
color: #000000;
background-color: transparent;
}
.windowbg3
{
color: #000000;
background-color: transparent;
}
/* the today container in calendar */
.calendar_today
{
background-color: transparent;
}

/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
.titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td
{
color: black;
font-style: normal;
background: url() transparent no-repeat;
border-bottom: solid 1px transparent;
border-top: solid 1px transparent;
padding-left: 10px;
padding-right: 10px;
        background-position: center center;
}
.titlebg, .titlebg a:link, .titlebg a:visited
{
font-weight: bold;
color: black;
font-style: normal;
}

.titlebg a:hover
{
color: #404040;
}
/* same as titlebg, but used where bold text is not needed */
.titlebg2 a:link, .titlebg2 a:visited
{
color: black;
font-style: normal;
text-decoration: underline;
}

.titlebg2 a:hover
{
text-decoration: underline;
}

/* This is used for categories, page indexes, and several other areas in the forum.
.catbg and .catbg2 is for boardindex, while .catbg3 is for messageindex and display headers*/
.catbg , tr.catbg td , .catbg3 , tr.catbg3 td
{
background: url(http://i138.photobucket.com/albums/q261/Trevix/themes/runer%20scaper/scroll_spacer.gif) transparent no-repeat;
color: #000000;
padding-left: 10px;
padding-right: 10px;
        background-position: center center;
}
.catbg2 , tr.catbg2 td
{
background: url() transparent no-repeat;
color: #000000;
padding-left: 10px;
padding-right: 10px;
        background-position: center center;
}
.catbg, .catbg2, .catbg3
{
border-bottom: solid 1px transparent;
}
.catbg, .catbg2
{
font-weight: bold;
}
.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited
{
font-size: 95%;
color: #7b4f17;
text-decoration: none;
}
.catbg a:link, .catbg a:visited , .catbg2 a:link, .catbg2 a:visited
{
color: #7b4f17;
text-decoration: none;
}
.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover
{
color: #7b4f17;
        text-decoration: underline;
}
/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
{
background-color: transparent;
padding: 0px;
}

/* This is used on tables that should just have a border around them. */
.tborder
{
padding: 1px;
border: 1px solid transparent;
background-color: transparent;
}

/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext
{
font-size: x-small;
font-family: verdana, sans-serif;
}
.middletext
{
font-size: 90%;
}
.normaltext
{
font-size: small;
}
.largetext
{
font-size: large;
}


/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage
{
width: 100%;
overflow: auto;
line-height: 1.3em;
}

/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
.signature
{
width: 100%;
overflow: auto;
padding-bottom: 3px;
line-height: 1.3em;
}

/* Sometimes there will be an error when you post */
.error
{
color: red;
}


/* definitions for the main tab, active means the tab reflects which page is displayed */
.maintab_first, .maintab_back, .maintab_last, .maintab_active_first, .maintab_active_back, .maintab_active_last
{
color: black;
text-transform: uppercase;
vertical-align: top;
}
.maintab_back, .maintab_active_back
{
color: black;
text-decoration: none;
font-size:  9px;
vertical-align: top;
padding: 2px 6px 6px 6px;
font-family: tahoma, sans-serif;
}

.maintab_first
{
background: url(http://i138.photobucket.com/albums/q261/Trevix/themes/runer%20scaper/Tab-First-Image.png) left bottom no-repeat;
width: 10px;
}
.maintab_back
{
background: url(http://i138.photobucket.com/albums/q261/Trevix/themes/runer%20scaper/Tab-Back-Image.png) left bottom repeat-x;
}
.maintab_last
{
background: url(http://i138.photobucket.com/albums/q261/Trevix/themes/runer%20scaper/Tab-Last-Image.png) left bottom no-repeat;
width: 8px;
}
.maintab_active_first
{
background: url(http://i138.photobucket.com/albums/q261/Trevix/themes/runer%20scaper/Tab-Back-Image.png) left bottom no-repeat;
width: 6px;
}
.maintab_active_back
{
background: url(http://i138.photobucket.com/albums/q261/Trevix/themes/runer%20scaper/Tab-Back-Image.png) left bottom repeat-x;
}
.maintab_active_last
{
background: url(http://i138.photobucket.com/albums/q261/Trevix/themes/runer%20scaper/Tab-Back-Image.png) left bottom no-repeat;
width: 8px;
}

/* how links behave in main tab. */
.maintab_back a:link , .maintab_back a:visited, .maintab_active_back a:link , .maintab_active_back a:visited
{
color: white;
text-decoration: none;
}

.maintab_back a:hover, .maintab_active_back a:hover
{
color: #e0e0ff;
text-decoration: none;
}
/* definitions for the mirror tab */
.mirrortab_first, .mirrortab_back, .mirrortab_last, .mirrortab_active_first, .mirrortab_active_back, .mirrortab_active_last
{
color: white;
text-transform: uppercase;
vertical-align: top;
}
.mirrortab_back, .mirrortab_active_back
{
color: white;
text-decoration: none;
font-size: 9px;
vertical-align: bottom;
padding: 6px 6px 2px 6px;
font-family: tahoma, sans-serif;
}

.mirrortab_first
{
background: url(http://i138.photobucket.com/albums/q261/Trevix/themes/runer%20scaper/Tab-First-Image.png) no-repeat;
width: 10px;
}
.mirrortab_back
{
background: url(http://i138.photobucket.com/albums/q261/Trevix/themes/runer%20scaper/Tab-Back-Image.png) repeat-x;
}
.mirrortab_last
{
background: url(http://i138.photobucket.com/albums/q261/Trevix/themes/runer%20scaper/Tab-Last-Image.png) no-repeat;
width: 6px;
}
.mirrortab_active_first
{
background: url(http://i138.photobucket.com/albums/q261/Trevix/themes/runer%20scaper/Tab-Back-Image.png) no-repeat;
width: 6px;
}
.mirrortab_active_back
{
background: url(http://i138.photobucket.com/albums/q261/Trevix/themes/runer%20scaper/Tab-Back-Image.png) repeat-x;
}
.mirrortab_active_last
{
background: url(http://i138.photobucket.com/albums/q261/Trevix/themes/runer%20scaper/Tab-Back-Image.png) no-repeat;
width: 8px;
}

/* how links behave in mirror tab. */
.mirrortab_back a:link , .mirrortab_back a:visited, .mirrortab_active_back a:link , .mirrortab_active_back a:visited
{
color: white;
text-decoration: none;
}

.mirrortab_back a:hover, .mirrortab_active_back a:hover
{
color: #e0e0ff;
text-decoration: none;
}

/* The AJAX notifier */
#ajax_in_progress
{
background: #32CD32;
color: white;
text-align: center;
font-weight: bold;
font-size: 18pt;
padding: 3px;
width: 100%;
position: fixed;
top: 0;
left: 0;
}

Ad Machine - Free advertising and tips on how to promote your board.

Offline SNEEK

  • SMF For Free Member
  • *
  • Posts: 22
    • View Profile

  • Total Badges: 10
    Badges: (View All)
    Topic Starter Combination Level 2 Level 1 10 Posts
Re: [Request]Runescape Stylesheet
« Reply #2 on: November 21, 2007, 07:07:58 pm »
Ok how do i add titles and things on the side

Offline trevix

  • SMF For Free Sr. Member
  • *
  • Posts: 302
    • View Profile
    • Canvas

  • Total Badges: 16
    Badges: (View All)
    Topic Starter Combination Level 3 Level 2 Level 1
Re: [Request]Runescape Stylesheet
« Reply #3 on: November 21, 2007, 08:11:01 pm »
in the header find one of these
Code: [Select]
<fieldset style="background-image: url(http://i138.photobucket.com/albums/q261/Trevix/themes/runer%20scaper/rsicon.gif); background-position: bottom right; background-repeat: no-repeat; background-color: #000000; color: #90c040; border: 2px solid #382418; ">
<legend style="color: #ffffff; font-weight: bold;">Title</legend>
Text
</fieldset>

play with those, you'll figure it out.  I made it easy

Ad Machine - Free advertising and tips on how to promote your board.

Offline Goddess

  • SMF For Free Newbie
  • *
  • Posts: 9
    • View Profile

  • Total Badges: 9
    Badges: (View All)
    Topic Starter Combination Level 2 Level 1 First Post
Re: [Request]Runescape Stylesheet
« Reply #4 on: December 09, 2007, 05:48:12 pm »
trevix i have a question....is there any way to edit the letters in the runescape thing at the very top?

Offline Hurricane47

  • SMF For Free Master
  • *
  • Posts: 1108
    • View Profile
    • My Graphics Forum!

  • Total Badges: 27
    Badges: (View All)
    Windows User Poll Starter Poll Voter Level 5 Webmaster
Re: [Request]Runescape Stylesheet
« Reply #5 on: December 09, 2007, 05:59:37 pm »
Ummmm, Crasy made one a while back, if you looked at the Style sheet index you would have seen it!
Its the best.
http://www.smfsupport.com/support/stylesheet_codes_and_help/request_runescape_stylesheet-t3047.0.html;msg18794#msg18794

Offline codz alot

  • SMF For Free Newbie
  • *
  • Posts: 16
    • View Profile

  • Total Badges: 9
    Badges: (View All)
    Topic Starter Combination Level 2 Level 1 10 Posts
Re: [Request]Runescape Stylesheet
« Reply #6 on: August 21, 2008, 01:45:13 pm »
this isnt working 4 me either the css doesnt work or the headers and footers dont work wats wrong?

Offline Scapel3

  • SMF For Free Newbie
  • *
  • Posts: 7
    • View Profile

  • Total Badges: 8
    Badges: (View All)
    Topic Starter Combination Level 2 Level 1 First Post
Re: [Request]Runescape Stylesheet
« Reply #7 on: January 01, 2009, 02:11:17 pm »
Forum Url: http://scapel3.smfforfree4.com
Hey, the stylesheet was awesome, it worked perfectly, just one thing, it dosent show the scroll in the middle where are the forums categorys are, if you dont get what i mean, go to my forum. ^ Link is at the top ^

Offline [JeReMy]

  • SMF For Free Master
  • *
  • Posts: 1174
  • www.ourhangout.org
    • View Profile
    • ourhangout

  • Total Badges: 16
    Badges: (View All)
    Topic Starter Combination Level 3 Level 2 Level 1
Re: [Request]Runescape Stylesheet
« Reply #8 on: January 03, 2009, 08:00:18 am »
i still dont get what you mean i dont see any thing wrong

Offline Scapel3

  • SMF For Free Newbie
  • *
  • Posts: 7
    • View Profile

  • Total Badges: 8
    Badges: (View All)
    Topic Starter Combination Level 2 Level 1 First Post
Re: [Request]Runescape Stylesheet
« Reply #9 on: January 05, 2009, 04:55:32 pm »
oh lol i fixed it now XD

Offline sleepy

  • SMF For Free Member
  • *
  • Posts: 44
    • View Profile

  • Total Badges: 11
    Badges: (View All)
    Topic Starter Combination Level 2 Level 1 10 Posts
Re: [Request]Runescape Stylesheet
« Reply #10 on: January 07, 2009, 10:37:35 pm »
Code: [Select]
<fieldset style="background-image: url(http://i138.photobucket.com/albums/q261/Trevix/themes/runer%20scaper/rsicon.gif); background-position: bottom right; background-repeat: no-repeat; background-color: #000000; color: #90c040; border: 2px solid #382418; ">
<legend style="color: #ffffff; font-weight: bold;">TITLE</legend>
TEXT
</fieldset>


change it on each by editing the [TITLE] and [TEXT]
some look at the glass half full,i look at it as who drank my soda!!!

 

Related Topics

  Subject / Started by Replies Last post
9 Replies
10627 Views
Last post August 08, 2008, 11:59:36 pm
by 73lue73oy
0 Replies
1109 Views
Last post July 03, 2008, 05:53:15 pm
by Noob V3 or V2
2 Replies
1014 Views
Last post August 16, 2008, 10:11:07 pm
by Abstract
1 Replies
889 Views
Last post January 17, 2009, 07:00:37 am
by simply sibyl
4 Replies
1439 Views
Last post February 28, 2009, 05:38:13 pm
by Jade