HELP WITH MAKING A NAVBAR, SAME ASS THIS..... |
HELP WITH MAKING A NAVBAR, SAME ASS THIS..... |
Jan 4 2008, 12:20 AM
Post
#1
|
|
|
Senior Member ![]() ![]() ![]() Group: Member Posts: 57 Joined: Oct 2007 Member No: 583,227 |
Im trying to make a navigation bar that looks like the picture below Im pretty new at doing Css and html. Also take a look at the header on top of each section About Me,Comment, Profile Etc. I Also would like help on learning on how to get it look with specific fonts (same ass picture) also the trail of dots under it to seperate the heading and the body. ......
|
|
|
|
![]() |
Jan 4 2008, 02:49 AM
Post
#2
|
|
![]() <3 ![]() ![]() ![]() ![]() ![]() ![]() Group: Official Member Posts: 1,369 Joined: Jun 2007 Member No: 539,187 |
Because it's just a screenshot, it's a bit hard to tell whether its done by image mapping or if their coded links.
For an image mapping tutorial, click here. That shows it done in Adobe ImageReady, but can basically be converted to most image programs that you may have. The other type, there is a tutorial here. It's a pretty good tutorial though it will make no sense if you aren't familiar with HTML/CSS. Check out some more tutorials/scripts and see what you can find. |
|
|
|
Jan 4 2008, 03:14 AM
Post
#3
|
|
|
Senior Member ![]() ![]() ![]() Group: Member Posts: 57 Joined: Oct 2007 Member No: 583,227 |
there definitely coded links the second link you sent me was great!.... But i still have a question on how to write the title headings for each section as shown in the picture above....also if you can see write under the headings they have a trail of dotted lines seperating the title of the section with the body of the section. They are also coded because i saved the background as and they werent part of the layout so they are definitely coded.
|
|
|
|
Jan 4 2008, 06:31 PM
Post
#4
|
|
![]() always<3. ![]() ![]() ![]() ![]() Group: Official Designer Posts: 242 Joined: Mar 2006 Member No: 387,714 |
for the header title, you can make it as an image. you have 2 choices. either make the title part of the main image. or you can make each titles images and make them appear where you want them.
|
|
|
|
![]() ![]() |