| How to change bg color in Google Maps' balloon (infowindow)?
Joomla Google Maps |
abrodski
msg:4481734 | 9:35 pm on Aug 3, 2012 (gmt 0) |
Hello!
There're zillions of articles about it, but almost nothing is a simple and step-by-step guide. Somehow I managed to figure out most of functions of Googlemaps Plugin (Joomla extension). What I got you can see here:
[repetitorov.com...]
Here's the code that I use:
{mosmap text='<div style="text-align:center"><b>Наш адрес:</b>
71252, г. Тель-Авив,
ул. Арлозоров 225-Б,
2-й этаж, офис 25
<a href="http://www.kotkovski.com"=linkTarget title="На главную">www.kotkovski.com</a>
<img src="http://www.repetitorov.com/images/contactformTA1.png" width="283″ height="250″ />'}
It's all nice...but I can't figure out how to change background color of the balloon (infowindow) from #fff to #ebf3fb (it's a color of page's sheet to match it better).
I don't care whether it's a JS or a CSS-based solution, as long as it's easy to implement in Joomla!.
The weirdest part is that when I open Firebug, it shows that the lowest part in the middle of the balloon (the one that connects the balloon to the marker) doesn't belong to the same div style!
|
abrodski
msg:4481868 | 6:00 pm on Aug 4, 2012 (gmt 0) |
Cyrillic encoding doesn't show itself correctly, so I'll just put some dummy text instead to make it more readable.
{mosmap text='<div style="text-align:center"><b>qwerty</b>
qwerty
<a href="http://www.kotkovski.com"=linkTarget title="qwerty">www.kotkovski.com</a>
<img src="http://www.repetitorov.com/images/contactformTA1.png" width="283px; height="250px; />'}
|
abrodski
msg:4481869 | 6:04 pm on Aug 4, 2012 (gmt 0) |
{mosmap text='<strong>div style="text-align:center"</strong>qwerty<br />href="http://www.kotkovski.com"=linkTarget title="qwerty">www.kotkovski.com<br /><br /><strong>img src="http://www.repetitorov.com/images/contactformTA1.png" width="283″ height="250″ /></strong>'}
|
abrodski
msg:4481870 | 6:05 pm on Aug 4, 2012 (gmt 0) |
Hmm...still not so well. I wonder how to paste the code the right way...
|
|
|
