Link to my comic:
http://pokemonrot.smackjeeves.com/comics/1403542/10-gateon-port-pokemon-center/
And my Overall Layout Code:
- Code: Select all
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="shortcut icon" href="http://img12.imageshack.us/img12/3730/icongy.png" />
<link rel="alternate" type="application/rss+xml" title="{SITE_NAME} RSS" href="{SITE_URL_FULL}rss/">
<meta http-equiv="Content-Type" content="text/html" />
<style type="text/css">
@import url("http://www.smackjeeves.com/templates/default/default_jumpbox.css");
/* Overall
--------------------------------------------------------- */
body
{
font-family:Century Gothic, Arial, Georgia, Trebuchet MS;
padding:0;
margin:0;
background-image: url(http://i912.photobucket.com/albums/ac328/slipknot6SIC6/Celebiwallpaper.jpg);
background-attachment:fixed;}
#content
{
padding: 0 15px 15px;
}
#banner {
padding:30px 0;
text-align:center;
font-size: 3px;
font-weight: bold;
}
#banner a {
color: #222;
text-decoration: none;
padding: 15px 1em;
}
#banner a img {
border: none;
}
.navigation {
margin-bottom: 1em;
}
.left img
{
float:left;
}
.right img
{
float:right;
}
a img
{
border:0;
}
/* Menu and Links
--------------------------------------------------------- */
ul.menu
{
margin:0;
padding:0;
list-style:none;
}
.menu li
{
display:inline;
margin-right:8px;
padding:4px;
height:1.2em;
border:2px solid #222;
text-align:center;
background:#9aaeff;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}
.menu li a
{
text-decoration: none;
font-weight: bold;
padding: 3px 4px;
}
.menu a:link, .menu a:visited
{
color:#222;
}
.menu a:hover
{
color: #fff;
}
.menu li:hover
{
background:#3059ff;
}
a:link
{
color:#696969;
}
a:visited
{
color:#404040;
}
/* Comic Page
--------------------------------------------------------- */
#comic-container
{
margin: 0 auto;
}
.comic-title
{
background:
border: 3px solid black;
margin: 1em -3em .6em;
padding: 4px;
}
.comic-date-header
{
margin: 0 0 5px;
font-size: 85%;
text-transform:uppercase;
letter-spacing: .2em;
color: #357;
text-align: center;
padding: 1px;
}
#comic-header
{
height: 60px;
}
#comic-header #rating
{
display: block;
float: left;
font-weight: bold;
}
#comic-header #rating img
{
vertical-align: top;
margin-top: 5px;
}
#comic-header #rating b
{
font-size: 12 px;
}
#comic-header #rate
{
display: inline;
float: right;
}
#comic-header #rate ul, #comic-header #rate li
{
margin: 0;
padding: 0;
display: inline;
}
#comic-header #rate li
{
list-style-type: none;
}
#comic-header #rate img
{
margin: 0;
padding: 0;
display: block;
float: left;
}
#comic-header #rate #text
{
margin: 4px 4px 0;
}
.comicnav
{
text-align:center;
margin: 5px;
padding:5px;
}
.comicnav form
{
display: inline;
}
.comicnav select
{
margin: 0 0 25px 0;
}
.comicnav img
{
margin: 5px 15px 0 15px;
border: 0;
}
#comments_container
{
margin: 0 auto;
}
/* Posts
--------------------------------------------------------- */
.blog_img
{
padding:0;
float:left;
text-align:center;
margin:0 auto;
}
.news_post
{
font-size: 5 px;
background-color:#339900;
border-color:#000000;
border-style:solid;
border-width:2px;
margin:3px;
padding:5px;
width:900px;
}
.post
{
margin:10px;
}
.date
{
font-size: 5 px;
font-style: italic;
color: #999999;
}
.comments
{
font-size: 5 px;
background-color:#339900;
border-color:#336600;
border-style:solid;
border-width:2px;
padding:10px;
margin:auto 10px;
width:700px;
min-height:170px;
}
</style>
<title>{PAGE_TITLE} :: {SITE_NAME}</title>
</head>
<body>
<div id="banner">
<a href="{SITE_URL_FULL}" title="{SITE_NAME}" alt="{SITE_NAME}">
<!-- <img src="http://img339.imageshack.us/img339/57/reallybigbanner.png" alt="banner" /> -->
<!-- BEGIN site_has_banner -->
<img src="http://img339.imageshack.us/img339/57/reallybigbanner.png" width="600" height="200" alt="{SITE_NAME}" />
<!-- END site_has_banner -->
<!-- BEGIN no_banner -->
{SITE_NAME}
<!-- END no_banner -->
</a>
</div>
<div class="navigation">
{MENU}
</div>
{CONTENT}
</div>
</body>
</html>
