Max Blog Press Banner Ads

Posted on January 6, 2011 by webdes

Easy Banners with Max Blog Press Banner Ads

Statistics have long shown that….

“Rotating your advertisement banners can defeat banner blindness and increases CTR.”

But..

One of the issue about banner advertisement on WordPress blog is the banner ad management.

Normally adding banner ads will need you to edit your WordPress theme, mess with lots of codes and even then you won’t have the result as you want.

This is pretty tedious and time consuming if you have to go through all the codes just to add some banners.
Wouldn’t it be great if:

You had the power to easily place your banner ads in any position you want to on your blog?
You could track your banners, find out how good they really are doing?
You could rotate your banners in multiple spots and transform your WordPress blog into advertising gold.

Above all what if you didn’t even have to worry about editing your WordPress theme to do all of this?

I have Max Banner Ads on ALL my blogs. Saves me a ton of time by not having to mess with a bunch of code. Even though I do KNOW HOW to do it, Max Banner Ads just eliminates the need for ANYONE to be a WP programming expert. Get it now at Max Blog Press

Share and Enjoy:

PHP Templated Website

Posted on October 28, 2009 by webdes

PHP Template HEREDOC String Creation Tool

Exactly what is PHP? PHP means Pre Hypertext Processor. PHP is what is known as “server-side” scripting. This means that the server “serves” up the scripts, thus doing away with “client-side” scripting such as “javascript”.

What this means for you, the designer, is that you can now create files that include repetitive code and information, and serve up that same information to each page on your website.

Where does HEREDOC string creation tool come into the design? The HEREDOC string creation tool does away with quotation marks in the page, which is a huge plus. No more nesting php commands in single/double quotes.

To learn how to create websites using PHP and the HEREDOC string creation tool, visit here:
PHP Templating

About the author. Claire Poulton is a professional web designer. I design my sites using ONLY CSS and PHP, no tables, no WYSYWIG editor. Visit my design site at Tygerz Designs

Share and Enjoy:

How To Create Jump Link Top Of Page

Posted on August 10, 2009 by webdes

I always hated that code <a name=”top”></a> under the body tag. So here’s a better solution

Reference links can be placed anywhere on your page
- A convenient link to have at the bottom of your webpage is one that the visitor can click on to “jump” them back to the top of the page, without using the scrollbar
- At the bottom of your page place your link between paragraph tags <p><a href=”#top”>Top of Page</a></p>
- ***NEW*** Instead of just the plain old <body> tag, use this instead <body id=”top”>. Your link will work and you won’t be using ugly code for the “jump link” under the <body> opening tag
- You can name the reference link anything you like – I use top

About the author. Claire Poulton is a professional web designer. I design my sites using ONLY CSS and PHP, no tables, no WYSYWIG editor. Visit my design site at Tygerz Designs

Share and Enjoy:

How To Fix List-Style-Image bug in IE

Posted on July 14, 2009 by webdes

Have you experienced IE’s crocked rendering of list-style-images? Either they don’t display at all or are chopped in half (choose how much here! – LOL), especially when you’re floating a list beside an image. Or how about the annoying IE “peek-a-boo” bug, hiding and re-appearing indiscriminately.

Anyway, I found a solution: First I created a class ul.list for the unordered list.

Clear the list-style-type to none, remove all margins and padding. This makes it cross-browser compatible.

ul.list
{
list-style-type:none;
padding:0;
margin:0;
}

Then I created a rule for the .li

ul.list li
{
margin-left:40px;
background-image:url(../images/arrow.gif);
background-repeat:no-repeat;
background-position:0 6px;
padding-left:22px;
}

Indent the left and right margins about 10px narrower than your header and paragraph margins.

Use a background-image instead of a list-style-image. You will have to adjust the background-position through trial and error so it lines up beside the text.

As for the padding: If your background-image is 16px in width, make the padding the width of the image plus about 6px, for a total of 22px. The extra px for padding will depend on your personal tastes as far as white-space between the image and the text happen to be.

<ul class=”list”>
<li> Item One</li>
<li> Item Two</li>
<li> Item Three</li>
<li> Item Four</li>
</ul>

You can also do this for “nested lists” indenting the margin by only 10px instead of the 40px as in the demonstration.

About the author. Claire Poulton is a professional web designer. I design my sites using ONLY CSS and PHP, no tables, no WYSYWIG editor. Visit my design site at Tygerz Designs

Share and Enjoy:

CSS Only Round Corner Boxes

Posted on May 11, 2008 by webdes

Today’s post was going to be a demonstration of creating round corner boxes with CSS Only!

But, NO, the WP WYSIWYG Editor repeatedly changed all the “b” box codes to “strong”. Go figure!

Here’s an outside link so you can see the demonstration for creating round corner boxes with CSS Only

CSS Only Round Corner Boxes

About the author. Claire Poulton is a professional web designer. I design my sites using ONLY CSS and PHP, no tables, no WYSYWIG editor. Visit my design site at Tygerz Designs

Share and Enjoy:

Learn Web Design

You Can Create Websites Like The Pros

Max Blog Press Banner Ads

Easy Banners with Max Blog Press Banner Ads

Statistics have long shown that….

PHP Templated Website

PHP Template HEREDOC String Creation Tool

How To Create Jump Link Top Of Page

How To Fix List-Style-Image bug in IE

CSS Only Round Corner Boxes

Today’s post was going to be a demonstration of creating round corner boxes with CSS Only!

January 2012
S	M	T	W	T	F	S
« Jan
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30	31