My site, Version 2.5?

**mtbbrian** · 11-08-2004, 07:57 AM

I recently made some changes to my site.
Nothing fancy or anything, they were mostly cosmetic, but very minor.
I also made a change to one section. The Red Bull Rampage section.
So if you have the time, please take a look at it and comment on it.
I'd especially like to know how the Red Bull navigation works.
What about the color combination, too?
The URL is listed in my signature.
Thanks!
Brian

**Paul.S.** · 12-20-2004, 01:59 PM

First of all.. very nice pics and site. Navigation is clean and simple, something I like!

. My 2 cents?.. instead of using a pure white on the background for the content try something slightly off and grey to balance with the dark top bar and the medium side bar, something like "#E8E8E8" (or #CCCCCC if you are concerned with web safe 256, but its kinda too dark).. . Also adding an easy CSS ref at the top of the document for your links, after you visit them they remain purple and hard to read.. something quick and easy like..

a:link {color: #FFFFFF}
a:visited {color: #E8E1D3}
a:hover {color: #E8E1D3}
a:active {color: #FFFFFF}

nice stuff either way.. cheers!

**mtbbrian** · 01-11-2005, 07:14 PM

Thanks for your comments Paul.
I'll kick them around some.
I am not so sure I care for the CSS, I am not too sure how to do it exactly.
Brian

**Peter_AUS** · 01-11-2005, 08:52 PM

Hi Brian,

CSS is a file that has all the info relating to the text fonts for h1, h2 etc the colours etc that are stored and then referenced from inside the html page for a line in there.

Do you have Dreamweaver, if so, you can setup a blank page based on CSS and see how it works, that is how I figured it out when first looking at it. It is basically to make consistency within websites easier to deal with as you place a reference up near the top of webpages that will then know when to reference the info.

A basic none technical explaination.

Example from The Dreamweaver MX2004\configuration\builin\css folder particualar file name is accessible_design.css as something to search on. There are lots more css files in there to get an idea from. Hope that helps.

a {
color: #3366CC;
text-decoration: none
}
body {
background-color: #DCDCDC;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
line-height: 2em;
color: #336699;
margin-top: 0.1em;
margin-right: 0.1em;
margin-bottom: 0.1em;
margin-left: 0.1em
}
h2 {
color: #CCCCCC
}
h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.15em;
background-color: #006666;
color: #DCDCDC
}
h4 {
color: #000000
}
table {
color: #FFFFFF
}
td, th {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
line-height: 2em;
color: #333333
}
textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em
}
ul {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
list-style-type: square;
list-style-position: outside
}
.BulletBackgroundColor {
color: #FFFFFF
}
.DataColor {
color: #DEDECA
}
.footer {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.167em;
font-weight: bold;
line-height: 1.83em;
color: #333333;
background-color: #CCCCCC
}
.FormBackgroundColor {
color: #CCCCCC
}
.ImageTitleColor {
color: #CCCCCC
}
.LabelColor {
color: #CCCCCC
}
.ListColorEven {
color: #CCCCCC
}
.ListFooterColor {
color: #333333
}
.ListHeaderColor {
color: #333333
}
.ListColorOdd {
color: #DEDECA
}
.ListTitleColor {
color: #CCCCCC
}
.NavigationBackgroundColor {
color: #666666
}
.NavigationColor {
color: #CCCCCC
}
.NewsDataColor {
color: #DEDECA
}
.StoryTitle {
color: #000000;
font-weight: bold
}
.StoryContentColor {
color: #000000
}
.TitleColor {
color: #000000
}
a:hover {
text-decoration: underline
}
tr.ListHeaderColor th {
text-align: left;
}.small {
font-size: 85%;
}

**Mig** · 01-11-2005, 09:07 PM

Looks good Brian - the main navigation is good, I'm not a big fan of the arrows moving with the pics, but otherwise like Paul said it's nice and simple.

CSS is fairly easy and I think you'll like it once you get the hang of it.

Using Paul's example - for a stylesheet embedded in the html you just put the following inside the head tags:

HTML Code:

<head>
<title>Blah Blah Blah</title>
<style type="text/css">
  a:link {color: #FFFFFF}
  a:visited {color: #E8E1D3}
  a:hover {color: #E8E1D3}
  a:active {color: #FFFFFF}
</style>
</head>

Or make the stylesheet a separate file (mystylesheet.css) and reference it from all of your html files, by adding:

HTML Code:

In the css file just put the formatting:

a:link {color: #FFFFFF}
a:visited {color: #E8E1D3}
a:hover {color: #E8E1D3}
a:active {color: #FFFFFF}

Then in the html:

</head>
<title>Blah Blah Blah</title>
<link rel="stylesheet" href="mystylesheet.css">  ***
</head>

***make sure you put the proper path, not just the file name, unless the file is in
 the main html directory

Check here for a basic tutorial and here to see what's possible.

Danielle

Thread: My site, Version 2.5?

LinkBack

Thread Tools

Display

My site, Version 2.5?

Re: My site, Version 2.5?

Re: My site, Version 2.5?

Re: My site, Version 2.5?

Re: My site, Version 2.5?

Thread Information

Users Browsing this Thread

Similar Threads

my new personal photography site...what do u think?

D70 and Tamron 90mm 2.8 macro: Which version of the lens to buy?

abandoned industrial site II

Posting Permissions

PhotographyREVIEW Articles

Camera News