We're a community of 1.1M IT Pros here for help, advice, solutions, professional growth and fun. Join us!
1,080,610 Members — Technology Publication meets Social Media
Username:
Password:
Lost login information?
Start New Discussion Reply to this Discussion

help with a particular web design

Hello, I need some ideas on the best ways to add the texts and arrows (see attachment) above the tabs, which are sub menus to the main menus shown in the blackish strip, given there are other identical sub menus, with different texts pointing to them in other psd templates, thus having them change dynamically when their respective submenus are loaded

maquette_-_produits

Attachments maquette_-_produits.png 64.27KB
4
Contributors
5
Replies
2 Months
Discussion Span
2 Months Ago
Last Updated
16
Views
lordrt
Posting Pro in Training
484 posts since Jul 2010
Reputation Points: 30
Solved Threads: 33
Skill Endorsements: 0

I'd probably make multiple images for each set of texts & arrows, then use CSS background images to change which one appears on a given page.

EvolutionFallen
Posting Pro in Training
416 posts since Aug 2009
Reputation Points: 95
Solved Threads: 87
Skill Endorsements: 7

Can anyone be more explicit on how to proceed with this pls? I kept avoiding this part in my website for a long time, but now have to eventually implement it.
The images are ready, just have to show them when the primary menus like "Service" etc are clicked.

lordrt
Posting Pro in Training
484 posts since Jul 2010
Reputation Points: 30
Solved Threads: 33
Skill Endorsements: 0

Do you use jQuery ? It would be not hard to do in jQuery.
If the answer is yes, then you could read more about .attr() Same could be achieved with plain javascript. As Evolution said you could change the background image.

Nomorewine
Newbie Poster
15 posts since Feb 2013
Reputation Points: 0
Solved Threads: 0
Skill Endorsements: 0

not too familiar with jquery but can give it a try thx

lordrt
Posting Pro in Training
484 posts since Jul 2010
Reputation Points: 30
Solved Threads: 33
Skill Endorsements: 0

you can design those "links" with CSS and get them to be more functionable with jquery. or you can view the sites source code...

<M/>
Senior Poster
3,609 posts since Apr 2012
Reputation Points: 64
Solved Threads: 81
Skill Endorsements: 95

Post: Markdown Syntax: Formatting Help
 
You
 
© 2013 DaniWeb® LLC
Page generated in 0.0883 seconds using 2.66MB