Ads Slots – Fluid Stylesheet
Version: 13.2
Revision: 43 Build 13
Ads Slots – Fluid Stylesheet
Introduction: this tutorial will show you how to implement your own “advertisement block”, without paying for somebody to do it for you! This script is very easy to use and modify. However, you must give me some credits if you’re using this script.
Thank you for your support.
1.] Download notepad++ from the original author or from another source.
——————————-
http://sourceforge.net/projects/notepad-plus/
http://filehippo.com/download_notepad/
——————————-
2.] Copy this script and save it as “style-fluid.css”
However, it must be in a “Stylesheet” format!
File: style-fluid.css
—Copy Source Code—
.upperblock {
width: auto;
height: auto;
padding: 10px;
}
.left-top {
width: 125px;
height: 125px;
background: url(images/125x125.gif) no-repeat;
margin-bottom: 10px;
}
.left-bottom {
width: 125px;
height: 125px;
background: url(images/125x125.gif) no-repeat;
}
.right-top {
float: right;
width: 125px;
height: 125px;
background: url(images/125x125.gif) no-repeat;
}
.right-bottom {
float: right;
width: 125px;
height: 125px;
background: url(images/125x125.gif) no-repeat;
}
.lowerblock {
width: 100%;
clear: both;
}
—End Source Code—
3.] Now, you’ll need to add these “html” strings. Nevertheless, these code can also be added into your Blog’s sidebar. However, you must remember to insert: “style-fluid.css” into the “head” of the page.
File: header.php / head tags
—Copy Source Code—
<link rel="stylesheet" type="text/css" href="style-fluid.css" /></link>
—End Source Code—
Finally, just add this code into your body – tags or your Blog’s sidebar.
File: sidebar.php / body tags
—Copy Source Code—
<div class="upperblock"> <div class="right-top">Ad code</div> <div class="left-top">Ad code</div> <div class="lowerblock"></div> <div class="right-top">Ad code</div> <div class="left-bottom">Ad code</div>
—End Source Code—
Notes: this script is designed to be fluid. It’s not a fixed – width version…
5.] Save everything and check your website!
Enjoy!
Copyrighted by Lair360
