How did you make this forum's colors?

[Pr0pHeT]

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

[Thing]

CSS

[Naem]

Detailed explanations are welcome!

CSS

haha.

[Yoni]

Code Select Expand


 <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>


[Kp]

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?

[Thing]

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?

It is. It's called template.php

[Camel]

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.

[iago]

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

[Camel]

It doesn't matter, the client only sees the finished product. The finished product should be something like this (stolen from microsoft.com):

Code Select Expand

<LINK REL="stylesheet" type="text/css" href="/library/flyoutmenu/default.css" />
Instead of (also stolen from microsoft.com):

Code Select Expand

<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>

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.

[Thing]

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.

[Yoni]

hmm... Why not something like

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

[iago]

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.

Ok, I emailed you $299.99!

[Camel]

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

[Thing]

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.

[Camel]

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