PDA

View Full Version : website up******* what shall i do!


tuckerm
14th June 2005, 13:19
hey everyone its time to update my new homepage (www.mystuffradio.tk) before we go back on air starting next monday..we need like basicly the same of what we got (eg: black background, same text color, same text) but we need new ideas..anyone have 'em?

oh does anyone have a script for scroll bar coloring

Wolfgang
14th June 2005, 13:26
layout is a bit messy. The body should have bigger padding/margin. Long lines of text are not nice.

DuaneJeffers
14th June 2005, 13:34
How about this ...
1) lose all the bitmaps ... use a better compression format (jpg, png)

2) try throwing the HTML in to a WYSIWYG editor (like Dreamweaver) or grab a design off of Open Source Web Designs ( http://www.oswd.org ).

Don't take my words too harshly, it is from a lack of sleep. But in all seriousness, the black background with nothing to bring it together looks bland and should not represent your station. If you want people to listen, then you will want to make it seem like you know you are #1.

jerimiah40
14th June 2005, 13:37
Scrollbar Colouring:


<style type="text/css">
body
{
background-color: black;
scrollbar-face-color:rgb(7,10,214);
scrollbar-arrow-color:black;
scrollbar-track-color:black;
scrollbar-shadow-color:black;
scrollbar-highlight-color:black;
scrollbar-3dlight-color:gray;
scrollbar-darkshadow-Color:black;
}
</style>

'background-color' - Background color of the page

'scrollbar-face-color' - The face of the scrollbar (top layer of the bar, behind the arrows on the buttons)

'scrollbar-arrow-color' - The color of the arrows on the buttons

'scrollbar-track-color' - The track that the scroller slides on - the very bottom layer

'scrollbar-shadow-color' - The shadow of the scroller

'scrollbar-highlight-color' - The Hilighting of the buttons and scroller

'scrollbar-3dlight-color' - I'm not sure...

'scrollbar-darkshadow-color' - The Dark shadow of the scrollbar

Hope that helps, for the result of the data there visit www.blogireland.ie/jerimiah40.

tuckerm
14th June 2005, 13:53
damn it! freewebs wont let the script work (scroll bar)
:(

Schmeet
14th June 2005, 15:16
Scoll bar colouring is a waste of time anyway. Nobody notices it tbh.

jerimiah40
14th June 2005, 15:21
What do you mean, freewebs won't let it work? Are you putting it in the head of the file, I forgot to mention that. If it doesn't allow the <style> tag, than instead, make a file called 'style.css'. Copy and paste the code I told you into it, than save it and upload it. Than, in the head, write this:
<link rel="stylesheet" type="text/css" href="style.css"/>
That should work if the first method does not. I don't see why it wouldn't though...

tuckerm
14th June 2005, 15:46
does this look right?:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>my stuff radio homepage</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<meta name="author" content="tucker mccumber">
<meta content="internet radio my stuff radio" name="keywords" />
<meta content="my stuff net radio homepage" name="description" >
<style type="text/css">
<!--
A:link {color:#3399cc;text-decoration:underline overline}
A:visited {color:#3399cc;text-decoration:underline overline}
A:active {color:#3399cc;text-decoration:underline overline}
A:hover {color:#3399cc;text-decoration:underline overline}
{ color: #3399cc; font-family: comic sans ms; font-size: 10pt}
<link rel="stylesheet" type="text/css" href="style.css"/> -->
</style>
</head>


still not working..the style file is here: http://www.freewebs.com/mystuffradio/style.css
[edit> also my homepage is no longer black..]

mikm
14th June 2005, 16:19
<link rel ....> should be outside of the <style> block. Also, from what I remember, The slash-end tag (< link ... / > is only valid in XHTML.

keep in mind that the scrollbar coloring is NOT standard CSS, and only works in Internet Explorer.

A:link {color:#3399cc;text-decoration:underline overline}
A:visited {color:#3399cc;text-decoration:underline overline}
A:active {color:#3399cc;text-decoration:underline overline}
A:hover {color:#3399cc;text-decoration:underline overline}
{ color: #3399cc; font-family: comic sans ms; font-size: 10pt}

If the last line is meant to be global, you should add "body" (no quotes) to the front of it. You should also have instructions on what font to go to if comic sans is not installed on the user's system (Also, it should be in single quotes)

If you make a:link into a, you can remove all the repated data

A better version of your code is:

body {color: #3399cc; font-family: 'Comic Sans MS', Veranda, Arial, Sans-Serif; font-size: 10pt}
a {text-decoration:underline overline}
a:hover{color: #3399cc;}
a:active{color: #3399cc;}
a:visited{color: #3399cc;}


I would also recommend adding some sort of effect (such as color-change) on hover.

jerimiah40
14th June 2005, 18:10
Whoah, sorry, I guess I wasn't as specific as I should have been. The part that you posted, change to this:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>my stuff radio homepage</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<meta name="author" content="tucker mccumber">
<meta content="internet radio my stuff radio" name="keywords" />
<meta content="my stuff net radio homepage" name="description" >
</head>


And than, the style.css should read like this:


A:link {color:#3399cc;text-decoration:underline overline}
A:visited {color:#3399cc;text-decoration:underline overline}
A:active {color:#3399cc;text-decoration:underline overline}
A:hover {color:#3399cc;text-decoration:underline overline}

body
{background-color: black;
scrollbar-face-color:3399cc);
scrollbar-arrow-color:lime;
scrollbar-track-color:navy;
scrollbar-shadow-color:gray;
scrollbar-highlight-color:black;
scrollbar-3dlight-color:gray;
scrollbar-darkshadow-Color:navy;
color: #3399cc; font-family: comic sans ms; font-size: 10pt}


That should work, if not, let me know.

mikm
14th June 2005, 18:20
Bah. Like I said, there's a lot of redundant code there.

body
{background-color: black;
scrollbar-face-color:3399cc);
scrollbar-arrow-color:lime;
scrollbar-track-color:navy;
scrollbar-shadow-color:gray;
scrollbar-highlight-color:black;
scrollbar-3dlight-color:gray;
scrollbar-darkshadow-Color:navy;
color: #3399cc; font-family: comic sans ms; font-size: 10pt}
A {text-decoration:underline overline}
A:visited {color:#3399cc}
A:active {color:#3399cc}
A:hover {color:#3399cc}

Will work just as well. The color attribute for each "a" selector is required, as browser might change the color.

tuckerm
14th June 2005, 18:23
nope..black background worked..so the css worked..no scroll bar color.
www.freewebs.com/mystuffradio
style.css: http://www.freewebs.com/mystuffradio/style.css

mikm
14th June 2005, 19:55
Like I said, there is redundant code an you should indicate what font to use if a computer does not have certain fonts.

jerimiah40
14th June 2005, 22:36
Erm, you might want to try closing your tags. And, opening some of them...

You never closed your <html> tag, and you never used <body></body> at all! That could do it...

k_rock923
14th June 2005, 23:07
mikm, what would the code be to indicate the font to be used if a computer does not have the specific font? Is there a way to just say use the default serif or sans serif font?

shakey_snake
14th June 2005, 23:25
Originally posted by Wolfgang
Long lines of text are not nice.

-moz-columns (http://weblogs.mozillazine.org/roc/archives/2005/03/gecko_18_for_we.html)... ummmmmmm Tastes good...

Originally posted by k_rock923
mikm, what would the code be to indicate the font to be used if a computer does not have the specific font? Is there a way to just say use the default serif or sans serif font?
http://www.w3schools.com/css/pr_font_font-family.asp

k_rock923
14th June 2005, 23:30
okay, I'll admit it. a case of RTFM