PDA

View Full Version : Let me know what you guys think...

HanZnSolo
December 10 '02, 10:17 PM
Hi all.

Well, I'm sort of working through my creative block (with the help of some free templates on the web...heheheh...). If you don't know what I'm talking about, see this thread (http://www.webdesignforums.net/threadid4512session.html)

Anyway, I just wanted to check in with you guys to see if you have any suggestions or anything. Lemme know...

BTW, I'm having problems getting the right half of the main table there to line up right at the top. It seems to want to center all the content in that cell vertically, for some reason....if you have any suggestions there as to what could be the problem, feel free to lemme know.

Thanks guys!
HanZnSolo
December 11 '02, 08:31 AM
Oops, forgot to include this part...my new URL is this:

http://www.fatgarage.com

I have no idea why I chose that name or even where I got the idea for that name...I guess it's just kinda a funny name...
Prometheus
December 11 '02, 09:22 AM
Try this simple script for the "Links" Section
<script language="JavaScript">
<!-- //
function light_up(id)
{
item(id + ".bgColor = '#7A7882'");
}

function no_light(id)
{
item(id + ".bgColor = '#DDDAEC'");
}

// -->
</script>

Call with:

<a href="your_link" onMouseOver="highlight('m1')" onMouseOut="unhighlight('m1')">link_title</a>

Obs:
1: more liks meens more ids e.g: m2 form link 2 and m3 for link3
etc.
2: #DDDAEC should be the current color for the "links" section, if i still can "hexaCalculate" :) and #7A7882 is a bit darker.

You should also try to bold all your links, makes them more visible, and make the blue a little less agrssive plus a logo where you now placed the "Because Thin Garages Just Don't Cut It!" text.

Other than that : nice template :)
HanZnSolo
December 11 '02, 09:30 AM
Cool, I'll try that script out! I agree that the links aren't bold enough. I'm just not very good at javascript AT ALL.

I also agree about the logo thing, but I'm also not very good with graphics yet. I'm working on that now, too.

Thanks a ton again!
HanZnSolo
December 11 '02, 10:06 AM
Okay, I'm having trouble with it.....here's what I've got in my code...

"<td bgcolor="#dddaec" align="center"><a href="http://www.gentoo.org" onMouseOver="highlight('m1')" onMouseOut="unhighlight('m1')">Gentoo Linux</a></td>"

Minus the quotes at the beginning and end, obviously. It's telling me that there's an error and that an object is expected when I look at it on my own machine. When I put it on the actual web server, though, nothing happens with the script. I've placed the actual script just before this section, so I guess it's in the right place...

check it out: http://www.fatgarage.com

What's the deal?
filburt1
December 11 '02, 12:27 PM
Mozilla (superior JS debugger BTW) says that the two functions themselves are undefined.
HanZnSolo
December 11 '02, 12:30 PM
Hmmm....okay, I suck at Javascript...any suggestions? I see that the m1 function isn't defined, but I'm not even sure how to define it or any of that junk to accomplish what it is the script is supposed to do! Help?!
HanZnSolo
December 11 '02, 01:51 PM
And here's another IRRITATING problem....

If you look at my style sheet, you'll see that links are supposed to stay the same font whether they've been visited or not and whether they're hovered over or not. Strangely, though, after you've visited a link, the stupid font changes totally....Can anybody help me with this one???

http://www.fatgarage.com/scripts/main.css

That's the address for the script, obviously...Help?!
Prometheus
December 12 '02, 08:59 AM
I got youre surce code and i'm looking at it right now
Prometheus
December 12 '02, 10:18 AM
Ok i fixed bolth your problems:
The first one, regarding the Java script was somewhat my fault. I forgot to tell you to assign a value to every <td> that contains the link so, with all the necessary appologies, here is the right way to do it:
1. place the <script>.....</script> perti in your header section anywhere between <head> and</head> should work nicely
2. call the function like this:
<tr>
<td bgcolor="#dddaec" align="center" id="m3">
<a href="http://www.daxtv.com" onMouseOver="light_up('m3')" onMouseOut="no_light('m3')">Dax TV</a>
</td>
</tr>
Now everything shoult work just fine. You should play a little with the collors to make the text move visible.
Regarding youre CSS problem the solition is simple:
you wrote:
<STYLE type="text/css"> at the begining at the file and </STYLE> at the end just remove those and everything will be ok. The reasons are a little bit more complicated to explain.
Hope this helps!
HanZnSolo
December 12 '02, 11:53 AM
Cool, that fixed the style sheet problem! I have to admit, though, that I'm curious as to why that made a difference. I don't expect you to answer that, though. You've already helped enough! The script still isn't working, though. Check out my code now.
3TPixel
December 12 '02, 11:50 PM
Why don't you use something more simple and maybe... more easy for you to use. Like this:

<style>

body, td {font-family: Verdana; font-size: 7pt; color: #373737}
a {font-family: Verdana; font-size: 7pt; color: #FFB400; text-decoration: none}
a:hover {font-family: Verdana; font-size: 7pt; color: #DFDFDF; text-decoration: none}
a:visited {font-family: Verdana; font-size: 7pt; color: #FFB400; text-decoration: none}

</style>

Quite simple, isn't it? :) You don't need more then that for now, in my humble opinion. Not to mension that the rollover effect you are using now kinda sux :p especially the one with "Home Chat About the site ... "

Good luck with the site :)
Prometheus
December 13 '02, 04:43 AM
Ok. I see the problem:
item(id + ".bgColor = '#7A7882'"); needs to be replaced with
eval(id + ".bgColor = '#7A7882'").

Eval is a JS Function and item is nothing. I initialiy used the script with "item" insted of "eval" because of some technical trics i had to do. But it is not the case for you. Just replace "item" with "eval" and you should finally be able to see what the script does :).

Regading the CSS mater, the error apeard because of the way the HTML compliler parses the code, when it enconters a CSS include directive like <link rel="stylesheet" href="./scripts/main.css" type="text/css"> it automatically places the <style></style> tags and then expands the content of the CSS between them, so in youre case you get something like <style><style> ...code... </style></style>
and the results... well you've seen that already.
HanZnSolo
December 13 '02, 10:32 AM
Cool, thanks! I may not use that script on this site, but I'll definitely use it somewhere! Thanks a lot! I am definitely using your color for the links, though. It makes them stand out more...

Thanks again!