changing the info window's text color
1 view
Skip to first unread message
ragdoll
Jun 29, 2008, 4:32:40 PM6/29/08
to Google Maps EZ
hi there, tried GmapEZ for a dealership locator and it's absolutely
fabulous. the only thing i still want to do is change the color in the
info windows to orange. wonder if this is possible with html tags or
anything.
here's my map: http://www.hmc-nv.be/index.php?id=840
thanks in advance.
fabulous. the only thing i still want to do is change the color in the
info windows to orange. wonder if this is possible with html tags or
anything.
here's my map: http://www.hmc-nv.be/index.php?id=840
thanks in advance.
Chouser
Jun 30, 2008, 1:59:35 AM6/30/08
to Google-...@googlegroups.com
Try adding a class to your info window divs, like <div
class="myInfo">, and then use CSS, like:
.myInfo { color: orange; }
Also, I noticed you're using a custom graphic. I'm glad people are
getting comfortable with this feature. However, I highly recommend
you save off a copy of the shadow image and serve it off of your own
server. You can use http://n01se.net/gmapez/shadowform.html to do
this.
Without doing that, every visitor to your site causes the shadow tool
to request the icon from your site, generate a shadow on my server,
and then return that to the browser. This is slower for your visitors
and requires more resources for everyone else involved.
--Chouser
ragdoll
Jul 9, 2008, 3:57:50 PM7/9/08
to Google Maps EZ
hi,
thanks for the reply. i'll definitely try the CSS workaround. i'm
sorry about the shadow, i'll make my own next week. i wasn't aware
that it had to be rendered every time people visit this page, but it
makes sense of course.
thanks again.
On Jun 30, 7:59 am, Chouser <chou...@gmail.com> wrote:
thanks for the reply. i'll definitely try the CSS workaround. i'm
sorry about the shadow, i'll make my own next week. i wasn't aware
that it had to be rendered every time people visit this page, but it
makes sense of course.
thanks again.
On Jun 30, 7:59 am, Chouser <chou...@gmail.com> wrote:
> On Sun, Jun 29, 2008 at 4:32 PM, ragdoll <ragdol...@gmail.com> wrote:
>
> > hi there, tried GmapEZ for a dealership locator and it's absolutely
> > fabulous. the only thing i still want to do is change the color in the
> > info windows to orange. wonder if this is possible with html tags or
> > anything.
>
> > here's my map: http://www.hmc-nv.be/index.php?id=840
>
> Try adding a class to your info window divs, like <div
> class="myInfo">, and then use CSS, like:
>
> .myInfo { color: orange; }
>
> Also, I noticed you're using a custom graphic. I'm glad people are
> getting comfortable with this feature. However, I highly recommend
> you save off a copy of the shadow image and serve it off of your own
> server. You can usehttp://n01se.net/gmapez/shadowform.htmlto do
>
> > hi there, tried GmapEZ for a dealership locator and it's absolutely
> > fabulous. the only thing i still want to do is change the color in the
> > info windows to orange. wonder if this is possible with html tags or
> > anything.
>
> > here's my map: http://www.hmc-nv.be/index.php?id=840
>
> Try adding a class to your info window divs, like <div
> class="myInfo">, and then use CSS, like:
>
> .myInfo { color: orange; }
>
> Also, I noticed you're using a custom graphic. I'm glad people are
> getting comfortable with this feature. However, I highly recommend
> you save off a copy of the shadow image and serve it off of your own
ragdoll
Jul 21, 2008, 10:52:36 AM7/21/08
to Google Maps EZ
hello,
i made my own shadow image, and it seems to work fine. does it have to
have a special filename or is the second IMG line in the script
automatically considered to be the shadow image? if so then i think
i'm done here.
I also tried your tip on the orange text and dropped that line in the
CSS file. works brilliantly, thank you so much!!
greetings.
i made my own shadow image, and it seems to work fine. does it have to
have a special filename or is the second IMG line in the script
automatically considered to be the shadow image? if so then i think
i'm done here.
I also tried your tip on the orange text and dropped that line in the
CSS file. works brilliantly, thank you so much!!
greetings.
ragdoll
Jul 21, 2008, 10:54:47 AM7/21/08
to Google Maps EZ
Oh, BTW, this is my script, i'm posting it so you can check if the
shadowline is correct.
<html xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<title>My GMapEZ Maps</title>
<meta name="gmapkey" content="hahaha, not gonna tell everyone my
key :-)" />
<script
src="http://n01se.net/gmapez/gmapez-2.js"
type="text/javascript"></script>
</head>
<body>
<div class="GMapEZ G_HYBRID_TYPE GSmallZoomControl
GSmallMapTypeControl"
style="width: 590px; height: 500px;">
<a href="http://maps.google.com/maps?
ll=49.009050809382046,1.142578125&spn=0.006130,0.009795&t=k&hl=en;z=6">
<img src="http://www.hmc-nv.be/fileadmin/templates/nouvo/images/
hmc_logo.png" class="width:30 height:36" />
<img src="http://www.hmc-nv.be/fileadmin/templates/nouvo/images/
shadow.png" class="width:50 height:36" />
</a>
<div class="myInfo">
MUTATIONS NORMANDIE<br />
81, rue Jean Moulin<br />
27000 Evreux<br />
Tel. (02) 32 23 24 02<br />
Fax. (02) 32 28 60 39<br />
</div>
<a href="http://maps.google.com/maps?
ll=45.975629,5.598877&spn=6.276505,5.552490&hl=en">
<img src="http://www.hmc-nv.be/fileadmin/templates/nouvo/images/
hmc_logo.png" class="width:30 height:36" />
<img src="http://www.hmc-nv.be/fileadmin/templates/nouvo/images/
shadow.png" class="width:50 height:36" />
</a>
<div class="myInfo">PRESENCE MEDICALE<br />
50, rue de Tenay<br />
1110 Hauteville-Lompnes<br />
Tel. (04) 74 35 36 46<br />
Fax. (04) 74 40 42 52<br />
prese...@presence-medicale.com
</div>
<a href="http://maps.google.com/maps?
ll=49.23923,4.021992&spn=6.276505,5.552490&hl=en">
<img src="http://www.hmc-nv.be/fileadmin/templates/nouvo/images/
hmc_logo.png" class="width:30 height:36" />
<img src="http://www.hmc-nv.be/fileadmin/templates/nouvo/images/
shadow.png" class="width:50 height:36" />
</a>
<div class="myInfo">ALPHA SANTE MEDICALE<br />
82bis, Bld. Wilson<br />
51100 Reims<br />
Tel. (03) 26 88 06 18
</div>
<a href="http://maps.google.com/maps?
ll=42.705245,2.890317&spn=6.276505,5.552490&hl=en">
<img src="http://www.hmc-nv.be/fileadmin/templates/nouvo/images/
hmc_logo.png" class="width:30 height:36" />
<img src="http://www.hmc-nv.be/fileadmin/templates/nouvo/images/
shadow.png" class="width:50 height:36" />
</a>
<div class="myInfo">LA VITRINE MEDICALE 66<br />
23bis, Avenue Ancien Champ De Mars<br />
66000 Perpignan<br />
Tel. (04) 68 52 55 99<br />
Fax. (04) 68 52 91 66
</div>
</div>
</body>
</html>
shadowline is correct.
<html xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<title>My GMapEZ Maps</title>
<meta name="gmapkey" content="hahaha, not gonna tell everyone my
key :-)" />
<script
src="http://n01se.net/gmapez/gmapez-2.js"
type="text/javascript"></script>
</head>
<body>
<div class="GMapEZ G_HYBRID_TYPE GSmallZoomControl
GSmallMapTypeControl"
style="width: 590px; height: 500px;">
<a href="http://maps.google.com/maps?
ll=49.009050809382046,1.142578125&spn=0.006130,0.009795&t=k&hl=en;z=6">
<img src="http://www.hmc-nv.be/fileadmin/templates/nouvo/images/
hmc_logo.png" class="width:30 height:36" />
<img src="http://www.hmc-nv.be/fileadmin/templates/nouvo/images/
shadow.png" class="width:50 height:36" />
</a>
<div class="myInfo">
MUTATIONS NORMANDIE<br />
81, rue Jean Moulin<br />
27000 Evreux<br />
Tel. (02) 32 23 24 02<br />
Fax. (02) 32 28 60 39<br />
</div>
<a href="http://maps.google.com/maps?
ll=45.975629,5.598877&spn=6.276505,5.552490&hl=en">
<img src="http://www.hmc-nv.be/fileadmin/templates/nouvo/images/
hmc_logo.png" class="width:30 height:36" />
<img src="http://www.hmc-nv.be/fileadmin/templates/nouvo/images/
shadow.png" class="width:50 height:36" />
</a>
<div class="myInfo">PRESENCE MEDICALE<br />
50, rue de Tenay<br />
1110 Hauteville-Lompnes<br />
Tel. (04) 74 35 36 46<br />
Fax. (04) 74 40 42 52<br />
prese...@presence-medicale.com
</div>
<a href="http://maps.google.com/maps?
ll=49.23923,4.021992&spn=6.276505,5.552490&hl=en">
<img src="http://www.hmc-nv.be/fileadmin/templates/nouvo/images/
hmc_logo.png" class="width:30 height:36" />
<img src="http://www.hmc-nv.be/fileadmin/templates/nouvo/images/
shadow.png" class="width:50 height:36" />
</a>
<div class="myInfo">ALPHA SANTE MEDICALE<br />
82bis, Bld. Wilson<br />
51100 Reims<br />
Tel. (03) 26 88 06 18
</div>
<a href="http://maps.google.com/maps?
ll=42.705245,2.890317&spn=6.276505,5.552490&hl=en">
<img src="http://www.hmc-nv.be/fileadmin/templates/nouvo/images/
hmc_logo.png" class="width:30 height:36" />
<img src="http://www.hmc-nv.be/fileadmin/templates/nouvo/images/
shadow.png" class="width:50 height:36" />
</a>
<div class="myInfo">LA VITRINE MEDICALE 66<br />
23bis, Avenue Ancien Champ De Mars<br />
66000 Perpignan<br />
Tel. (04) 68 52 55 99<br />
Fax. (04) 68 52 91 66
</div>
</div>
</body>
</html>
Chouser
Jul 24, 2008, 12:30:50 PM7/24/08
to Google-...@googlegroups.com
On Mon, Jul 21, 2008 at 10:52 AM, ragdoll <ragd...@gmail.com> wrote:
>
> i made my own shadow image, and it seems to work fine. does it have to
> have a special filename or is the second IMG line in the script
> automatically considered to be the shadow image? if so then i think
> i'm done here.
>
> i made my own shadow image, and it seems to work fine. does it have to
> have a special filename or is the second IMG line in the script
> automatically considered to be the shadow image? if so then i think
> i'm done here.
Yep, you're done.
> I also tried your tip on the orange text and dropped that line in the
> CSS file. works brilliantly, thank you so much!!
Great, glad it's working.
--Chouser
Robert Fleming
Jul 25, 2008, 1:40:09 PM7/25/08
to Google-...@googlegroups.com
> -----Original Message-----
> From: ragdoll [mailto:ragd...@gmail.com]
>
> Oh, BTW, this is my script, i'm posting it so you can check if the
> shadowline is correct.
>
> <html xmlns:v="urn:schemas-microsoft-com:vml">
> <head>
> <title>My GMapEZ Maps</title>
>
> <meta name="gmapkey" content="hahaha, not gonna tell everyone my
> key :-)" />
> <script
> src="http://n01se.net/gmapez/gmapez-2.js"
> type="text/javascript"></script>
> From: ragdoll [mailto:ragd...@gmail.com]
>
> Oh, BTW, this is my script, i'm posting it so you can check if the
> shadowline is correct.
>
> <html xmlns:v="urn:schemas-microsoft-com:vml">
> <head>
> <title>My GMapEZ Maps</title>
>
> <meta name="gmapkey" content="hahaha, not gonna tell everyone my
> key :-)" />
> <script
> src="http://n01se.net/gmapez/gmapez-2.js"
> type="text/javascript"></script>
Hi Ragdoll
Your key is easily readable by anyone by viewing the source of your
site; if it wasn't, the google servers wouldn't be able to verify your
domain.
Also, you should put a copy of the javascript file on your local server
to reduce the traffic on Chouser's web-service and reduce your
dependancy on servers outside your control.
Rob
Reply all
Reply to author
Forward
0 new messages