How to install the CPSA Code of Ethics iFrame on your website
advertisement
How to install the CPSA Code of Ethics iFrame on your website
Step 1.
Create or add a new blank web page.
Step 2.
Add the <h1> header you would like to use on this page. We suggest “We are a proud
member of the California Pool and Spa Association”
Step 3.
Add the following code to the <body> of this new web page
<div class="IFRAME-PAGE"><iframe src="http://thecpsa.org/iframe/" width="100%"
height="2000"></div>
Step 4.
Add the following css instructions to your main.css or style.css
.IFRAME-PAGE{ DISPLAY:BLOCK; MARGIN:0; PADDING:0;}
.IFRAME-PAGE IFRAME {
BORDER: NONE;
MAX-HEIGHT: 5000PX;
MIN-HEIGHT: 1480PX;
OVERFLOW: HIDDEN;
POSITION: RELATIVE !IMPORTANT;
WIDTH: 100%;
}
@MEDIA (MIN-WIDTH: 768PX) AND (MAX-WIDTH: 979PX) {
.IFRAME-PAGE IFRAME {
MIN-HEIGHT: 3050PX;
}
}
@MEDIA (MIN-WIDTH: 768PX) AND (MAX-WIDTH: 979PX) {
.IFRAME-PAGE IFRAME {
MIN-HEIGHT: 3050PX;
}
}
@MEDIA (MAX-WIDTH: 767PX) {
.IFRAME-PAGE IFRAME {
MIN-HEIGHT: 2550PX;
}
}
Step 5.
Add SEO for the url, meta title, and description on the new page.
Step 6.
Check your new web page and see how it looks.
