Problems with Overlib

11 years 1 month ago #66753 by aurora2
It seems that CB 1.2 produced "Erros" with Overlib javascript in other Modules which uses Tooltips. The Tooltips lost their Background and Border if you are logged in. I have tested it with Joomla1.5, IE7 and FF3.0 always the same.
Are there anny solutions?

Guenter
11 years 1 month ago #66754 by beat
This looks like a CSS namespace conflict.

Which tooltips module(s) are you using ?

Beat - Community Builder Team Member

Before posting on forums: Read FAQ thoroughly -- Help us spend more time coding by helping others in this forum, many thanks :)
CB links: Our membership - CBSubs - Templates - Hosting - Forge - Send me a Private Message (PM) only for private/confidential info
11 years 1 month ago #66804 by aurora2
I use e.g. S4J User Online ( www.software4joomla.com/ )

Guenter
11 years 1 month ago #66821 by beat
I guess that the author uses same tabs-library and same CSS as CB.

Did you report this problem to the author ?

Beat - Community Builder Team Member

Before posting on forums: Read FAQ thoroughly -- Help us spend more time coding by helping others in this forum, many thanks :)
CB links: Our membership - CBSubs - Templates - Hosting - Forge - Send me a Private Message (PM) only for private/confidential info
11 years 1 month ago #66862 by aurora2
Hi Beat,
I just figured out that it must belong to the Template someone uses. With rhuk_milkyway everthing works fine, if you are logged in or not. Only the Headercolor of the Tooltip changes in Logged-state. But if you use the Beeze Template and logged in you can see the Problem, the Header and Borders are not shown.

I don't believe that this is a Problem of the author of the Modul because if you are logged in as admin and move over the sign of editing a content, there is the same Problem with the tooltip.

Any Proposals to solve this?
11 years 1 month ago #66867 by aurora2
I found a solution which is a little bit "dirty", not that kind I like, but it works! Now the tooltips could be styled as anyone likes.(until overlib_mini.js has been updated)

Insert at the end of /includes/js/overlib_mini.js

overlib_pagedefaults(WIDTH,250,VAUTO,RIGHT,AUTOSTATUSCAP, CSSCLASS,TEXTFONTCLASS,'jl-tips-font',FGCLASS,'jl-tips-fg',BGCLASS,'jl-tips-bg',CAPTIONFONTCLASS,'jl-tips-capfont', CLOSEFONTCLASS, 'jl-tips-closefont');

In your CSS-File:
.jl-tips-font {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
}

.jl-tips-capfont {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #000000;
padding-top:2px;
padding-bottom:2px;
}

.jl-tips-closefont {
font-family: Arial, sans-serif;
font-size: 12px;
font-weight: bold;
color: #730000;
text-align: right;
}

.jl-tips-closefont a, .jl-tips-closefont a:link, .jl-tips-closefont a:visited {
color: #730000;
}

.jl-tips-closefont a:hover {
color: #730000;
}

.jl-tips-fg {
background-color: #CCCCFF;
border: 1px solid #d0d0ca;
padding:15px;
}

.jl-tips-bg {
background:#333333;
border-left:1px solid #d0d0ca;
border-right:1px solid #d0d0ca;
border-top:1px solid #d0d0ca;
}

.jl-tips-button,.jl-tips-button:link,.jl-tips-button:visited,.jl-tips-hover
{
margin: 0px 0.5em 0.5em 0;
padding: 0;
white-space: nowrap;
text-align: center;
display: block;
width: 8em;
background:#333333;
font: bold 12px Menu, Arial, Verdana, sans-serif;
border: 1px solid #d0d0ca;
color: #404040;
text-decoration: none;
padding: 2px;
padding-left:5px;
padding-right:8px;
margin-top:10px;
}

.jl-tips-button:hover , .jl-tips-hover:hover {
background: #EEEEEE;
color: #000040;
text-decoration: none;
}
Moderators: beatnantkrileon
Time to create page: 0.387 seconds
Facebook Twitter Google LinkedIn