HTML:
Codice PHP:
<!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" xml:lang="{$blog.language}" lang="{$blog.language}">
<head>
<link rel="icon" href="{$platform.url}graphics/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="http://name.blogspirit.com/images/as-lgflag.ico" type="image/x-icon" />
<title>{$blog.title}</title>
<meta name="description" content="{$blog.description|htmlspecialchars}" />
<meta name="keywords" content="{$blog.keywords|htmlspecialchars}" />
<meta name="abstract" content="{$blog.description|htmlspecialchars}" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="publisher" content="http://www.blogspirit.com/" />
<meta name="generator" content="http://www.blogspirit.com/" />
<meta name="robots" content="{if $blog.referencing}index,follow{else}noindex,nofollow{/if}" />
<link rel="stylesheet" href="{$blog.url}style.css" type="text/css" />
<link rel="alternate" type="application/atom+xml" title="Atom" href="{$blog.url}atom.xml" />
<link rel="alternate" type="application/rss+xml" title="RSS" href="{$blog.url}index.rss" />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="{$platform.url}rsd/{$blog.blog_id}" />
</head>
<body>
<script type="text/javascript" src="http://www.google.com/afsonline/show_afs_search.js"></script>
<div id="container">
<div class="container-decorator1">
<div class="container-decorator2">
<div id="banner-img">
<div class="banner-img-decorator1">
<div class="banner-img-decorator2">
<div class="img-link">
[url="{$blog.url}"][/url]
</div>
</div>
</div>
</div>
<div id="banner">
<div class="banner-decorator1">
<div class="banner-decorator2">
<div class="banner-text3">
[url="http://studentworld.com.au"]StudentWorld.com.au[/url]
</div>
<div class="banner-decoration3">
[url="http://studentworld.com.au"][img]http://i49.tinypic.com/2iianue.gif[/img][/url]
</div>
<h1>[url="{$blog.url}"]{$blog.title}[/url]</h1>
<h2>{$blog.description|default:""}</h2>
</div>
</div>
</div>
<div id="left" style="clear:both">
<div class="left-decorator1">
<div class="left-decorator2">
{sidebar file="sidebar1.htm"}
</div>
</div>
</div>
<div id="right">
<div class="right-decorator1">
<div class="right-decorator2">
{sidebar file="sidebar2.htm"}
</div>
</div>
</div>
<div id="center">
<div class="center-decorator1">
<div class="center-decorator2">
<div class="content">
{posts assign="post" items_on_index="`$blog.items_on_index`" sort_posts="`$blog.sort_posts`" show_on_index="`$blog.show_on_index`" commentcount="commentcount" trackbackcount="trackbackcount" categories="categories"}
{date_header date="`$post.pubdate`"}
<h2 class="date"><span>{$post.pubdate|date_format:"`$blog.date_format`"}</span></h2>
{/date_header}
<a id="a{$post.id}"></a>
<h3><span>{$post.title}</span></h3>
<div class="posttext">
<div class="posttext-decorator1">
<div class="posttext-decorator2">
{$post.source|trimlonglines:60}
</div>
</div>
</div>
{if $post.extended}<p class="readmore">[url="{$post.permalink}#more"]{t}Read more ...{/t}[/url]</p>{/if}
<div class="postbottom">
<div class="postbottom-decorator1">
<div class="postbottom-decorator2">
<p class="posted">
{post_footer}
</p>
</div>
</div>
</div>
{/posts}
</div>
</div>
</div>
</div>
<div style="clear: both;"> </div>
</div>
</div>
</div>
<div id="extraDiv1"><span></span></div><div id="extraDiv2"><span></span></div><div id="extraDiv3"><span></span></div>
<div id="extraDiv4"><span></span></div><div id="extraDiv5"><span></span></div><div id="extraDiv6"><span></span></div>
</body>
</html>
CSS
Codice PHP:
body{
color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
word-spacing:normal;
}
#container {
border: 6px solid #fff;
margin-right: auto;
margin-left: auto;
margin-top: 5px;
text-align: left;
background: #e6f2c0 url("/images/sfondobody.png") repeat-y 0% 0%;
width: 859px;
}
#container .container-decorator1 {
width: 100%;
background: transparent url("/images/sfondotop.png") no-repeat 0% 90px;
}
#container .container-decorator1 .container-decorator2 {
width: 100%;
background: transparent url("/images/sfondobottom.png") no-repeat 0% 100%;
}
#banner .banner-decoration3 {
width: 350px;
height: 200px;
position: absolute;
top: 50%;
left: 50%;
margin: -310px 0 0 345px;
}
#banner .banner-text3 {
width: 350px;
height: 200px;
position: absolute;
top: 50%;
left: 50%;
margin: -280px 0 0 205px;
font-weight: bold;
font-color: #006699;
font-size: 15px;
font-family: verdana, tahoma;
}
#center {
width: 487px;
overflow: hidden;
float: left;
background: transparent;
}
Cosa vedo | Immagine giusta:
http://www.mediafire.com/imageview.p...gijjchfajlkjeh
Quella sbagliata è uguale, soltanto che il logo e la scritta si trovano mezzo pollice più su.