How to create reversed arch Navigation in wordpress theme? (5 posts)

Topic tags: arch navigation, css3, navigation, wordpress navigation.
  • Profile picture of
    Pioneer
    Muhammad Ayaz said
    7 months ago:

    Hi, 

    I am building a site where I have to create the reversed shaped arch, but I am confused how should I create it. I guess it could be created via CSS3. 

    on the following link you check how I wanted to create the navigation;

    http://screencast.com/t/fvnPn4pjL5

    Please have a look and guide accordingly,

    Your help would be highly appreciated!

    Thanks & Regards,

    btltimes,

    @ayaz1 | # | Top
  • Sam Scholfield
    Trailblazer
    Sam Scholfield said
    7 months ago:

    The ‘Old fashioned’ way to achieve this would be with image replacements of the text – this will work in old browsers too – If you use this method, then make sure you have a navigation that can be used with screen readers but hidden by default.

    With CSS3, you could look into text-rotation, however using that can be a ROYAL pain! – This won’t work in old browsers

    I hope that gives you a starting point.
    Sam

    @samscholfield | # | Top
  • Profile picture of
    Club Leader
    Kristi Hines said
    6 months, 2 weeks ago:

    @ayaz1 I think you might want to search curved navigation bar css on Google to find some tutorials on it. Looks like a lot of people do it with images.

    @kristi-hines | # | Top
  • Profile picture of
    Explorer
    Dra. Mary Rodriguez said
    5 months, 3 weeks ago:

    I think the same like Kristi.

    @ask2drmary | # | Top
  • Profile picture of
    Innovator
    Bob Green said
    5 months, 3 weeks ago:

    Could be cool when done but, why? Most often, the simpler the better. I found this site the other day looking for some decals for my motorcycle. Ridiculously overdone to the point of being completely useless. Extreme example.   http://fastskinz.com/#/home/

    Your first reaction is “wow, cool”. Then you start trying to interact with it. “not, cool”. Finally (in about 15 seconds) “back button”.

    @bob-green | # | Top

Add your voice to the discussion

Existing members: . If you do not have a SME account, .

 
 
 
Sign Up / via