homepage Welcome to WebmasterWorld Guest from 107.22.37.143
register, free tools, login, search, subscribe, help, library, announcements, recent posts, open posts,
Subscribe to WebmasterWorld

Home / Forums Index / WebmasterWorld / Webmaster General
Forum Library, Charter, Moderators: phranque & physics

Webmaster General Forum

    
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>&#1053;&#1072;&#1096; &#1072;&#1076;&#1088;&#1077;&#1089;:</b>
71252, &#1075;. &#1058;&#1077;&#1083;&#1100;-&#1040;&#1074;&#1080;&#1074;,
&#1091;&#1083;. &#1040;&#1088;&#1083;&#1086;&#1079;&#1086;&#1088;&#1086;&#1074; 225-&#1041;,
2-&#1081; &#1101;&#1090;&#1072;&#1078;, &#1086;&#1092;&#1080;&#1089; 25
<a href="http://www.kotkovski.com"=linkTarget title="&#1053;&#1072; &#1075;&#1083;&#1072;&#1074;&#1085;&#1091;&#1102;">www.kotkovski.com</a>

<img src="http://www.repetitorov.com/images/contactformTA1.png" width="283&#8243; height="250&#8243; />'}

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"&gt;www.kotkovski.com<br /><br /><strong>img src="http://www.repetitorov.com/images/contactformTA1.png" width="283&#8243; height="250&#8243; /&gt;</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...

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / WebmasterWorld / Webmaster General
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About
© Webmaster World 1996-2014 all rights reserved