Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations gkittelson on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

create a logo bg with text links

Status
Not open for further replies.
romenyrr

romenyrr

Technical User
Jul 3, 2004
3
US
hey guys/gals... first off happy 4th of july. i have a question for all the wizards out there. i'm trying to create a header banner for my forum, but how can i actually make my header so that it fits the whole page, and has links within itself. heres an example. just check out the header. any help would be great :) thanx in advance , when you go there click on the meninblacktheme on the top. :)
 
Sort by date Sort by votes
What 'meninblacktheme'?

Moe: It could have been a real ugly situation, but luckily I managed to shoot him in the spine.
 
Upvote 0 Downvote
Not really a photoshop question but I'll try and help you out.

Right click on the left hand MIB image and select 'save picture as' to save it to your hard drive. Do the same with the text buttons image and the plain grey gradient area. This will show you the 3 image components you will need to put it together.

You can put the code below into notepad (putting the correct image names in first of course) and save it with a .html file extension. Place it in the same directory as your images, and you'll see the result you're looking for.



Code: 
<html>
<head>
<title>Just a test</title>
</head>
<body>
 <table cellpadding="0" cellspacing="0">
   <tr> 
     <td align="left"><img src="left_hand_image_name.jpg"></td> 
     <td align="middle" valign="middle"      background="thin_background_gradient_image_name.jpg" width=100%><img src="text_buttons_image_name.jpg"></td>
   </tr>
 </table>
</body>
</html>


The centered image that links to different pages when you move the cursor over different words is called an 'image map'. If you go to photoshop help and type that into the search feature you will find lots of info on how to put one together in ImageReady.

 
Upvote 0 Downvote
[edit]
where I've put <td align="middle" above, replace middle with center. 'middle' should work, but 'center' is the correct method.
Make sure you leave valign='middle' as it is though.
[/edit]
 
Upvote 0 Downvote
thanks for the help, i figured out after searching that the middle was an image map, i know how to do that now. next is making a gradient to fill the whole page. i'm gonna work in dreamweaver and see if i can figure it out. thanks for the help. if i run into any problems i'll let you know
Rome








 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

darcywell09
  • Locked
  • Question
Need a photo shop expert
Replies
1
Views
175
spamjim
spamjim
weightinwildcat
  • Locked
  • Question
Editing text in a single-layer file.
Replies
2
Views
148
mscallisto
mscallisto
axLW
  • Locked
  • Question
Batch Photoshop Action. Increase Canvas Size based upon Width and Height
Replies
0
Views
218
axLW
axLW
TheFitz
  • Locked
  • Question
How do I replicate Blue Brothers / Inbetweeners Logo 2
Replies
5
Views
184
Chatterz
Chatterz
annconroy
  • Locked
  • Question
Thick text is Photoshop 1
Replies
5
Views
201
mscallisto
mscallisto

Part and Inventory Search

Sponsor

Back
Top