Want to thank and support me for my work?
Buy my iWebFAQ.org E-Book (15$) (reviews) (sample) or...
iWebFAQ.org is presented by Cédric and hosted by HostExcellence
It is currently Sun May 19, 2013 4:18 am

All times are UTC + 1 hour [ DST ]




Post new topic Reply to topic  [ 9 posts ] 
How can I add a menu with a fading effect to my website?
Author Message
 Post subject: How can I add a menu with a fading effect to my website?
PostPosted: Thu Aug 02, 2012 3:55 pm 
Offline

Joined: Sat Nov 26, 2011 3:56 pm
Posts: 57
Followed your instructions on How can I add a menu with a fading effect and got the desired results, except the Menu Bar is vertical. How do I change it to horizontal?

Thanks,
Hozey


Top
 Profile Send private message  
 
How can I add a menu with a fading effect to my website?
Author Message
 Post subject: Re: How can I add a menu with a fading effect to my website?
PostPosted: Thu Aug 02, 2012 6:51 pm 
Offline
Site Admin

Joined: Tue Jun 10, 2008 1:14 am
Posts: 1840
Location: Basel, Switzerland
Please provide me with a link to the page.

Regards,
Cédric

_________________
Thank you for visiting my websites:
http://iwebfaq.org - http://rapidweaverfaq.org - http://wpfaq.org - http://ebookstoretoday.com
All my websites are hosted by: HostGator


Top
 Profile Send private message  
 
How can I add a menu with a fading effect to my website?
Author Message
 Post subject: Re: How can I add a menu with a fading effect to my website?
PostPosted: Thu Aug 02, 2012 8:25 pm 
Offline

Joined: Sat Nov 26, 2011 3:56 pm
Posts: 57
I re-copied and pasted the snippet and got it going horizontal, but have some excess black at the right end, which I don't know how to get rid of. I tried changing the left margin several different ways, but it's still there. Please tell me where I can change the right margin.

Thanks,
Hozey
http://test.garlandcountydemocrats.org/rollover.html


Top
 Profile Send private message  
 
How can I add a menu with a fading effect to my website?
Author Message
 Post subject: Re: How can I add a menu with a fading effect to my website?
PostPosted: Fri Aug 03, 2012 10:28 am 
Offline
Site Admin

Joined: Tue Jun 10, 2008 1:14 am
Posts: 1840
Location: Basel, Switzerland
Copying your code into an HTML Snippet and hitting Apply I don't get that empty black space. Anyway you may want to open this file
http://test.garlandcountydemocrats.org/ ... u/main.css
in TextWrangler and change

body {
background-color: #222;
}

to

body {
background-color: transparent;
}

That should do it.

Regards,
Cédric

_________________
Thank you for visiting my websites:
http://iwebfaq.org - http://rapidweaverfaq.org - http://wpfaq.org - http://ebookstoretoday.com
All my websites are hosted by: HostGator


Top
 Profile Send private message  
 
How can I add a menu with a fading effect to my website?
Author Message
 Post subject: Re: How can I add a menu with a fading effect to my website?
PostPosted: Fri Aug 03, 2012 2:10 pm 
Offline

Joined: Sat Nov 26, 2011 3:56 pm
Posts: 57
Thanks. That got rid of some of it, but not all. When you rollover Donate there is 20 or 30 px of the grey background to the right while the Donate block is black with white letters. When you rollover Home there is nothing to the left. Can the right side be made to act like the left side? If looks like something is missing with that grey to the right.

Thanks again,
Hozey


Top
 Profile Send private message  
 
How can I add a menu with a fading effect to my website?
Author Message
 Post subject: Re: How can I add a menu with a fading effect to my website?
PostPosted: Fri Aug 03, 2012 6:19 pm 
Offline
Site Admin

Joined: Tue Jun 10, 2008 1:14 am
Posts: 1840
Location: Basel, Switzerland
I can't see what you're talking about. Looks 200% right to me. You may want to empty cache and reload.

Regards,
Cédric

_________________
Thank you for visiting my websites:
http://iwebfaq.org - http://rapidweaverfaq.org - http://wpfaq.org - http://ebookstoretoday.com
All my websites are hosted by: HostGator


Top
 Profile Send private message  
 
How can I add a menu with a fading effect to my website?
Author Message
 Post subject: Re: How can I add a menu with a fading effect to my website?
PostPosted: Fri Aug 03, 2012 7:25 pm 
Offline

Joined: Sat Nov 26, 2011 3:56 pm
Posts: 57
You're correct. Resetting Safari, unfortunately you can't just Empty Cache anymore, did it.

My attempts to change the text color displaying when pointing your mouse over a link (hover) didn't work. Please explain exacting what is supposed to be changed in the following code to get 255,255,102 for instance.

Math.max(Math.min( parseInt((fx.pos * (fx.end[0] - fx.start[0])) + fx.start[0]), 255), 0),
Math.max(Math.min( parseInt((fx.pos * (fx.end[1] - fx.start[1])) + fx.start[1]), 255), 0),
Math.max(Math.min( parseInt((fx.pos * (fx.end[2] - fx.start[2])) + fx.start[2]), 255), 0)

Thanks ever so much,
Hozey


Top
 Profile Send private message  
 
How can I add a menu with a fading effect to my website?
Author Message
 Post subject: Re: How can I add a menu with a fading effect to my website?
PostPosted: Sun Aug 05, 2012 12:22 pm 
Offline
Site Admin

Joined: Tue Jun 10, 2008 1:14 am
Posts: 1840
Location: Basel, Switzerland
You have the color 255,255,102 now instead of placing the three three-degit numbers horizontally you place them vertically

Math.max(Math.min( parseInt((fx.pos * (fx.end[0] - fx.start[0])) + fx.start[0]), 255), 0),
Math.max(Math.min( parseInt((fx.pos * (fx.end[1] - fx.start[1])) + fx.start[1]), 255), 0),
Math.max(Math.min( parseInt((fx.pos * (fx.end[2] - fx.start[2])) + fx.start[2]), 255), 0)

hence:

Math.max(Math.min( parseInt((fx.pos * (fx.end[0] - fx.start[0])) + fx.start[0]), 255), 0),
Math.max(Math.min( parseInt((fx.pos * (fx.end[1] - fx.start[1])) + fx.start[1]), 255), 0),
Math.max(Math.min( parseInt((fx.pos * (fx.end[2] - fx.start[2])) + fx.start[2]), 102), 0)

Regards,
Cédric

_________________
Thank you for visiting my websites:
http://iwebfaq.org - http://rapidweaverfaq.org - http://wpfaq.org - http://ebookstoretoday.com
All my websites are hosted by: HostGator


Top
 Profile Send private message  
 
How can I add a menu with a fading effect to my website?
Author Message
 Post subject: Re: How can I add a menu with a fading effect to my website?
PostPosted: Sun Aug 05, 2012 1:26 pm 
Offline

Joined: Sat Nov 26, 2011 3:56 pm
Posts: 57
Thanks, Cedric.


Top
 Profile Send private message  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 9 posts ] 

All times are UTC + 1 hour [ DST ]


Who is online

Users browsing this forum: No registered users and 1 guest


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Jump to:  
cron






Want to support me for my work?

or buy my iWebFAQ.org E-Book (15$)

(reviews) (sample)

Thanks,
Cédric



 

This website is hosted by HostExcellence



© 2008, 2009 Powered by phpBB Group
Macinscott 3 style by Scott Stubblefield