Best of joomla gives you news, joomla templates, tutorials and websites about Joomla , FireBoard and FireMessage official page.
| No account yet?   |
Welcome, Guest
Please Login or Register.    Lost Password?
FireBoard Manual Latest release discussions Download FireBoard Spread FireBoard!
Sexy sliding JavaScript side bar menu using mootools (1 viewing) (1) Guest
Go to bottom Favoured: 0
TOPIC: Sexy sliding JavaScript side bar menu using mootools
#33534
Sexy sliding JavaScript side bar menu using mootools 12 Months ago  
how can i get that to work properly in Joomla and use its own style sheet??
The problem is that many of the li and ul and body parameters are already existent in my current joomla template and overwrite the styles of the sidebar...

any help or hint please?

Thanks
fabs
fabs (User)
Junior Boarder
Posts: 63
graphgraph
User Offline Click here to see the profile of this user
Logged Logged
 
The administrator has disabled public write access.  
#33553
Re:Sexy sliding JavaScript side bar menu using moo 12 Months ago  
I checked quicly. It is nice menus. Maybe we can use it

BTW Add just this codes on your joomla css file.

[code:1]#sideBar{
position: absolute;
width: auto;
height: auto;
top: 200px;
right:-7px;
background-image:url(images/background.gif);
background-position:top left;
background-repeat:repeat-y;
}

#sideBarTab{
float:left;
height:137px;
width:28px;
}

#sideBarTab img{
border:0px solid #FFFFFF;
}

#sideBarContents{
overflow:hidden !important;
}

#sideBarContentsInner{
width:200px;
}

#sideBarContentsInner h2{
color:#FFFFFF;
font-size:90%;
font-family:arial;
margin:10px 10px 10px 10px;
font-weight:bold;
}

#sideBarContentsInner h2 span{
font-size:105%;
font-weight:normal;
}

#sideBarContentsInner ul{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#sideBarContentsInner ul li{
margin:0px 10px 3px 10px;
padding:2px;
list-style-type:none;
display:block;
background-color:#DA1074;
width:177px;
}

#sideBarContentsInner ul li a{
width:100%;
}

#sideBarContentsInner ul li a:link,
li a:visited{
color:#FFFFFF;
font-family:verdana;
font-size:70%;
text-decoration:none;
display:block;
margin:0px 0px 0px 0px;
padding:0px;
width:100%;
}

#sideBarContentsInner ul li a:hover{
color:#FFFFFF;
text-decoration:underline;
}
[/code:1]

I added " #sideBarContentsInner" before ul and li. joomla defaul ul's should not effect it. If it still has a problem you can play with
#sideBarContentsInner ul li 's

I hope it will help/
greatpixels (Admin)
BoJ Team
Moderator
Posts: 460
graphgraph
User Offline Click here to see the profile of this user
Gender: Male Best of Joomla! Location: USA Birthdate: 1978-10-31
Logged Logged
 
Project Manager : Lead Developer
 
The administrator has disabled public write access.  
#33591
Re:Sexy sliding JavaScript side bar menu using moo 12 Months ago  
what is controlling the background color of the slidebox i cannot get it to anything other than white...
i played around already....

thanks
fabs
fabs (User)
Junior Boarder
Posts: 63
graphgraph
User Offline Click here to see the profile of this user
Logged Logged
 
The administrator has disabled public write access.  
Go to top