Abhishek Reddy — Sun, 05 Oct 2003 07:30:28 +0000

heh, no problems. I was just having some fun with EditCSS.

nuk3 — Sun, 05 Oct 2003 07:10:36 +0000

Half that code in that style sheet is not actually being used by the current layout. But I'm in the process of making a css layout. So what you've taken the time to "hack" above will be of use to me in the near future. Thanks Abhishek.

Abhishek Reddy — Sat, 04 Oct 2003 12:56:51 +0000

I hope you don't mind... I was toying with the EditCSS extension on Firebird, and ended up hacking your stylesheet.

I ended up with this:

/* Type CSS rules here and they will be applied
to pages from 'editcss'
immediately as long as you keep this window open. */

/**** LINK-tag style sheet css.css ****/

#pageheader {
	width:750px;
	height:150px;
	background-image:url(<a href="http://www.silonetwork.com/images/header.gif" class="bb-url">http://www.silonetwork.com/images/header.gif</a>);
	background-repeat:no-repeat;
	background-position:center; }

#main_container {
	clear:left;
	width:750px;
	border-width:0px;
	background-color:transparent;
        color: #000000;
        font-family: Verdana,Tahoma,Arial,serif;
        font-size: 9.5pt; }

#menu_container {
	float:left;
	border-color:black;
	border-style:solid;
	border-width:1px;
	width:130px;
	background-color:#transparent;
        color: #000000;
        font-family: Verdana,Tahoma,Arial,serif;
        font-size: 9.5pt; }

#spacer {
	float:left;
	width:20px; }


#content {
	float:left;
	width:450px;
	border-color:black;
	border-style:solid;
	border-width:1px;
	background-color:transparent;
        color: #000000;
        font-family: Verdana,Tahoma,Arial,serif;
        font-size: 9.5pt; }


#menuheading {
	text-align:left;
	width:130px;
	height:20px;
	border-width:0px;
	background-color:#003B7A;
        color: #FFFFFF;
        font-family: Verdana,Tahoma,Arial,serif;
        font-size: 9.5pt; }

#menucontent {
	text-align:left;
	width:130px;
	border-width:0px;
	background-color:#DBDBDB;
        color: #000000;
        font-family: Verdana,Tahoma,Arial,serif;
        font-size: 9.5pt; }




.maintop        {
display:none;
    height: 22px;   
    background-color: transparent;
}

.mainback        {
    height: 22px;   
    background-color: #fffbfb;
    border:1px solid #ddd;
}

.mainbottom        {
display:none;
    height: 22px;   
    background-image: url(<a href="http://www.silonetwork.com/images/mainbottom.gif" class="bb-url">http://www.silonetwork.com/images/mainbottom.gif</a>);
    background-color: transparent;
}

body { margin: 5px; font-family: Verdana,Tahoma,Arial,serif; background-color:#efeff6;
background-image:none;
}

A:link { text-decoration: underline; color:#000000; background-color: transparent; font-size: 9.5pt; font-family: verdana; }
A:visited { text-decoration: underline; color:#000000; background-color: transparent; font-size: 9.5pt; font-family: verdana; }
A:active { text-decoration: underline; color:#000000; background-color: transparent; font-size: 9.5pt; font-family: verdana; }
A:hover { color:#000000; background-color: transparent; text-decoration: none; font-family: Verdana,Tahoma,Arial,serif; }


a.menu:link { color: #000000; background-color: transparent; font-family: Verdana,Tahoma,Arial,serif; font-size: 9.5pt; text-decoration: none; }
a.menu:visited { color: #000000; background-color: transparent; font-family: Verdana,Tahoma,Arial,serif; font-size: 9.5pt; text-decoration: none; }
a.menu:active { color: #000000; background-color: transparent; font-family: Verdana,Tahoma,Arial,serif; font-size: 9.5pt; text-decoration: none; }
a.menu:hover { color: #000000; background-color: transparent; font-family: Verdana,Tahoma,Arial,serif; font-size: 9.5pt; text-decoration: underline overline; }

a.updates:link { color: #000000; background-color: transparent; font-family: Verdana,Tahoma,Arial,serif; font-size: 9.5pt; text-decoration: underline; }
a.updates:visited { color: #000000; background-color: transparent; font-family: Verdana,Tahoma,Arial,serif; font-size: 9.5pt; text-decoration: underline; }
a.updates:active { color: #000000; background-color: transparent; font-family: Verdana,Tahoma,Arial,serif; font-size: 9.5pt; text-decoration: underline; }
a.updates:hover { color: #000000; background-color: transparent; font-family: Verdana,Tahoma,Arial,serif; font-size: 9.5pt; text-decoration: none; }

.menu_heading {color: transparent; font-family: Verdana,Tahoma,Arial,serif; font-size: 9.5pt; text-align: left;}
.text { color: #000000; font-family: Verdana,Tahoma,Arial,serif; font-size: 9.5pt; background-color: transparent; }
.small-heading { color: #000000; font-family: Verdana,Tahoma,Arial,serif; font-size: 10pt; background-color: transparent; }
.medium-heading { color: #000000; font-family: Verdana,Tahoma,Arial,serif; font-size: 12pt; font-weight: bold; background-color: transparent; }
.large-heading { color: #000000; font-family: Verdana,Tahoma,Arial,serif; font-size: 14pt; background-color: #efeff6; margin-top:-27px; display:block; width:150px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd; text-align:center;}
.menu-heading { color: #000000; font-family: Verdana,Tahoma,Arial,serif; font-size: 9pt; text-decoration: none; background-color: transparent; }

input, textarea, select { border:2px solid #000000; font-family: Verdana,Tahoma,Arial,serif; font-size: 8pt; color: #000000; background-color: transparent; }


table[width=130]{
border:1px solid #ccc !important;
}

table[width=130] td {
background-color:#dfdfff !important;
}

.menu_heading b {
display:block;
background-color:#009 !important;
padding-top:3px;
padding-bottom:2px;
margin-top:-16px;
z-index:100;
color:#fff;
}
.menu_heading b:before {
margin-left:3px;
margin-right:3px;
content:">>";
}

Try replacing your current stylesheet with that one. (Backup yours, of course). The CSS I used is very very ugly, because I had to work around your markup (*sigh*, if only it was XML), and I can only guarantee it "works" as I intended it to on Firebird 0.7 20030925 on Linux. Anyways, I hope it gives you some ideas...

edit: here's a screenshot of what it should look like, in case the code doesn't work.

nuk3 — Sat, 04 Oct 2003 10:40:58 +0000

The latest links are fixed up and I'll work on the aa for the rounded corners. I might also add a background to the site in the future.

slimpy — Sat, 04 Oct 2003 08:17:29 +0000

I agree lose the right colum. Besides that I give your site a thumbs up! Its easy to nav and you already have some good articles that I must return and read.

Abhishek Reddy — Sat, 04 Oct 2003 07:21:42 +0000

http://validator.w3.org/check?verbose=1&uri=http%3A//www.silonetwork.com/index.php

It's better without the right column. The rounded corners are still not anti-aliased very well. The "Latest Links" links aren't displaying right -- wrong font, size. Validator catches that, I think.

I like the new banner, but I don't see the logo's relevance to the content. Still a lot of white space (wasted?), but it's much better.

nuk3 — Sat, 04 Oct 2003 06:45:55 +0000

What do you think of it now?

http://www.silonetwork.com/index.php

nuk3 — Fri, 03 Oct 2003 03:41:08 +0000

Thanks for your comments Megan. I'm in the process of fixing up the header graphic (the points you mentioned) and I'll probably scrap the right column.

Megan — Mon, 29 Sep 2003 13:42:42 +0000

I think this looks better than some of your past efforts, although I don't remember them for sure.

I do think that the header graphic could be a little shorter (vertically). it's just taking up space there. Also do something with your links so they look like links rather than plain text. Your whole menu system will look nicer.

I also think that you should get rid of the right side polls and junk and go down to a two column layout (unless you can think of something better to put there).

On a deeper level, I think that your header graphic could use some work. I'd like to see a little more variation in the colours of the squares in the corner - try having them fade from grey to blue more gradually, maybe with a few other hues trown in here and there for interest (like a tinge of green for example). And do it more on a 45 degree angle rather than the more upright line you've got there. The font for the text isn't working at all. It looks too mischapen and blob-ish. Try to find something more structured.

ComposerRyan — Sun, 28 Sep 2003 02:30:38 +0000

Looks like a great site, good work. And I noticed it had some interesting articles there too, like the one about Fixed vs Expandable Layouts. That is an issue that seems to be springing up on a lot of forums lately...and your article made many good points regarding fixed and expandable layouts!

Again, good work and I will visit your site again to read some more articles!
Ryan