Site Reference Forums

A google ad code snippet looks like this

<script type="text/javascript"><!--

google_ad_client = "pub-8765049832089938";

google_ad_width = 234;

google_ad_height = 60;

google_ad_format = "234x60_as";

google_ad_type = "text";

google_ad_channel = "0066235252";

google_color_border = "FFFFFF";

google_color_bg = "FFFFFF";

google_color_link = "719700";

google_color_text = "000000";

google_color_url = "3D81EE";

//-->

</script>

<script type="text/javascript"

  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">

</script>

See all those variables defining colour?

You can change those through either a server-side language (like PHP) when the page is requested, or by using javascript.

If, like me, you use the jquery framework, it's easy to pull back the colour properties of a DOM element that has it's colour defined by CSS.

For example, if the body font color is green (color:#009900) doing

var myColour = $("body").css("color");

assigns either "#009900" or "009900" to the variable (haven't checked which, but a simple replace would sort it out! if it did have a # in it).

If you're not using jquery, then you can still get the css properties, it just takes a few more lines of code and doesn't run as quickly.

then modify the google code to bring the text colour inline with the body colour in myColour

<script type="text/javascript"><!--

google_ad_client = "pub-8765049832089938";

google_ad_width = 234;

google_ad_height = 60;

google_ad_format = "234x60_as";

google_ad_type = "text";

google_ad_channel = "0066235252";

google_color_border = "FFFFFF";

google_color_bg = "FFFFFF";

google_color_link = "719700";

google_color_text = myColour;

google_color_url = "3D81EE";

//-->

</script>

<script type="text/javascript"

  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">

</script>

Is this the entire java script::

var myColour = $("body").css("color");

?

Thanks

OK, so can I do this:

<.script type="text/javascript">var myColour = $("body").css("color");
</script.>

That cost money and I'm not sure what I'm doing. Someone said, "You can change those through a server-side language "

The google ads wil be in an SSI, so can I still use this in an SSI? If so, how would I write it? Can I really put a server side code inside a server side  code? I hate to just go with a white background on the pages, even though most pages are white. I wish Google had a transparent background and border color. I'm feeling over my head.

BD:

Yes, you can still include the Google ads with a Server Side Include.

There are two common types of includes (not sure if there are more in other languages or whatever).

Server Side Includes (SSI) - Probably most common is the PHP Include. Before the content is delivered to the browser, the PHP is parsed and the code is interpreted and executed. Including a file is done BEFORE the page is rendered in the browser, so you can manipulate content and code that is included with a SSI by using the next type of include.

Client Side Includes (CSI)- Like Javascript. These are rendered at the same time the rest of the page is, so it doesn't know you are even using an SSI.

Of course, there are ways to change your Google ads either way. Northie provided an excellent example if you want to go the CSI (hehe, not Crime Scene Investigator) route, but you can do it all in PHP if you wanted to. Only difference is, Northie's example is probably the easiest and fastest whereas you might need a little more PHP know-how - I don't know what you know how to do, so I don't know which way is easiest for you.

Also, Northie's code is completely dynamic, so it will always get the background color that is set by the CSS. I don't know how to duplicate that functionality in PHP (I guess some regular expressions and magic would work lol) but I'm sure it can be done.

Done. Works fine. I don't know what to do next. It's saved as html, is that OK? I can easily change that, in my rush I just typed out html.

I'm not going to do this for you - there's enough information on this page for someone with no knowledge of HTML and javascript to accomplish the task you wish to complete

How you do this with javascript has nothing to do with how you want to set up your server side includes

Here are some steps that i hope to be foolproof

1 - download the packed version of jquery from the jquery website (it might redirect you through google code - but that's ok)

2 - name this file "jquery.js" and upload it to the root of your website

3 - reference the script in all pages that you want to be messing around with (eg by putting <script type='text/javascript' src='/jquery.js'></script> in the <head> section of your page

4 - add this to the <head> section of those pages

<script type='text/javascript'>

ad_back_color = "";

$(function(){

     ad_back_color = $("body").css("background-color");

});

</script>

5 - get your adsense code looking like the example i gave in post#2 - this is the old style, so you may have to write it out by hand

6 - replace the value of the background color in the adsense code with the variable you just created (ad_back_color)

7 - test