How was this forum's colors changed from the default YaBB to this black and blue nice colors? How do I do this to my YaBB forum? Detailed explanations are welcome!

Thanks

CSS

[quote author=Pr0pHeT link=board=2;threadid=2537;start=0#msg19748 date=1062453125]
Detailed explanations are welcome!
[/quote]

[quote author=Thing link=board=2;threadid=2537;start=0#msg19749 date=1062453675]
CSS
[/quote]

haha.

[code]
<title>How did you make this forum's colors?</title>
<style type="text/css">
a:link
{
color: #c0c0c0;
background-color: transparent;
text-decoration: none;
}
a:visited
{
color: #c0c0c0;
background-color: transparent;
text-decoration: none;
}
a:hover
{
color: #c0c0c0;
background-color: transparent;
text-decoration: underline;
}
.nav
{
color: #8080FF;
background-color: transparent;
text-decoration: none;
}
.nav:link
{
color: #8080FF;
background-color: transparent;
text-decoration: none;
}
.nav:visited
{
color: #8080FF;
background-color: transparent;
text-decoration: none;
}
.nav:hover
{
font-weight: bold;
color: #0000ff;
background-color: transparent;
text-decoration: underline;
}
body
{
font-size: 12px;
font-family: verdana, arial, helvetica, serif;
scrollbar-base-color: #000000;
scrollbar-arrow-color: #0000FF;
}
table
{
empty-cells: show;
}
td
{
font-size: 12px;
color: #FFFFFF;
font-family: verdana, arial, helvetica, serif;
background-color: #000000;
}
input
{
font-size: 9pt;
color: #000000;
font-family: verdana,arial, helvetica, serif;
background-color: #FFFFFF;
}
textarea
{
font-size: 9pt;
color: #000000;
font-family: verdana,arial, helvetica, serif;
background-color: #FFFFFF;
}
select
{
font-size: 7pt;
color: #000000;
font-family: verdana,arial, helvetica, serif;
background-color: #FFFFFF;
}
.windowbg
{
font-size: 12px;
color: #FFFFFF;
font-family: verdana, arial, helvetica, serif;
background-color: #202020;
}
.windowbg2
{
font-size: 12px;
color: #FFFFFF;
font-family: verdana, arial, helvetica, serif;
background-color: #303030;
}
.windowbg3
{
font-size: 12px;
color: #FFFFFF;
font-family: verdana, arial, helvetica, serif;
background-color: #00FFFF;
}
hr
{
color: #0000FF;
background-color: transparent;
}
.titlebg
{
color: #FFFFFF;
background-color: #000000;
}
.text1
{
font-weight: bold;
font-size: 12px;
color: #FFFFFF;
font-style: normal;
background-color: transparent;
}
.catbg
{
font-weight: bold;
font-size: 13px;
background-color: #000077;
color: #FFFFFF;
}
.bordercolor
{
font-size: 12px;
font-family: verdana, arial, helvetica, serif;
background-color: #0000FF;
}
.bordercolor2
{
font-size: 12px;
font-family: verdana, arial, helvetica, serif;
background-color: #000000;
}
.quote
{
font-size: 12px;
color: #00FF00;
font-family: arial, verdana, helvetica, serif;
background-color: #000000;
}
.code
{
font-size: 12px;
color: #00FF00;
font-family: courier new, helvetica, times new roman, serif;
background-color: #000000;
}
.help
{
cursor: help;
background-color: transparent;
}
.meaction
{
color: red;
background-color: transparent;
}
.editor
{
width : 100%;
}
</style>
[/code]

Wouldn't it be better to store the CSS values in a stand-alone file that all the pages reference, thereby allowing regular visitors to get a cache hit on the CSS file and save redownloading all the styles with every page? :)

[quote author=Kp link=board=2;threadid=2537;start=0#msg19805 date=1062514309]
Wouldn't it be better to store the CSS values in a stand-alone file that all the pages reference, thereby allowing regular visitors to get a cache hit on the CSS file and save redownloading all the styles with every page? :)
[/quote]It is. It's called template.php

No Thing; you're talking about SSI-esque coding. Kp is referring to a '.css' file containing the CSS which the client could cache, thereby saving that much bandwidth on every hit after the initial one.

template.php loads the .css file, doesn't it?

It doesn't matter, the client only sees the finished product. The finished product should be something like this (stolen from microsoft.com): [code]<LINK REL="stylesheet" type="text/css" href="/library/flyoutmenu/default.css" />[/code]
Instead of (also stolen from microsoft.com): [code]<STYLE TYPE="text/css">
.hd1{font:bold 14px verdana;color:#787878}
.mnu1{color:#FFFFFF;text-decoration:none;}
.bt1{margin-bottom:8px;background:url('/homepage/gif/bulletK.gif') no-repeat top left;padding-left:15px;}
.bt2{margin-bottom:0px;background:url('/homepage/gif/bulletK.gif') no-repeat top left;background-repeat:no-repeat;padding-left:15px;}
.pd1{padding-left:15px}
A:link{color:#003399}
A:visited{color:#800080}
A:hover{color:#FF3300}
TD{font-family: Verdana,Arial,Helvetica; font-size: xx-small;}
</STYLE>[/code]

In the former case, the entire stylesheet can be cached by the client, whereas it cannot be cached if the raw css is included as in the latter.

The payoff is only significant if the raw css is large enough that it takes up a significant percentage of the entire final html document. The raw css used via a STYLE tag on microsoft.com is acceptable for an additional reason as well: it is very specific to that page, and no other page.

Camel, you are under the misconception that lusers deserve consideration. Wrong! Their only purpose in life is to be enslaved by our technology and be manipulated like puppets. We give them a taste of the yummy goodness that we ourselves bathe in and when they beg for more, we make them pay and pay and pay until we give them another taste. Lusers dwell in a mist of uncertainty and despair and it is our job to keep them there.

Iago, no it doesn’t load a. css file. It was written the way it is so that the admins can edit it through the GUI. It would be a simple task to make a .css and have the template load it but until somebody emails me $299.99, I won’t do it.

I’m off to another Micro$oft seminar.

hmm... Why not something like

<link rel="stylesheet" type="text/css" href="template.php" />

[quote author=Thing link=board=2;threadid=2537;start=0#msg19919 date=1062595027]
Iago, no it doesn’t load a. css file. It was written the way it is so that the admins can edit it through the GUI. It would be a simple task to make a .css and have the template load it but until somebody emails me $299.99, I won’t do it.
[/quote]

Ok, I emailed you $299.99!

Hrm, mailto:lmao@u, eh? I tried to email you $299.99 but there were no active mail exchangers for the domain...

Iago, thanks for the money. I will piss it away this November when I go to Vega$ for Geeks Gone Wild.

Camel, thanks for trying.

You will be happy to find vlsite.css in your cache now. Remember that all of the colors in that file are copyrighted to Valhalla Legends. Any rebroadcast is subject to the terms detailed in some document somewhere.

Damn, now I'll just have to download every page twice to make up for the bandwidth.

[quote author=Thing link=board=2;threadid=2537;start=0#msg20089 date=1062648247]
Iago, thanks for the money. I will piss it away this November when I go to Vega$ for Geeks Gone Wild.

Camel, thanks for trying.

You will be happy to find vlsite.css in your cache now. Remember that all of the colors in that file are copyrighted to Valhalla Legends. Any rebroadcast is subject to the terms detailed in some document somewhere.
[/quote]


I don't think they'll accept it, seeing as though it's worth no more than writing $299.99 on a piece of paper. In fact, it's worth about the same amount as Canadian money. :(

The Canadian dollar was doing better last time I checked; it was at $0.75 US. For a while it was down to almost $0.65 US.

[way ot]Why do the Canadians use the $ symbol? The fucking thing was derrived from a U slapped on top of an S![/way ot]

Not according to the History Channel!

Edit: "The Spanish royal family used on its escutcheon, two pillars (representing the Pillars of Hercules in Gibraltar and Morocco) crossed by an unfurled banner reading "Plus Ultra." This symbol appeared on the Peso, and looked much like the modern $ sign. It was adopted as a symbol for the Peso in the American colonies, and was transferred to the dollar."

So in truth, the Americans are using the fucking peso sign thing? :P

[quote author=Soul Taker link=board=2;threadid=2537;start=15#msg20176 date=1062710783]Not according to the History Channel!

Edit: "The Spanish royal family used on its escutcheon, two pillars (representing the Pillars of Hercules in Gibraltar and Morocco) crossed by an unfurled banner reading "Plus Ultra." This symbol appeared on the Peso, and looked much like the modern $ sign. It was adopted as a symbol for the Peso in the American colonies, and was transferred to the dollar."[/quote]

Note to self: school teachers are always wrong.