|
| |
|
|
TWbrkzzk1
Posts: 27
Joined: 9/20/2004
Status: offline
 |
My Site - 9/25/2004 16:25:43
Please review my site. It's about the Battlefield Series Games. What should I add/change/remove? I am a newbie at FP, and this is my first site. I know it looks a little plain, but I can't think of anything else I can put on the home page. Also, does everything, like the navigation bar, work properly?
http://www.bf-central.com
|
|
|
|
Peppergal
Posts: 2207
Joined: 9/20/2002
Status: offline
|
RE: My Site - 9/25/2004 23:03:46
I would definitely get rid of that left menu. the applet takes FOREVER to load. Why not use a nifty little CSS menu instead? It will load much faster and isn't that hard to implement.
Here is an example on this site:
http://www.suzannehimka.com
The easiest thing to do would be to create a style sheet in FP:
GO to file ----new page or web. then choose new from template, then normal style sheet.
Insert the following code in the style sheet, changing the colors and widths to suit your site:
#navcontainer
{
width: 12em;
border-right: 1px solid #000;
padding: 0 0 1em 0;
margin-bottom: 1em;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
font-size: 10pt;
background-color: #90bade;
color: #333;
}
#navcontainer ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}
#navcontainer li
{
border-bottom: 1px solid #90bade;
margin: 0;
}
#navcontainer li a
{
display: block;
padding: 5px 5px 5px 0.5em;
border-left: 10px solid #1958b7;
border-right: 10px solid #508fc4;
background-color: #2175bc;
color: #fff;
text-decoration: none;
width: 100%;
}
html>body #navcontainer li a { width: auto; }
#navcontainer li a:hover
{
border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0;
background-color: #2586d7;
color: #fff;
}
Save it, and give it a simple name like site.css or something. Then in all your pages, put this in between the <head></head > tags:
<LINK REL=STYLESHEET TYPE="text/css" HREF="site.css">
Then, since you're using shared borders, you may have to create the navigation table in the main part of the page first, in HTML mode, then when it's ready, cut it from normal view and paste the whole thing into the border.
this would be the code to paste into the document, in HTML view, again, altering to suit your site. Be sure to keep the ID the same as what is in the style sheet!
<div id="navcontainer">
<ul id="navlist">
<li><a href="index.htm" title="Suzanne Himka Home Page ">Home</a></li>
<li><a href="services.htm" title="fitness and nutrition services ">Services</a></li>
<li><a href="articles.htm" title="articles written by Suzanne Himka">Articles & Tips</a></li>
<li><a href="aboutme.htm" title="registered dietician and nutritionist Suzanne Himka biography">Biography</a></li>
<li><a href="/forum/" title="fitness and nutrition message board">Message Board</a></li>
<li><a href="resume.htm" title="registered dietician nutritionist personal trainer Suzanne Himka resume">Resume</a></li>
<li><a href="events.htm" title="upcoming sports fitness events">Events</a></li>
<li><a href="links.htm" title="fitness nutrition links from Suzanne Himka">Fitness Links</a></li>
<li><a href="favoritelinks.htm" title="favorite personal links from Suzanne Himka">Favorites</a></li>
<li><a href="contact.htm" title="Contact information for Suzanne Himka">Contact</a></li>
</ul>
</div>
I suggest playing around with this on a test page before doing your whole site.
That's my opinion, and it's probably more than you asked for. LOL
_____________________________
Northeast PA / Poconos/ Lake Wallenpaupack Real Estate
wallenpaupacklakeproperty.com
Karen's Real Estate Blog
| |
|
|
|
Giomanach
Posts: 6128
Joined: 11/19/2003
From: England
Status: offline
|
RE: My Site - 9/27/2004 9:09:01
Hey TW
I see you have positions open for Coders and Designers....If I can produce a decent template for it...do I get the Graphic Designer job? lol
Overall...it's a bit dull and boring....
I take it, this is based the EA Games Battlefield series?
Can't really critique on the site, not a lot of content etc to go on
But here's a couple Tips:
1) Don't use Java
2) Utilise CSS
< Message edited by Giomanach -- 9/27/2004 16:33:00 >
_____________________________
| |
|
|
|
Minix
Posts: 435
Joined: 2/13/2004
Status: offline
|
RE: My Site - 9/27/2004 13:54:44
Seems you have a long way to go TW.
Perhaps if you take a look at some of those EA links and pattern your look and style after them.
Get it a little techno, metallic, with some out-of-this-world graphics.
Good luck.
| |
|
|
|
TWbrkzzk1
Posts: 27
Joined: 9/20/2004
Status: offline
|
RE: My Site - 9/27/2004 19:38:56
quote:
ORIGINAL: Giomanach
Hey TW
I see you have positions open for Coders and Designers....If I can produce a decent template for it...do I get the Graphic Designer job? lol
Overall...it's a bit dull and boring....
I take it, this is based the EA Games Battlefield series?
Can't really critique on the site, not a lot of content etc to go on
But here's a couple Tips:
1) Don't use Java
2) Utilise CSS
quote:
Minix
Thanks for the info Giomanach. Yes, if you produce a decent template for it you get the graphic designer job, if you want. I heard about CSS but I don't know how to use it. I want to add more content to it but I can't think of anything right now.
quote:
ORIGINAL: Minix
Seems you have a long way to go TW.
Perhaps if you take a look at some of those EA links and pattern your look and style after them.
Get it a little techno, metallic, with some out-of-this-world graphics.
Good luck.
I only have a basic knowledge of HTML and that is my first site, so thats why it doesen't look that great. I have photoshop elements 2.0 but I haven't had time to figure out how to use it. Nice logos you made, I will consider using them. I wanted to make something similar to what you made, but like I said, I barely know how to use Photoshop.
If any of you want to work long-term for my site, and help make it better, that would be great. Just send me a e-mail.
| |
|
|
|
Giomanach
Posts: 6128
Joined: 11/19/2003
From: England
Status: offline
|
RE: My Site - 9/27/2004 22:07:17
quote:
Wow, thats pretty good Giomanach. How did you make that? And how long did it take?
I used Photoshop CS to create it, and with time for playing with graphic to get the header right, it took about hour, hour and a half to produce.
There are other designs you can use, and no doubt there are people out there who can provide better, but thats just what I would like to see on the site as a design
_____________________________
| |
|
|
|
d a v e
Posts: 4168
Joined: 7/24/2002
From: England (but live in Finland now)
Status: offline
|
RE: My Site - 9/28/2004 0:03:11
that looks good dan!
_____________________________
David Prescott
Gekko web design
| |
|
|
|
TWbrkzzk1
Posts: 27
Joined: 9/20/2004
Status: offline
|
RE: My Site - 9/29/2004 19:26:21
I was thinking of making buttons in PhotoShop and make the buttons light up when you move put the mouse on the button. I was planning on doing this by creating two buttons, one of which is brighter, and having it switch to that button when you roll your mouse over it. Do you guys think this is a good idea or bad idea? And how would I do it? It's the only solution I can think of at this moment to replace my current nav bar.
| |
|
|
|
Peppergal
Posts: 2207
Joined: 9/20/2002
Status: offline
|
RE: My Site - 9/29/2004 20:50:58
that's a good solution, but beware of the file size - on slow connections they can take a long time to load, thus delaying the "rollover" effect....if you do it keep your images small.
the drawback to this method is that you need to make two images for every single link and it can greatly increase your load time.
If you use a CSS Image swap though, you only have to make two images, period.
Here is one, that is way cool:
http://css.maxdesign.com.au/listamatic/horizontal18.htm
Here is another one that is more sedate but I have used it on one of my sites. I don't like the colors they used here, I used dark blues and yellows for a dramatic rollover:
http://www.projectseven.com/tutorials/css/uberlinks/
The advantage in using CSS is that you only need to make two images and it really saves on load time for your users - they only have to wait for the two images to load and there they are - whereas they would have to wait for two images per link using the traditional js way.
_____________________________
Northeast PA / Poconos/ Lake Wallenpaupack Real Estate
wallenpaupacklakeproperty.com
Karen's Real Estate Blog
| |
|
|
|
Reflect
Posts: 4769
From: USA
Status: offline
|
RE: My Site - 10/4/2004 7:50:07
quote:
I used Photoshop CS to create it, and with time for playing with graphic to get the header right, it took about hour, hour and a half to produce.
Hi Dan,
What language is that on the design you made Dan?
Take care,
Brian
_____________________________
| |
|
|
|
Giomanach
Posts: 6128
Joined: 11/19/2003
From: England
Status: offline
|
RE: My Site - 10/4/2004 7:57:08
Brian
That's just standard dummy text, it's the usual Latin, used the generator here: http://www.lipsum.com/ for the paragraphs, real text, in english will be put in place when I get round to cut and coding it
_____________________________
| |
|
|
|
Reflect
Posts: 4769
From: USA
Status: offline
|
RE: My Site - 10/4/2004 14:23:26
Thanks for the link.
Take care,
Brian
_____________________________
| |
|
|
|
d a v e
Posts: 4168
Joined: 7/24/2002
From: England (but live in Finland now)
Status: offline
|
RE: My Site - 10/5/2004 0:00:40
for dreamweaver users there's an extension for that (insert lorum ipsem text) on the MM exchange. FP users could save it in a notepad document or such like :)
_____________________________
David Prescott
Gekko web design
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
