1,105,546 Community Members

help with a particular web design

Member Avatar
lordrt
Posting Pro
510 posts since Jul 2010
Reputation Points: 20 [?]
Q&As Helped to Solve: 34 [?]
Skill Endorsements: 0 [?]
 
0
 

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
Member Avatar
EvolutionFallen
Posting Pro
504 posts since Aug 2009
Reputation Points: 107 [?]
Q&As Helped to Solve: 108 [?]
Skill Endorsements: 8 [?]
 
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.

Member Avatar
lordrt
Posting Pro
510 posts since Jul 2010
Reputation Points: 20 [?]
Q&As Helped to Solve: 34 [?]
Skill Endorsements: 0 [?]
 
0
 

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.

Member Avatar
Nomorewine
Newbie Poster
15 posts since Feb 2013
Reputation Points: 0 [?]
Q&As Helped to Solve: 0 [?]
Skill Endorsements: 0 [?]
 
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.

Member Avatar
lordrt
Posting Pro
510 posts since Jul 2010
Reputation Points: 20 [?]
Q&As Helped to Solve: 34 [?]
Skill Endorsements: 0 [?]
 
0
 

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

Member Avatar
<M/>
Industrious Poster
4,473 posts since Apr 2012
Reputation Points: 106 [?]
Q&As Helped to Solve: 139 [?]
Skill Endorsements: 114 [?]
Featured
 
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...

You
This article has been dead for over three months: Start a new discussion instead
Post:
Start New Discussion
Tags Related to this Article