Welcome, Guest. Please login or register.
Did you miss your activation email?

 
Advanced search

22750 Posts in 6706 Topics- by 17591 Members - Latest Member: permsk

04-06-2020 23:13:22
JOOM::GALLERY::FORUMArchiveJoomGallery 1.5 MVCFrontendcan't read mouseover
Pages: [1]
Print
Author Topic: can't read mouseover  (Read 3620 times)
0 Members and 1 Guest are viewing this topic.
unformatted
Newbie
*
Offline Offline

Posts: 11


View Profile
« on: 29-08-2008 13:30:29 »

Hi!

The mouseover text on save picture and save tag is not readable beacause have the strip pictures underneath.
Logged
Chraneco
Developer-Team
Hero Member
*****
Offline Offline

Posts: 3544


View Profile
« Reply #1 on: 29-08-2008 17:10:50 »

Hi,

I think you're using Joomla 1.5

Please try the following:

In file 'components/com_joomgallery/includes/joom.javascript.php' you have to search this line:

Code
<script type="text/javascript" src="<?php echo $mosConfig_live_site;?>/includes/js/overlib_mini.js"></script>
 

and add that one directly underneath it:

Code
<script type="text/javascript">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');</script>
 

Then you have to create a CSS-File called 'joom_local.css' in folder 'components/com_joomgallery/assets/css/' (or rename 'joom_local.css.README') and put the following CSS-Classes into it:

Code
/* Tooltip-Styles::Overlib */
.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: #FFFFFF;
padding-top:2px;
padding-bottom:2px;
}
 
.jl-tips-closefont {
font-family: Arial, sans-serif;
font-size: 12px;
font-weight: bold;
color: #9999FF; /*#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: #F1E8E6; /*#CCCCFF;*/
border: 1px solid #d0d0ca;
padding: 2px; /*15px;*/
}
 
.jl-tips-bg {
background:#C64934; /*#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;
}
 
 

If it works you will see the mouseover-texts correctly and you will even be able to change the style of them with the added CSS-Code.

Regards
Chraneco
Logged
Pages: [1]
Print
Jump to:  

HOSTED BY SCHWARZKÜNSTLER ®

PROTECTED BY  ZB BLOCK  AND Project Honey Pot
Theme orange-lt created by panic

Bad Behavior has blocked 2379 access attempts in the last 7 days.

maternal