.Extreme 6.

[mrtrc266]

Hello There, i have on www.Babyloniia.dk/forum installed SMF 1.1.8 "Which i hope is Installed correclty.

How ever im a fan of Dark forums, and a fan of Extreme 6. But i could not find any thing about how to install that theme, in a b c / 1. 2 . 3 because im a noob,


Some can tell me or someone have the right link for the proper installation.

Greetings

A. Dowload the Extreme6 Theme for 1.1.X to your PC
B. Goto Admin/Themes and Layout/Install a New Theme/
C. Upload the theme from your PC and Install

Hope that helps

[Babyloniia]

Wow Amazed very fast answer,

I got this error trying installing,

Database Error: MySQL server has gone away
File: /usr/home/web/web326451/forum/Sources/Themes.php
Line: 1130Database Error: MySQL server has gone away
File: /usr/home/web/web326451/forum/Sources/Load.php
Line: 2013

I tryed both upload the zip file to the theme directory and unzipped to a folder and then upload and then give to the installer the path for folder or file..

Some thing a miss?

[mrtrc266]

B. Goto Admin/Themes and Layout/Install a New Theme/


See pic, that's all you should have to do. SMF Does the rest for you.

[Babyloniia]

SuperB.

Fast & Fine support from this community, I apreciate that.
The themes is working now.

Thanks a lot.

[Fussilet]

Hi Fussilet it's me again LOL

There seems to be a cpl things that are not aligned properly. The info icons under the profile info in a post are going down in 1 column vs. going across in a row like here on the SMF Boards.

Also, the signature is way to high also like here on the SMF Boards it should be towards the bottom of the post, maybe even with a horizontal line.

Please see pics for better explanation, as always thanks in advance.

Here is what it currently looks like...

This is what it should be like......I think

so...


open style.css and find

Code Select Expand

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

Replace with

Code Select Expand

/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage
{
overflow: auto;
line-height: 1.3em;
width: 100%;
}
.postarea .post
{
clear: right;
float: left;
}
/* add a visual divider between subject and post */
.post .inner
{
padding-top: 0.7em;
border-top: solid 1px #888;
}

[mrtrc266]

Hi Fussilet I tried the edit above and this was the result, it threw everything off quite a bit

http://i216.photobucket.com/albums/cc92/mrtrc266/MIsc/afteredit.png

Did I miss something?

Thanks again.

[mrtrc266]

SuperB.

Fast & Fine support from this community, I apreciate that.
The themes is working now.

Thanks a lot.

Glad you got it going, this is the BEST Theme out there 

[Fussilet]

replace with:

Code Select Expand

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

float: left;
}
/* add a visual divider between subject and post */
.post .inner
{
padding-top: 0.7em;
border-top: solid 1px #888;
}

[mrtrc266]

No luck Fussilet it looks exactly the same as in the first pic I posted
http://www.simplemachines.org/community/index.php?topic=266912.msg2016573#msg2016573

Sorry for all the bother

[Fussilet]

I looked  your display page, it works...

[mrtrc266]

It only looks like that cuz I have the tall image on that comment, take a look at this comment on that same thread.

http://monsters-mansion.com/index.php/topic,2900.msg5588.html#msg5588

[Manuelbat]

I just want to thank Fussilet for this excellent theme, and all his help and support with so many questions - answered quite a few I had without me having to ask them.

[Fussilet]

you're welcome

[AEESVCweb]

B. Goto Admin/Themes and Layout/Install a New Theme/


See pic, that's all you should have to do. SMF Does the rest for you.

Hi mrtrc266,

Where/how to get a similiar page layout as in hxxp:www.monsters-mansion.com/ [nonactive]?

user column/calender/.... on the left column

News & infor/...on the center page

New members...on the right column..

Appreciated your headup!

Cheers!

[mrtrc266]

B. Goto Admin/Themes and Layout/Install a New Theme/

Hi mrtrc266,

Where/how to get a similiar page layout as in http://www.monsters-mansion.com/?

user column/calender/.... on the left column

News & infor/...on the center page

New members...on the right column..

Appreciated your headup!

Cheers!

The main page of the Mansion with all the info blocks is the Simple Portal Mod

[3mrhythm]

for some reason the news doesnt display on my site

www.tinygiantclothing.com/forum

[Fussilet]

http://www.simplemachines.org/community/index.php?topic=266912.msg1938259#msg1938259

[leonardus]

great theme!

i've a question for you (I use smf 2.0RC1):

- i need the "logo area" much high (soory for my english!). my logo is bigge than the "logo area" so the bottom of the logo is hidden. can i "expand" the "logo area"?

- is possible to show on the right, just above "total connection time..." a link that show me if there are new message, so i can click here to display my new message?

thank you very much!

[leonardus]

Hi Fussilet it's me again LOL

There seems to be a cpl things that are not aligned properly. The info icons under the profile info in a post are going down in 1 column vs. going across in a row like here on the SMF Boards.

Also, the signature is way to high also like here on the SMF Boards it should be towards the bottom of the post, maybe even with a horizontal line.

Please see pics for better explanation, as always thanks in advance.

Here is what it currently looks like...


This is what it should be like......I think

I've the same problem. i read you resolution post (all) but nothing... can you help me? thx

this is my style.css:

Code Select Expand

/* Normal, standard links. */
a:link
{
color: #FFFFD2;
text-decoration: none;
}
a:visited
{
color: #FFFFD2;
text-decoration: none;
}
a:hover
{
color: green;
text-decoration: underline;
}

/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited
{
color: #555555;
text-decoration: none;
}
a.nav:hover
{
color: red;
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: #f1f1f1;
font-size: 12px;
font-family: verdana, sans-serif;
line-height: 135%;
}
/* The main body of the entire forum. */

body {
background: #FFFFFF;
margin: 0;
padding: 0px 15px 0 15px;
}
/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button
{
color: #000;
font-family: verdana, sans-serif;
background: #C2C2C2;
border: 1px solid #000;
padding: 2px;
}
input, button
{
font-size: 90%;}

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

/* All input elements that are checkboxes or radio buttons. */
input.check
{
font-size: 98%;
font-family:verdana, arial, sans-serif;
color: #ccffff;
font-style: normal;
border: 1px solid #103670;
padding-bottom: 4px;
clear:left
}

/* 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;
background: #959595;
}

/* No image should have a border when linked */
a img
{
border: 0;
}
/* A quote, perhaps from another post. */
.quote
{
color: #000000;
background-color: gray;
margin: 1px;
padding: 1px;
font-size: x-small;
font-style: italic;
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
{
background: #757575;
color: #000;
padding: 5px;
text-decoration: none;
font-style: normal;
font-weight: bold;
font-size: x-small;
line-height: 1.2em;
}

/* For links to change the code stuff... */
.codeoperation
{
font-weight: normal;
}
.inputs {
color: #212B32;
border: 2px solid #fefefe;
background: #E2EFFB;
text-indent: 0.2cm;
}
.inputs:hover {
border: 2px solid  #A4BDD1;
}
.submit:hover {
background: cornflowerblue;
border: 2px solid white;
}

/* 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: #ccffff;
}

/* 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;
}

/* A more discreet highlight colour, for selected membergroups etc. */
.highlight2
{
background-color: #DDDDBD;
color: black;
}

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg, #preview_body, #windowbg
{
background: #1a1a1a;
color: #FFFFD2;
font: 11px;
font-family: tahoma;
border: solid 1px #252525;
}
.windowbg2
{
background: #1a1a1a;
color: #656565;
font: 11px;
font-family: tahoma;
border: solid 1px #252525;
}
.windowbg3, #profileview
{
background: #1B1B1B;
color: #666666;
font: 11px;
font-family: tahoma;
border: solid 1px #252525;
}
/* Color for background of posts requiring approval */
.approvebg
{
background: #1B1B1B;
color: #666666;
font: 11px;
font-family: tahoma;
border: solid 1px #252525;
}
/* Color for background of *topics* requiring approval */
.approvetbg
{
background: #1B1B1B;
color: #666666;
font: 11px;
font-family: tahoma;
border: solid 1px #252525;
}

/* the today container in calendar */
.calendar_today
{
background-color: #f6f6f6;
text-align: center;
font-weight: bolder;
}

/* 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: #ffffd2;
font-style: normal;
background: url(images/mootools_03.png) repeat-x #000;
padding-left: 10px;
padding-right: 10px;
line-height: 22px;
}
.titlebg, .titlebg a:link, .titlebg a:visited
{
font-weight: bold;
color: #999999;
font-style: normal;
font-size: 12px;
}

.titlebg a:hover
{
color: #ffffd2;}
/* same as titlebg, but used where bold text is not needed */
.titlebg2 a:link, .titlebg2 a:visited
{
color: #f2f2f2;
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
{
color: #fff;
padding-left: 10px;
padding-right: 10px;
background: url(images/catbg1.gif) repeat-x #252525;
height: 27px;
}
.catbg2 , tr.catbg2 td
{
color: #fff;
padding-left: 10px;
padding-right: 10px;
background: url(images/catbg1.gif) repeat-x #252525;
height: 27px;
}
.catbg, .catbg2, .catbg3
{

}
.catbg, .catbg2
{
font-weight: bold;
font-size: 12px;
}
.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited
{
font-size: 95%;
color: #fff;
text-decoration: none;
}
.catbg a:link, .catbg a:visited , .catbg2 a:link, .catbg2 a:visited
{
color: #fff;
text-decoration: none;}
.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover
{
text-decoration: underline;}
.catbgf {
height: 30px;
line-height: 30px;
color: #454545;
font-weight: bold;
background: #000 url(./images/katorta.png) repeat-x 0 0;
padding-left:5px;
padding-right:0;
padding-top:0;
padding-bottom:0
}

.catbgf-l {
background: #111111 url(./images/katsol.png) no-repeat 0 0;
padding-left: 20px;
position: relative
}
.catbgf-r {
background: #111111 url(./images/katsag.png) no-repeat 100% 0;
padding-right: 20px;
position: relative
}
.catbgf a:link
{
color: #000;
text-decoration: none;
}
.catbgf a:visited
{
color: #000;
text-decoration: none;
}
.catbgf a:hover
{
text-decoration: underline;
}

/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
{
padding: 0px;
background: #000;
}

/* This is used on tables that should just have a border around them. */
.tborder
{
padding: 0px;
border: solid 1px #000;
background: #000;
}
/* Standard horizontal rule.. ([hr], etc.) */
hr, .hrcolor
{
height: 1px;
border: 0;
color: #444444;
background-color: #444444;
}

/* By default set the color on these tags as black. */
h1, h2, h3, h4, h5, h6, h7
{
color: black;
font-size: 1em;
margin: 0;
padding: 0;
}

/* No image should have a border when linked. */
a img
{
border: 0;
}

/* No lines around buttons in Firefox! */
a
{
outline: none;
}

/* Reset all lists. */
ul, ul li
{
padding: 0;
margin: 0;
list-style: none;
}

/* We can define lists to be lists tho! */
ul.normallist
{
padding-left: 2em;
}

ul.normallist li
{
list-style: disc;
}

/* NOTE: REMOVE THIS??!?!?!! */
/* But do use them in the posts area! */
.post ul
{
padding-left: 2em;
}
.post ul li
{
list-style: disc;
}
.post ul li li
{
list-style: circle;
}

/* ************************************* */
/* Some handy custom classes */
/* ************************************* */

.floatright
{
float: right;
}
.floatleft
{
float: left;
}

/* 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
{
overflow: auto;
line-height: 1.3em;
width: 100%;
}
.postarea .post
{

float: left;
}


/* add a visual divider between subject and post */
.post .inner
{
padding-top: 0.7em;
border-top: solid 1px #888;
}

/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage
{
clear: center;
padding: 1em 0 1px 0;
border-top: solid 1px #888;
width: 100%;
overflow: auto;
line-height: 1.3em;
}
.postarea .post
{

float: left;
}
/* add a visual divider between subject and post */
.post .inner
{
padding-top: 0.7em;
border-top: solid 1px #888;
}

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

/* Helping style to clear floated items. */
.clearfix:after
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix
{
display: inline-block;
}

/* Hides from IE-mac. \*/
* html .clearfix
{
height: 1%;
}
.clearfix
{
display: block;
}
#menutaban {
font-size: 1.0em;
height: 70px;
margin-left: 12px;
background: #041334 url(./images/toolbar.jpg) no-repeat;
}
/* ************************************* */
/* Buttons and menus */
/* ************************************* */

.buttonlist ul, .buttonlist_bottom ul
{
background: #252525 no-repeat bottom left;
padding-left: 10px;
}
.buttonlist ul li, .buttonlist_bottom ul li
{
margin: 0;
padding: 0;
display: inline;
}
.buttonlist ul li a, .buttonlist_bottom ul li a
{
float: left;
display: block;
color: white;
font-size: 0.8em;
font-family: tahoma, sans-serif;
text-transform: uppercase;
}
.buttonlist ul li a:hover, .buttonlist_bottom ul li a:hover
{
color: green;
text-decoration: none;
}
.buttonlist ul li a span, .buttonlist_bottom ul li a span
{
background: url(images/maintab_back.gif) repeat-x bottom left;
display: block;
padding: 0.1em 0.5em 0.5em 0.5em;
}
.buttonlist ul li a.active, .buttonlist_bottom ul li a.active
{
background: url(images/maintab_active_last.gif) no-repeat bottom right;
padding-right: 8px;
}
.buttonlist ul li a.active span em, .buttonlist_bottom ul li a.active span em
{
padding: 0.1em 0.5em 0.5em 0.5em;
display: block;
font-style: normal;
background: url(images/maintab_active_back.gif) repeat-x bottom right;
}
.buttonlist ul li a.active span, .buttonlist_bottom ul li a.active span
{
background: url(images/maintab_active_first.gif) no-repeat bottom left;
padding: 0 0 0 8px;
}
.buttonlist ul li a span.last, .buttonlist_bottom ul li a span.last
{
background: url(images/maintab_last.gif) no-repeat bottom right;
padding: 0.1em 1em 0.5em 0.5em;
}

/* For links that are basically submit buttons. */
.buttonlist_submit
{
background: transparent;
color: white;
text-transform: uppercase;
vertical-align: top;
text-decoration: none;
font-size: 9px;
font-family: tahoma, sans-serif;
border: 0;
}

.buttonlist_submit:hover
{
color: #e0e0ff;
}

/* ..for the "bottom" menu */
.buttonlist_bottom ul
{
background: #252525 no-repeat top left;
}
.buttonlist_bottom ul li a span
{
padding: 0.5em 0.5em 0.1em 0.5em;
background: #252525 repeat-x top left;
}
.buttonlist_bottom ul li a.active
{
background: #353535 no-repeat top right;
}
.buttonlist_bottom ul li a.active span em
{
background: #353535 repeat-x top right;
}
.buttonlist_bottom ul li a.active span
{
background: #454545 no-repeat top left;
}
.buttonlist_bottom ul li a span.last
{
padding: 0.5em 1.5em 0.1em 0.5em;
background: #454545 no-repeat top right;
}
/* the old type of menu, with images */
.oldbuttonlist
{
text-align: right;
padding: 0.5em;
}

/* ************************************* */
/* The below is deprecated.   */
/* ************************************* */

/* 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: white;
text-transform: uppercase;
vertical-align: top;

}
.maintab_back, .maintab_active_back
{
color: white;
text-decoration: none;
font-size:  9px;
vertical-align: top;
padding: 2px 6px 6px 6px;
font-family: tahoma, sans-serif;
}

.maintab_first
{
background: url(images/maintab_first_prev.gif) left bottom no-repeat;
width: 10px;
}
.maintab_back
{
background: url(images/maintab_back.gif) left bottom repeat-x;
}
.maintab_last
{
background: url(images/maintab_last_prev.gif) left bottom no-repeat;
width: 8px;
}
.maintab_active_first
{
background: url(images/maintab_active_first.gif) left bottom no-repeat;
width: 6px;
}
.maintab_active_back
{
background: url(images/maintab_active_back.gif) left bottom repeat-x;
}
.maintab_active_last
{
background: url(images/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(images/mirrortab_first_prev.gif) no-repeat;
width: 10px;
}
.mirrortab_back
{
background: url(images/mirrortab_back.gif) repeat-x;
}
.mirrortab_last
{
background: url(images/mirrortab_last_prev.gif) no-repeat;
width: 6px;
}
.mirrortab_active_first
{
background: url(images/mirrortab_active_first.gif) no-repeat;
width: 6px;
}
.mirrortab_active_back
{
background: url(images/mirrortab_active_back.gif) repeat-x;
}
.mirrortab_active_last
{
background: url(images/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;
}

/* Calendar colours for birthdays, events and holidays */
.birthday
{
color: #920AC4;
}

.event
{
color: #078907;
}

.holiday
{
color: #000080;
}

/* Colours for warnings */
.warn_mute
{
color: red;
}

.warn_moderate
{
color: orange;
}

.warn_watch
{
color: green;
}

/* This is Thank O Matic formating */
.ThankOMatic
{
margin: 0.5em 0.5em 0.5em 0.5em;
padding: 0.5em 0.5em 0.5em 0.5em;
}

/* 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;
}

#ajax_in_progress a
{
color: white;
text-decoration: underline;
font-size: smaller;
float: right;
}

/* Styling for BBC tags */
.bbc_color a
{
color: inherit;
}

.bbc_img
{
border: 0;
}

.bbc_list
{
margin-top: 0;
margin-bottom: 0;
}

.bbc_size
{
line-height: 1.3em;
}

.bbc_table
{
font: inherit;
color: inherit;
}

.bbc_table td
{
font: inherit;
color: inherit;
vertical-align: top;
}

.bbc_u
{
text-decoration: underline;
}

.button_strip_submit
{
background: transparent;
color: white;
text-transform: uppercase;
vertical-align: top;
text-decoration: none;
font-size: 9px;
font-family: tahoma, sans-serif;
border: 0;
}

.button_strip_submit:hover
{
color: #e0e0ff;
}

.openid_login
{
background: white url(images/openid.gif) no-repeat;
padding-left: 18px;
}

a.moderation_link, a.moderation_link:visited
{
color: red;
font-weight: bold;
}

/* These are for the auto suggest floating div type thing. */
.auto_suggest_div
{
border: 1px solid black;
position: absolute;
}

/* An auto suggest item */
.auto_suggest_item
{
background-color: #DDDDDD;
}

/* hovered auto suggest item */
.auto_suggest_item_hover
{
background-color: #888888;
cursor: pointer;
color: #EEEEEE;
}
#wrapper {

}

#header{position:relative; height:103px; overflow:hidden; background: url(./images/extreme6_12.gif) repeat-x;}
#head-r{height:103px; background:url(./images/extreme6_10.gif) 0 0 no-repeat; position:relative}
#head-l{height:103px; background:url(./images/extreme6_13.gif) 100% 0 no-repeat; position:relative}
#logo {
position: absolute;
top: 1px;
left: 30px;
display: block;
width: 400px;
height: 220px;
cursor: pointer;
background: url(./images/logo.png) no-repeat;
}
#footer {
margin-left: 12px;
background: transparent;
}
#foot-r {
height: 64px;
background: transparent;
}
#foot-l {
background: transparent;
}
#footerarea {
text-align: left;
padding: 17px;
}
#footerarea {
font-family: Tahoma;
font-size: 10px;
color: #454545;
text-decoration: none;
}
#footerarea a:link {
font-family: Tahoma;
font-size: 10px;
color: #454545;
text-decoration: none;
}
#footerarea a:visited {
font-family: Tahoma;
font-size: 10px;
color: #454545;
text-decoration: none;
}
#footerarea a:hover {
font-family: Tahoma;
font-size: 10px;
color: green;
text-decoration: underline;
}
#footerarea a:active {
font-family: Tahoma;
font-size: 10px;
color: #151515;
text-decoration: none;
}
#userarea {
height: 78px;
float: right;
padding: 10px 25px 0 0;
text-align: right;
font-size: 1.0em;
color: #CCC;
font-family: tahoma, sans-serif;

}
#userarea a:link, #userarea a:visited {
color: #FEFEFE;
text-decoration: none;
border-bottom: 1px dotted #FFFFFF;
}

#userarea a:hover {
color: #EEEEEE;
text-decoration: none;
border-bottom: 1px dotted #EEEEEE;
}
#search {
float: right;
padding-top: 20px; 
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
clear: both;
}
#kwick {
width : 100%;
}
#kwick .kwicks {
background : transparent;
display : block;
height : 70px;
margin : 0;
padding : 0;
}
#kwick li {
float : left;
margin : 0;
padding : 0;
list-style : none;
}
#kwick .kwick {
display : block;
cursor : pointer;
overflow : hidden;
height : 70px;
width : 78px;
}
#kwick .kwick span {
display : none;
}
#kwick .opt0 {
background-color : transparent;
outline : none;
}
#kwick .opt1 {
background-color:transparent;
outline: none
}

#kwick .opt2 {
background-color:transparent;
outline: none
}

#kwick .opt3 {
background-color:transparent;
outline: none
}

#kwick .opt4 {
background-color:transparent;
outline: none
}

#kwick .opt5 {
background-color:transparent;
outline: none
}

#kwick .opt6 {
background-color:transparent;
outline: none;
}

#kwick .opt7 {
background-color:transparent;
outline: none
}

#kwick .opt8 {
background-color:transparent;
outline: none
}

#kwick .opt9 {
background-color:transparent;
outline: none
}

#kwick .opt10 {
background-color:transparent;
outline: none
}

#kwick .opt11 {
background-color:transparent;
outline: none
border-right: 0px none;
}
#sag1 {
background: #9C9D9D url(images/extreme6_15.gif) 100% 0 repeat-y;

}

#sol1 {
background: url(images/extreme6_08.gif) 0 0 repeat-y;
}

#alt1 {
background: url(images/extreme6_40.gif) 0 100% repeat-x;
}

#altsag1 {
background: url(images/extreme6_41.gif) 100% 100% no-repeat;
}

#altsol1 {
background: url(images/extreme6_38.gif) 0 100% no-repeat;
}

#ust1 {
background: url(images/extreme6_04.gif) 0 0 repeat-x;
}

#ustsag1 {
background: url(images/extreme6_06.gif) 100% 0 no-repeat;
}

#ustsol1 {
background: url(images/extreme6_03.gif) 0 0 no-repeat;
padding: 15px;
}
#sag {
background: #000 url(images/extreme6_31.gif) 100% 0 repeat-y;
}

#sol {
background: url(images/extreme6_29.gif) 0 0 repeat-y;
}

#alt {
background: url(images/extreme6_35.gif) 0 100% repeat-x;
}

#altsag {
background: url(images/extreme6_36.gif) 100% 100% no-repeat;
}

#altsol {
background: url(images/extreme6_33.gif) 0 100% no-repeat;
}

#ust {
background: url(images/extreme6_27.gif) 0 0 repeat-x;
}

#ustsag {
background: url(images/extreme6_28.gif) 100% 0 no-repeat;
}

#ustsol {
background: url(images/extreme6_24.gif) 0 0 no-repeat;
padding: 18px;
}

#logo {
position: absolute;
top: 50px;
left: 30px;
display: block;
width: 550px;
height: 105px;
cursor: pointer;
background: url(./images/logo.png) no-repeat;
}
#userarea {
height: 78px;
float: right;
padding: 25px 25px 0 0;
text-align: right;
font-size: 1.0em;
color: #454545;
font-family: tahoma, sans-serif;
}
#userarea a:link, #userarea a:visited {
color: #555555;
text-decoration: none;
border-bottom: 1px dotted #555555;
}
#userarea a:hover {
color: orange;
text-decoration: none;
border-bottom: 1px dotted green;
}
#menutaban {
height: 70px;
background: #000000 url(images/mootools_03.png) repeat-x;
margin-left: 9px;
margin-right: 9px;

}
#mainarea {
margin: 0;
background: #000;
}
#arama .inputbox {
background: #fff;
color: #555;
padding: 0px 6px 0;
border: none;
margin: 8px 0 0 20px;
width: 80px;
height: 15px;


}
#navb{
position:relative;
height:37px;
overflow:hidden;
background: url(./images/extreme6_19.gif) repeat-x;
}
#navb-r{height:37px; background:url(./images/extreme6_18.gif) 0 0 no-repeat; position:relative}
#navb-l{height:37px; background:url(./images/extreme6_22.gif) 100% 0 no-repeat; position:relative}
#arama {
float: right;
margin-top: 1px;
overflow: hidden;
width: 160px;
margin-left: 0px;
margin-bottom: 5px;
margin-right: 20px;
height: 35px;
background: url(images/extreme6_21.gif) no-repeat;
}
#profileview
{
background: #1B1B1B;
color: #666666;
font: 11px;
font-family: tahoma;
border: solid 1px #252525;
}

/* Box BBCode */
.box_bbcode { margin: 10px 50px 10px 50px; border: 1px solid #ADADAD; }
.box_bbcode legend {color: #476C8E }

/* Spoiler Tag Mod */
fieldset.spoiler
{
border: 1px dashed gray;
}

fieldset.spoiler > legend
{
font-size: 1.2em;
}

div.spoilerheader a
{
font-family: sans-serif;
font-size: 1.1em;
font-weight: bold;
}

div.spoilerheader input
{
background-color: #cececc;
color: #3e3e33;
font: 0.9em sans-serif;
}

div.spoilerbody
{
color: #0f0f0f;
border: 1px dotted gray;
padding: 1em;
margin: 1em;
}

fieldset.spoiler div.spoilerbody
{
border: 0px;
padding: 0em;
}


/* MOD New Style Message Icon */
#newstyleMI { width: 68%; border: 1px solid #7f9db9 }
#newstyleMI input { margin: 5px 10px 5px 15px }


/* MOD Reflect Avatar ~ Fix for IE */
.avatar { overflow: hidden }

[Third]

How do I add another link to the navigation bar?