Jump to content

Creating website accersories (i.e headers etc.)


k.digennaro
 Share

Recommended Posts

*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

japannese.jpg

Support Our Troops, End The War

Link to comment
Share on other sites

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)

Navbar.jpg

edit: maybe its to small?

japannese.jpg

Support Our Troops, End The War

Link to comment
Share on other sites

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...

 

The Doctor: There was a goblin, or a trickster, or a warrior... A nameless, terrible thing, soaked in the blood of a billion galaxies. The most feared being in all the cosmos. And nothing could stop it, or hold it, or reason with it. One day it would just drop out of the sky and tear down your world.
Amy: But how did it end up in there?
The Doctor: You know fairy tales. A good wizard tricked it.
River Song: I hate good wizards in fairy tales; they always turn out to be him.

Link to comment
Share on other sites

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?

japannese.jpg

Support Our Troops, End The War

Link to comment
Share on other sites

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!

Link to comment
Share on other sites

@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.

KaHuc.png
Link to comment
Share on other sites

@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

signature.png

Link to comment
Share on other sites

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.

 

The Doctor: There was a goblin, or a trickster, or a warrior... A nameless, terrible thing, soaked in the blood of a billion galaxies. The most feared being in all the cosmos. And nothing could stop it, or hold it, or reason with it. One day it would just drop out of the sky and tear down your world.
Amy: But how did it end up in there?
The Doctor: You know fairy tales. A good wizard tricked it.
River Song: I hate good wizards in fairy tales; they always turn out to be him.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...