Page 1 of 1
Style issue - mouse-over information box
Posted: 27 Aug 2009, 16:53
by Nero666
On my website I'm having a problem with the info box that appears when mousing over or clocking on a Details button, in that the info written there isn't properly readable. I'd like to set background colours, as has been done at for example the
https://www.phoca.cz/download/category/2 ... ics-module mouse-over info, but can't find the file in which I should edit that bgcolor. Anyone's got some advice?
EDIT: Seems that these settings are ignored. Any hints?
$ol['fgColor'] = '#f0f0f0';
$ol['bgColor'] = '#D6D6D6';
Re: Style issue - mouse-over information box
Posted: 27 Aug 2009, 19:38
by Jan
Hi, this needs to be set in:
\components\com_phocadownload\views\category\view.html.php
Re: Style issue - mouse-over information box
Posted: 31 Aug 2009, 11:27
by Nero666
I see that the information from \components\com_phocadownload\views\category\view.html.php is actually being forwarded to the front page, it's just not using the bgcolor and fgcolor variables (and maybe it also ignores the others, I don't know). Before showing the info box, the code looks like this:
Code: Select all
<a href="#" onmouseout="return nd();" onmouseover="return overlib('<div style=\"text-align:left;padding:5px\"><h4>xxxxx</h4><div>File Name: xxxxx</div><div>File Size: x.xx MB</div><div>Date: 24. August 2009</div><div>Downloads: 42 x</div>', CAPTION, 'Details', BELOW, RIGHT, FGCOLOR, '#f0f0f0', BGCOLOR, '#D6D6D6', TEXTCOLOR, '#000000', CAPCOLOR, '#000000',CLOSECOLOR, '#000000', STICKY, MOUSEOFF);">Details</a>
</div>
After making the info box appear, this code is used to display it. Bgcolor and fgcolor seem completely absent. I checked my overlib_mini.js file and it does mention bgcolor and fgcolor. Anything else that could be wrong?
Code: Select all
<div id="overDiv" style="position: absolute; visibility: visible; z-index: 1000; top: 353px; left: 914px; background-image: none;">
<table cellspacing="0" cellpadding="1" border="0" width="200" class="ol-background">
<tbody>
<tr>
<td>
<table cellspacing="0" cellpadding="2" border="0" width="100%">
<tbody>
<tr>
<td class="ol-captionfont">Details</td><td class="ol-closefont">
<a onmouseover="return cClick();" href="javascript:return cClick();">Close</a>
</td>
</tr>
</tbody>
</table>
<table cellspacing="0" cellpadding="2" border="0" width="100%" class="ol-foreground">
<tbody>
<tr>
<td valign="top" class="ol-textfont">
<div style="padding: 5px; text-align: left;">
<h4>xxxxx</h4>
<div>File Name: xxxxx</div>
<div>File Size: x.xx MB</div>
<div>Date: 24. August 2009</div>
<div>Downloads: xx x</div>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
Re: Style issue - mouse-over information box
Posted: 08 Sep 2009, 18:17
by Jan
Re: Style issue - mouse-over information box
Posted: 11 Feb 2010, 15:59
by zvaranka
I tried the tutorial you write in page
FAQ, but the Details overlib windows still remained transparent. I use JA Purity II template
Re: Style issue - mouse-over information box
Posted: 13 Feb 2010, 18:50
by Jan
Hi, then try to check if they are not overwritten in some other class
Jan
Re: Style issue - mouse-over information box
Posted: 31 May 2010, 12:15
by playj
Hi.
I've got the same problem and i don't know why the "ol" class don't work...
Perhaps your CSS knowing can help me ?
Re: Style issue - mouse-over information box
Posted: 31 May 2010, 14:14
by Jan
I think no, as I don't know your template
Re: Style issue - mouse-over information box
Posted: 17 Jun 2011, 10:53
by rozencwajg
There is a simple solution:
in the file components / com_phocadownload / views / category / tmpl / default.php on line 198 overlib = "onmouseover ... add a style: background-color: [your color] on the <div style =.. .> That's it and it works
Re: Style issue - mouse-over information box
Posted: 19 Jun 2011, 00:09
by Jan
Ok