Creating website accersories (i.e headers etc.)

[k.digennaro]

*Im posting this here cus it has to do with PDN, but i wasnt sure about putting in GD.

Basically, im creating a web site for my band, im done web pages in the past but i want this one to look professional and to express my artistic ability. (it will be a step up from those geocitie sites i used to make). The first thing i Need to create is my nav bar. im not really sure how to go abouts this.

Here's kinda the format i was thinking of (very general)

http://i269.photobucket.com/albums/jj66/ihclub_hockey/template.jpg

Wats the best way to create a nav bar on PDN? do i need to save it as a specific file type? do i add the buttons now? or do i do that later?

Thanks

Kevin

[jerkfight]

for a website i made a while ago

i made this in paint.net /

/

and added text on the buttons spots (text with link)

[k.digennaro]

so basically i want to create the background of the bar, and kinda were stuff goes etc, then create the buttons separate? thats what i was thinking but i just wanted to clarify.

also i cant really decided if i want the nav bar horizontal or vertical, i kinda like it both ways...any way i guess thats something i have to figure out.

wat size should i make the nav bar if i did it horizontal? like 400 x 150?

update

here is wat i just started, i kinda used jerks format, but a totally different design, i used the flames tut, a stone texture and the blood drop tut. (had drawn them before)

edit: maybe its to small?

[jerkfight]

the buttons are too small imo

[Simon Brown]

This should go in general discussion.

[david.atwell]

Actually, since it's not really Paint.NET related, it should stay right where it is.

I'm thinking about closing it...it's dangerously close to tech support...

[Simon Brown]

...it's dangerously close to tech support...

There seem to be a lot of threads in the overflow you could say that about.

[k.digennaro]

Actually, since it's not really Paint.NET related, it should stay right where it is.

I'm thinking about closing it...it's dangerously close to tech support...

im sorry david, maybe i dont really under stand the whole 'tech support' thing. because in my mind tech support would be like, my computer is broken how do i fix it?. Im not trying to sound snooty i just want to be able to understand that so i can avoid breaking it.

can someone give me the average size of a nav bar? and of a button?

[Simon Brown]

can someone give me the average size of a nav bar? and of a button?

Just look at some websites.

[k.digennaro]

does any one know of any forums or something where they just talk about web page building etc?

[Simon Brown]

does any one know of any forums or something where they just talk about web page building etc?

Try the tech support forum. If you never can find one you could start one.

[k.digennaro]

tech support on PDN?

[jerkfight]

photoshop tuts for web layouts, easy to convert to paint.net

http://www.talk-mania.com/forumdisplay.php?f=3

[Simon Brown]

tech support on PDN?

That's different - and it only has that notice in The Overflow.

[k.digennaro]

thanks for all the help guys

*mods ive been given some good information, still struggling a little, but since this topic is a little risque feel free to close it.

Thanks

Kevin

[Simon Brown]

If this is closed you can always post it in The Tech Support Forum.

[JS92]

Why isnt there a tech support forum on here?

If people need help they can ask for it; if people dont want to help them dont go in that forum!?!? Simple.....because we all need help sometimes!

[Simon Brown]

Why isnt there a tech support forum on here?

I suppose we could start a thread requesting that (after the mods have finished the new pictorium). But really, this isn't a tech support forum and if you need tech support you should post it at: http://www.techsupportforum.com/.

[Mike Ryan]

@K.Dig: Try image maps. It allows you to map hyperlinks to different portions of an image by means of coordinates. Very useful if you want to make a complete Nav Bar in PDN and want to retain it as one image.

[Simon Brown]

@K.Dig: Try image maps. It allows you to map hyperlinks to different portions of an image by means of coordinates. Very useful if you want to make a complete Nav Bar in PDN and want to retain it as one image.

Image mapping is a bad idea - especially if you want to resize graphics and also just change one link. Just use a div with a custom background and links inside.

[Mike Ryan]

@K.Dig: Try image maps. It allows you to map hyperlinks to different portions of an image by means of coordinates. Very useful if you want to make a complete Nav Bar in PDN and want to retain it as one image.

Image mapping is a bad idea - especially if you want to resize graphics and also just change one link. Just use a div with a custom background and links inside.

The problem with Divs is that it keeps everything upper right when looking at the webpage on an extremely large monitor. With Imaps you can keep things centered and just. And really, it isnt that difficult to adjust the coordinates when you can easily find the coordinates using PdN

[k.digennaro]

sorry im not familiar with either of those. are those programs?

[Mike Ryan]

lol, no. They are HTML codes. I will post an example of a div and an image map in a while.

[david.atwell]

The problem with Divs is that it keeps everything upper right when looking at the webpage on an extremely large monitor.

Not if you do it right. Just bracket your page with this:

//page//

Then, in your CSS:

#Master {
padding: 0px;
width: 780px;
position: relative; 
margin-left: auto; 
margin-right: auto;
margin-top: auto;
margin-bottom: auto:

This clips the maximum size of a page to 780px wide, which is the average viewable width of an 800x600 monitor with the scroll bar. Setting padding to 0px makes the container essentially invisible, so that you don't lose any page size to the container. Setting position to relative means that your page will be re-centered into the margins every time it's resized. The margins being set to auto mean that the page will automatically be centered; adding in "top" and "bottom" means that if your page is smaller than the browser window it will also be centered vertically.

s are quite certainly better than tables, and a MILLION times better than image maps. PLEASE don't use image maps unless you have to. I beg you. :-) It makes the internet cry.

[Mike Ryan]

Thanks for the tips with the Divs! You know that the only reason I downloaded PdN in the first place was that I was able to determine coordinates for an image map? Ironic in my opinion.