How did you make this forum's colors?

Pr0pHeT · September 01, 2003, 04:52 PM

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 · September 01, 2003, 05:01 PM

CSS

Naem · September 02, 2003, 12:55 AM

Quote from: Pr0pHeT on September 01, 2003, 04:52 PM
Detailed explanations are welcome!

Quote from: Thing on September 01, 2003, 05:01 PM
CSS

haha.

Yoni · September 02, 2003, 02:04 AM

Code Select


  <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 · September 02, 2003, 09:51 AM

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 · September 02, 2003, 11:56 AM

Quote from: Kp on September 02, 2003, 09:51 AM
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 · September 02, 2003, 04:27 PM

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 · September 02, 2003, 10:36 PM

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

Camel · September 03, 2003, 01:46 AM

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

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

Code Select

<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 · September 03, 2003, 08:17 AM

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 · September 03, 2003, 09:18 AM

hmm... Why not something like

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

iago · September 03, 2003, 12:38 PM

Quote from: Thing on September 03, 2003, 08:17 AM
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 · September 03, 2003, 08:37 PM

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

Thing · September 03, 2003, 11:04 PM

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 · September 04, 2003, 01:38 AM

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