homepage Welcome to WebmasterWorld Guest from 184.73.40.21
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

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

Webmaster General Forum

    
How to change bg color in Google Maps' balloon (infowindow)?
Joomla Google Maps
abrodski

5+ Year Member



 
Msg#: 4481732 posted 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

5+ Year Member



 
Msg#: 4481732 posted 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

5+ Year Member



 
Msg#: 4481732 posted 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

5+ Year Member



 
Msg#: 4481732 posted 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.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved