OK, this is the zantestyle.css
Code:
/*
Theme Name: Permanent
Theme URL: http://newwpthemes.com/wordpress-theme/permanent/
Description: Permanent is a free WordPress theme with featured content option and supports the post thumbnails. Suitable for any niche. Theme Options at admin panel.
Author: NewWpThemes.com
Author URI: http://newwpthemes.com/
Version: 3.0
Tags: Blogging, Ads Ready, Three Columns, Right Sidebar, Fixed Width, Options Page
*/
/* LAYOUT */
body {
background:#9ab;
font-weight:bold;
font-style:italic;
font-size:15px;
font-family:"New Century Schoolbook", Times, serif;
}
.container {
width:950px;
margin:0 auto;
}
h1 {
color:#fff;
font-size:19px;
font-weight:bold;
font-style:italic;
text-align:center;
}
a:link,
a:visited {
color:#000;
font-size:15px;
font-weight:bold;
text-decoration:none;
}
p.one {
color:#fff;
font-size:19px;
font-weight:bold;
font-style:italic;
text-align:center;
}
p.one a:link,
p.one a:visited {
color:#cd0000;
font-size:19px;
font-weight:bold;
}
a:hover {
color:#fff; /* Colour of Links when hovering */
text-decoration:none;
}
#navcontainer { /* controls top sub menu boxes known as navigation bar */
height:45px;
display:block;
background:#000;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
p.copy {text-align:center;}
p.copy:after {content:" 1999-2013";}
img.center {
display:block;
margin-left:auto;
margin-right:auto;
}
img.zante {
display:block;
border-radius:10px;
margin-left:auto;
margin-right:auto;
}
p.zantetext {
text-align:center;
padding-top:10px; /* changed from 80px to put div.clearfloats around the adverts. */
}
p.zantepara {
text-align:center;
padding-top:5px;
}
p.zanteblocktext {
margin-left:auto;
margin-right:auto;
width:22em;
}
table {
margin:auto;
}
#advert1 {float:left; padding-top:5px;}
#advert1 a, #advert2 a {display:block;}
#advert1 img, #advert2 img {border-radius:7px;}
#advert2 {float:right;padding-top:5px;}
a img {display:block; border:0;}
hr {
color:#708090;
background-color:#f708090;
}
.buttonHolder {text-align:center;}
.zante { /* controls the listings in the index and thee graves with several names */
list-style-type:none;
display:table;
padding:0;
margin:0 auto;
}
.zante li { /* controls the listings in the index and thee graves with several names */
display:table-row;
text-align:left;
padding:0;
margin:0;
}
.zante p { /* controls the listings in the index and thee graves with several names */
display:table-cell;
text-align:left;
padding:3px 0px;
}
.zante p + p {
padding-left:50px; /* padding-left visually separates "columns" */
}
.zante div {
display:table-cell;
}
.sup1 {
vertical-align:baseline;
font-size:0.6em; /* superscript */
position:relative;
top:-0.6em;
font-weight:bold;
}
.sup {
vertical-align:baseline;
font-size:0.6em; /* superscript */
position:relative;
top:-0.3em;
font-weight:bold;
}
.clearfloats:before,
.clearfloats:after {
content:"";
display:table;
line-height:0;
}
.clearfloats:after {
clear:both;
}
And illigible.php
Code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Illegible Grave in Zakinthos British Cemetery</title>
<link rel="stylesheet" href="http://www.c5d.co.uk/zantestyle.css" type="text/css" media="screen">
<link rel="stylesheet" href="http://www.c5d.co.uk/c5ddropdownmenu.css" type="text/css" media="screen">
<script src="http://www.c5d.co.uk/mootools-1.2.5-core-yc.js" type="text/javascript"></script>
<script src="http://www.c5d.co.uk/MenuMatic_0.68.3.js" type="text/javascript"></script>
</head>
<body>
<script type="text/javascript">
window.addEvent('domready', function() {
var myMenu = new MenuMatic();
});
</script>
<div id="wrapper">
<div id="container" class="container">
<!-- BEGIN c5dmenu.php INCLUDE -->
<?php include $_SERVER["DOCUMENT_ROOT"] . "/c5dincludes/c5dmenu.php"; ?>
<!-- END c5dmenu.php INCLUDE -->
<h1>Your Certificates in 5 Days ?</h1>
<p class="one">There is another way. <a href="http://www.c5d.co.uk">Certificates in 5 Days (C5D)</a> Why not give me a try ?</p>
<!-- START FMP & Ancestry adverts -->
<div class="clearfloats"> <!-- adverts container (optional?) -->
<div id="advert1">
<a href="http://www.jdoqocy.com/click-5433512-10520381">
<img src="http://www.awltovhc.com/image-5433512-10520381" width="264" height="60" alt="264x60: I am your Nan">
</a>
</div>
<div id="advert2">
<a href="http://www.awin1.com/cread.php?s=265538&v=2114&q=126749&r=127588">
<img src="http://www.awin1.com/cshow.php?s=265538&v=2114&q=126749&r=127588" width="264" height="60" alt="264x60">
</a>
</div>
</div>
<!-- END FMP & Ancestry adverts -->
<p class="zantetext">Illegible name who died aged 3 months 25 days</p>
<p class="zantepara">In the memory of the infant of Cp<span class="sup">t</span>......... and Isabella his wife</p>
<div class="buttonHolder">
<button onClick="window.location='http://www.c5d.co.uk/zantecemeteryindex.php'">Back to the Index</button>
</div>
</div>
</div>
<p class="copy">©C5D-Certificates</p>
</body>
</html>
Notice that I put the adverts into div.clearfloats and made the appropriate adjustment in the css. It's commented.
Fixed several stray tags. Plus, the meta charset line was wrong... left over from HTML4 maybe?
Hope this helps.
Reply With Quote
Originally Posted by certificates
Bookmarks