Page 1 of 1

Css för tooltip?

Posted: Sun Feb 11, 2007 8:18 pm
by 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

Re: Css för tooltip?

Posted: Sun Feb 18, 2007 7:30 pm
by Zello
Här finns en artikel som handlar om just detta: http://www.communitymx.com/content/arti ... &cid=4E2C0

/ Olle

Re: Css för tooltip?

Posted: Mon Feb 19, 2007 9:24 am
by 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.

Re: Css för tooltip?

Posted: Mon Feb 19, 2007 10:06 am
by 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

Re: Css för tooltip?

Posted: Mon Feb 19, 2007 10:15 am
by 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å.
:laugh: :laugh:

/Olle

Re: Css för tooltip?

Posted: Mon Feb 19, 2007 2:54 pm
by 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

Re: Css för tooltip?

Posted: Wed Apr 25, 2007 4:19 pm
by 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

Re: Css för tooltip?

Posted: Tue Jul 10, 2007 12:46 pm
by Devil
HI,

thx for the Tip.





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