PDA

View Full Version : Dynamic-Fx's slide-in menu



radclyffe
05-26-2006, 03:37 AM
hi
http://www.dynamicdrive.com/dynamicindex1/davidmenu.htm

i really like this menu and i would like to use it on ALL my web pages

however i need to change the colors of the menu to reflect the colors of my different pages--some of the backgrounds are blue- some black etc-

- is there anyway to do this--

All configurations to the menu are done inside "ssmItems.js" file-- which is uploaded to the site--

i just dont see if there is only one config file how it can be edited to reflect each different web page--

the sites i have seen this on have all their web pages the same color--
i sure HOPE someone here has the answer as i love this menu and would very much like to use it through out my site
thanks in advance
radclyffe

benslayton
05-26-2006, 03:50 AM
As far as I know. Coming right off the top of my head. Just edit these...


<style type="text/css">
<!--
A.ssmItems:link {color:black;text-decoration:none;}
A.ssmItems:hover {color:black;text-decoration:none;}
A.ssmItems:active {color:black;text-decoration:none;}
A.ssmItems:visited {color:black;text-decoration:none;}
//-->
</style>

for instance, instead of having the color as black or blue. If you take out black and add #000000 and that is black also. If you don't know the color codes. Google in "Color code chart".

radclyffe
05-26-2006, 04:03 AM
hey ben
many thanks for the quick reply-- your right as far as changing the LINK colors -- no problem there-- i got that down--

as for the rest of it

i am so stupid--

i cant believe i didnt see this-- i was trying to make something very hard out of something that was easy-- here is the code to change the look of the menu---
all i have to do is copy it to the different pages and change the colors -- as i said before DUH

Configure menu styles below
NOTE: To edit the link colors, go to the STYLE tags and edit the ssm2Items colors
*/
YOffset=150; // no quotes!!
XOffset=0;
staticYOffset=30; // no quotes!!
slideSpeed=20 // no quotes!!
waitTime=100; // no quotes!! this sets the time the menu stays out for after the mouse goes off it.
menuBGColor="#456571";
menuIsStatic="yes"; //this sets whether menu should stay static on the screen
menuWidth=150; // Must be a multiple of 10! no quotes!!
menuCols=2;
hdrFontFamily="verdana";
hdrFontSize="2";
hdrFontColor="#C0E0ED";
hdrBGColor="#6c8c99";
hdrAlign="left";
hdrVAlign="center";
hdrHeight="15";
linkFontFamily="Verdana";
linkFontSize="2";
linkBGColor="456571";
linkOverBGColor="#C5E5F2";
linkTarget="_top";
linkAlign="Left";
barBGColor="#cce6ee";
barFontFamily="Verdana";
barFontSize="2";
barFontColor="456571";
barVAlign="center";
barWidth=20; // no quotes!!
barText="SIDE MENU"; // <IMG> tag supported. Put exact html for an image to show.


i got it now-- i have been working on a friends web page -- total redesign for almost a month now-- so i think i am a little brain dead--
again ben- thanks so much for your help-- i do appreciate it--