Css för tooltip?

[Tovelainen]

Hej
ja den här frågan har säkert ställts miljarder gånger - men jag hittar inget bra svar nånstans!

Jag vill stajla tooltips-dialog-boxen som kommer upp när jag drar musknappen över tooltip-ikon i ett formulär gjort i facileForms.

Nån som har en aning? Har grävt runt rejält bland filerna men hittar int ....

/Tove

[Zello]

Här finns en artikel som handlar om just detta: http://www.communitymx.com/content/arti ... &cid=4E2C0

/ Olle

[Tovelainen]

Tack
det löste sig innan. Vill minnas att det var en fil i includes/js som heter typ overlib_mini eller något sådant.
Där fanns en del som gick att ställa in... om jag nu inte är alldeles ute och reser. Det var några dagar sen jag fixade det.

Glömde rapportera lösningen bara.

[anders_h]

Japp i overlib_mini och i och overlib_hideform kan man snygga till dom med lite nya "fina" färger o annat lull-lull.

Är dock inte säkert att de finns inlagda i din malls, html kod det kan du behöva göra manuellt.

Klipp bara in detta ovanför 

Code: Select all

<script language="javascript" type="text/javascript" src="http://www.haxriket.se/includes/js/overlib_mini.js"></script>
<script language="javascript" type="text/javascript" src="http://www.haxriket.se/includes/js/overlib_hideform_mini.js"></script>

Mvh
Anders

[Zello]

Ja tänk vad man lär sig fast det inte var meningen. Då var det nån' nytta med att gå ur sängen i dag också.


/Olle

[anders_h]

Haha ja ibland är det tur att man orkar masa sig upp eller hur   :laugh:

Tänkte dela med mig av ett exempel på hur koden kan se ut:

Code: Select all

<a style="cursor: help; border-bottom: #000000 1px dotted" 
 href="#" onmouseover="javascript:return overlib('Detta är texten som står i pop-upen', 
CAPTION, 'Detta är rubriken',BELOW,RIGHT, WIDTH, 300, FGCOLOR, '#FFCC33', BGCOLOR,
 '#000000', TEXTCOLOR, '#000000', CAPCOLOR, '#FFCC33', OFFSETX, 10, OFFSETY, 10);"
 onmouseout="javascript:return nd();"><img src="bilden.jpg" alt="formaga" title="kort" width="62" height="34" /></a> 

Nåt sånt kan en poppis se ut, man kan väl göra mer också om man vill.  Det finns dock ett lite aber som jag har upptäckt, å många ej tryckbara ord följde på den upptäckten

Det funkar inget vidare med Tiny-editorn, för att lägga in det måste man växla över i "NO wysiwyg" läge o sen går det inte att öppna sidan med Tiny igen, då försvinner nämligen javascript anropen.
Har dock testat med JCE-editorn och det funkar kanon å alla fula ord byttes genast mot dito vackra 

~~~  Anders

[hlarsen]

My solution (hat-tip to others):

In /includes/joomla.php, function loadOverlib added a call to overlib_pagedefaults

Code: Select all

<script language="javascript" type="text/javascript" src="<?php echo $mosConfig_live_site;?>/includes/js/overlib_mini.js"></script>
<script language="javascript" type="text/javascript" src="<?php echo $mosConfig_live_site;?>/includes/js/overlib_hideform_mini.js"></script>
<!-- Custom Start - Must come after load -->
<script type="text/javascript">overlib_pagedefaults(BGCLASS,'ol_bg',FGCLASS,'ol_fg',CAPTIONFONTCLASS,'ol_caption',CLOSEFONTCLASS,'ol_close',TEXTFONTCLASS,'ol_text');</script>
<!-- Custom End -->
<div id="overDiv" style="position:absolute; visibility:hidden; z-index:10000;"></div>

In my template_css.css added these

Code: Select all

/* Overlib start */
.ol_bg{background-color:#009900;}
.ol_caption{text-transform:uppercase;}
.ol_fg{background-color:#F1F1F1;}
.ol_text{text-transform:capitalize;font-weight:bold;font-size:12px;}
/* Don't know what this is for, but added it just in case */
.ol_close{}
/* Overlib end */

Reference
http://www.bosrup.com/web/overlib/?Command_Reference


Cheers

[Devil]

HI,

thx for the Tip.





Edith: Problem solved... one Hard-Reload via Strg-F5 and every thing works