Advertise Here

Author Topic: [REQ] RuneScape Theme  (Read 4302 times)

0 Members and 1 Guest are viewing this topic.

Offline Mystic_kid2k6

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

  • Total Badges: 10
    Badges: (View All)
    Topic Starter Combination Level 2 Level 1 10 Posts
[REQ] RuneScape Theme
« on: March 03, 2008, 03:04:55 pm »
Ok I've wanted a runescape theme for my forums because I've seen it on another forums (http://rs3.smfforfree3.com) and I thought It looked preety sweet because I too like MoparScape and RuneScape so I would appreciate it if someone would help me with this theme because I've kind of messed up my forums doing this.

Offline TheWarzone1

  • SMF For Free Full Member
  • *
  • Posts: 129
    • View Profile

  • Total Badges: 25
    Badges: (View All)
    Nineth year Anniversary Eighth year Anniversary Linux User Mobile User Level 5
Re: [REQ] RuneScape Theme
« Reply #1 on: March 03, 2008, 03:07:07 pm »

Offline Mystic_kid2k6

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

  • Total Badges: 10
    Badges: (View All)
    Topic Starter Combination Level 2 Level 1 10 Posts
Re: [REQ] RuneScape Theme
« Reply #2 on: March 03, 2008, 03:10:26 pm »
theres one in the stylesheet index...

http://www.smfsupport.com/support/stylesheet_codes_and_help/stylesheet_index_updated_22908-t2680.0.html
Sorry didn't see that there lol besides I didn't really know where to find it

Offline Mystic_kid2k6

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

  • Total Badges: 10
    Badges: (View All)
    Topic Starter Combination Level 2 Level 1 10 Posts
Re: [REQ] RuneScape Theme
« Reply #3 on: March 03, 2008, 03:17:45 pm »
Code: [Select]
/* Normal, standard links. */
a:link
{
color: #90C040;
text-decoration: none;
}
a:visited
{
color: #90C040;
text-decoration: none;
}
a:hover
{
color: #90C040;
text-decoration: underline;
}

/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited
{
color: #FFFFFF;
text-decoration: none;
}
a.nav:hover
{
color: #cc3333;
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: #FFFFFF;
font-size: small;
font-family: verdana, sans-serif;
}

/* The main body of the entire forum. */
body
{
background-color: #000000;
background: url(http://www.smfboards.com/Themes2/userstyles/runescape/Background.jpg);
margin: 0px;
padding: 12px 30px 4px 30px;

}

/* 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: 1px;
border: 0;
color: #382418;
background-color: #382418;
}

/* No image should have a border when linked */
a img
{
border: 0;
}
/* A quote, perhaps from another post. */
.quote
{
color: #000000;
background-color: #D7DAEC;
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: #dddddd;
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: #FFFFFF;
background-color: #1B1610;
}
.windowbg2
{
color: #FFFFFF;
background-color: #261D14;
}
.windowbg3
{
color: #FFFFFF;
background-color: #000000;
}
/* the today container in calendar */
.calendar_today
{
background-color: #261D14;
}

/* 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: white;
font-style: normal;
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/runescape/titlebg.jpg) #C7AC75 repeat-x;
border-bottom: solid 1px #362418;
border-top: solid 1px #362418;
padding-left: 10px;
padding-right: 10px;
}
.titlebg, .titlebg a:link, .titlebg a:visited
{
font-weight: bold;
color: white;
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: white;
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://i56.photobucket.com/albums/g174/KimmieB_01/runescape/catbg.gif) #000000 repeat-x;
color: #ffffff;
padding-left: 10px;
padding-right: 10px;
}
.catbg2 , tr.catbg2 td
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/runescape/catbg.gif) #000000 repeat-x;
color: #ffffff;
padding-left: 10px;
padding-right: 10px;
}
.catbg, .catbg2, .catbg3
{
border-bottom: solid 1px #382418;
}
.catbg, .catbg2
{
font-weight: bold;
}
.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited
{
font-size: 95%;
color: white;
text-decoration: none;
}
.catbg a:link, .catbg a:visited , .catbg2 a:link, .catbg2 a:visited
{
color: white;
text-decoration: none;
}
.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover
{
color: #e0e0ff;
}
/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
{
background-color: #382418;
padding: 0px;
}

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

/* 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: bottom;
}
.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://i56.photobucket.com/albums/g174/KimmieB_01/runescape/maintab_first.gif) left bottom no-repeat;
width: 10px;
}
.maintab_back
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/runescape/maintab_back.gif) left bottom repeat-x;
}
.maintab_last
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/runescape/maintab_last.gif) left bottom no-repeat;
width: 8px;
}
.maintab_active_first
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/runescape/maintab_active_first.gif) left bottom no-repeat;
width: 6px;
}
.maintab_active_back
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/runescape/maintab_active_back.gif) left bottom repeat-x;
}
.maintab_active_last
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/runescape/maintab_active_last.gif) 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://i56.photobucket.com/albums/g174/KimmieB_01/runescape/mirrortab_first.gif) no-repeat;
width: 10px;
}
.mirrortab_back
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/runescape/mirrortab_back.gif) repeat-x;
}
.mirrortab_last
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/runescape/mirrortab_last.gif) no-repeat;
width: 6px;
}
.mirrortab_active_first
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/runescape/mirrortab_active_first.gif) no-repeat;
width: 6px;
}
.mirrortab_active_back
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/runescape/mirrirtab_active_back.gif) repeat-x;
}
.mirrortab_active_last
{
background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/runescape/mirrortab_active_last.gif) 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;
}
h1
{
font-size: small;
}
Don't make fun of me if I get this wrong, but do I put this in the CSS Editing?

Offline TheWarzone1

  • SMF For Free Full Member
  • *
  • Posts: 129
    • View Profile

  • Total Badges: 25
    Badges: (View All)
    Nineth year Anniversary Eighth year Anniversary Linux User Mobile User Level 5
Re: [REQ] RuneScape Theme
« Reply #4 on: March 03, 2008, 03:39:52 pm »
go to admin> manage styles> create style. give it a name and save it. then go to modify style and choose the one you just saved. scroll down to the bottom. delete everything in the css area and put that code in there. then click 'modify style' under the css area. that should take you back to the main style page. pick the style from the dropdown box and click 'pick style'. that should do it

 

Related Topics

  Subject / Started by Replies Last post
10 Replies
3149 Views
Last post October 21, 2006, 05:09:55 pm
by roopull
6 Replies
2436 Views
Last post March 07, 2008, 07:05:47 am
by GamesGalore™
1 Replies
1631 Views
Last post April 25, 2008, 11:09:59 am
by simply sibyl
4 Replies
1285 Views
Last post April 25, 2008, 10:10:42 pm
by -Sя.Sharp
0 Replies
2691 Views
Last post January 10, 2014, 08:04:36 am
by Lolcopte