www.MegaLab.it

da **Martina Stella** » gio apr 22, 2010 8:29 am

salve questo è il mio sito
http://thevampirediaresitalia.blogspot.com/

questo è il tema originale
http://btemplates.com/2009/04/23/template-abril/

vedete la riga rossa? quando inserisco l'immagine vengono erroneamente sovrapposte..come modifico l'html per far si che non succeda?

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Minima
Designer: Douglas Bowman
URL: http://www.stopdesign.com
Date: 26 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */

/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#fff" value="#ffffff">
<Variable name="textcolor" description="Text Color"
type="color" default="#333" value="#e6e6e6">
<Variable name="linkcolor" description="Link Color"
type="color" default="#58a" value="#ffc5e8">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#666" value="#ffc5e8">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#999" value="#80717a">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#c60" value="#e4c5ff">
<Variable name="bordercolor" description="Border Color"
type="color" default="#ccc" value="#cccccc">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#999" value="#ffd1f0">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#666" value="#e6e6e6">
<Variable name="sidebarlinkcolor" description="Sidebar Link Color"
type="color" default="#666" value="#806374">
<Variable name="sidebarlinkhover" description="Sidebar Link Hover"
type="color" default="#666" value="#ffc5e8">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#999" value="#6131BD">

<Variable name="diacolor" description="Dia Color"
type="color" default="#999" value="#e895cc">

<Variable name="mescolor" description="Mês Color"
type="color" default="#999" value="#806374">
<Variable name="anocolor" description="Ano Color"
type="color" default="#999" value="#806374">

<Variable name="menulinkcolor" description="Menu Link Color"
type="color" default="#999" value="#ffe2f3">
<Variable name="menulinkhover" description="Menu Link Hover"
type="color" default="#999" value="#806374">
<Variable name="textbloquotecolor" description="Text Blockquote Color"
type="color" default="#999" value="#806374">

<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Georgia, Serif" value="normal normal 99% Arial, sans-serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal bold 115% Arial, sans-serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal normal 200% Georgia, Serif" value="normal normal 259% Arial, sans-serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 86% Arial, sans-serif">
<Variable name="postfooterfont" description="Post Footer Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 70% Arial, sans-serif">
<Variable name="startSide" description="Side where text starts in blog language"
type="automatic" default="left" value="left">
<Variable name="endSide" description="Side where text ends in blog language"
type="automatic" default="right" value="right">
*/

/* Use this with templates/template-twocol.html */

body {
background:url(http://2.bp.blogspot.com/_V-IXTBBt1Bg/SfAM187kgJI/AAAAAAAABBY/gB1YOc7NMvM/s1600/back.png) repeat;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
a:link {
color:$linkcolor;
text-decoration:none;
}
a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
color:$titlecolor;
text-decoration:underline;
}
a img {
border-width:0;
}

#navbar-iframe{height:0px}

/* Header
-----------------------------------------------
*/

#header-wrapper {
width:100%;
margin:0 auto 0px;
height:128px;
}

#headerleft {
float:left;
font-size:14px;
margin:0 0 0;
padding:0 0 0;
width:640px;}

#header h1 {
margin:0;
color:$pagetitlecolor;
padding:35px 0px 0px 60px;
line-height:1.2em;
text-transform:capitalie;
letter-spacing:0em;
font: $pagetitlefont;
}

#header a {
color:$pagetitlecolor;
text-decoration:none; }

#header a:hover {
color:$pagetitlecolor; }

#header .description {
margin:0;
padding:8px 0px 0px 70px;
max-width:700px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
}

#headerright {
float:right;
font-weight:normal;
margin:0px;
padding:60px 0px 0px 0px;
_padding:35x 0px 0px 0px;
width:300px;
height: 88px
}

#headerright p {
margin:0 0 0 10px;
padding:0 0 0 0px;
color:#fff;
}

#headerright a, #headerright a:visited {
color:#f4f4f4;
font-size:11px;
padding:0;
text-decoration:none;
text-transform:uppercase;
}

#headerright a img {
border:medium none;
margin:0 1px 1px 0;
padding:0;
}

#headerright ul {
list-style-type:none;
margin:0;
padding:0;
}

.signup {
margin:0 0 0;
height:40px;
padding:5px 0 0 0;
*padding:0px 0 0 0;
_padding:0px 0 0 0;
}

#subscribe {
margin:5px 0 0 0;
overflow:hidden;
padding:0;
}

#box {
background:#F5F5F5 !important;
border-color:#666666 #DDDDDD #DDDDDD #666666;
border-style:solid;
border-width:1px;
color:#000000;
display:inline;
font-family:Arial,Tahoma,Verdana;
font-size:12px;
font-weight:normal;
margin:10px 0 0 0px;
padding:2px;
width:210px;

}

#navigation{
height:47px;
width: 100%;
line-height:2.2em;
margin:0px auto 0px;
position: relative;
}

#navigation ul{
margin: 18px 0 0 35px;
_margin: 0px 0 0 35px;
padding: 0px 0 0 0px;}

#navigation li{
float:left;
list-style-type:none;
white-space:nowrap;
}

#navigation li a{
display:block;
padding:0 20px;
font-size:0.9em;
font-weight:normal;
text-transform:uppercase;
text-decoration:none;
background-color:inherit;
color: $menulinkcolor;
}

#navigation .selected,#navigation a:hover{
color:$menulinkhover;
text-decoration:none;
}

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 1046px;
margin:0 auto;
padding:0px;
text-align:$startSide;
font: $bodyfont;
background: url(http://1.bp.blogspot.com/_V-IXTBBt1Bg/SfAM10jXYII/AAAAAAAABBo/dY2nDvnTL5Y/s1600/page-body.png) repeat-y;
}

#outer-top {
margin:0 auto;
padding:0px;
background: url(http://2.bp.blogspot.com/_V-IXTBBt1Bg/SfAM2DWXwpI/AAAAAAAABB4/frGICom-lbw/s1600/page-top.png) no-repeat top center;
}

#outer-bottom{
margin:0 auto;
padding:0px;
background: url(http://4.bp.blogspot.com/_V-IXTBBt1Bg/SfAM2Cc1LhI/AAAAAAAABBw/vKo9uJzI_3g/s1600/page-bottom.png) no-repeat bottom center;
}

#content-wrapper{
width: 980px;
margin: 0 auto}

#main-wrapper {
width: 660px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-wrapper {
width: 260px;
margin-right: 15px;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

/* Headings
----------------------------------------------- */

h2 {
margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:$sidebarcolor;
}

body#layout #navigation{padding-bottom:100px;}
body#layout #outer-wrapper{width: 1046px; margin:0 auto 0;}

/* Posts
-----------------------------------------------
*/
h2.date-header {
margin:1.5em 0 .5em;
}

#fecha {
display:block;
float:left;
margin-left: 10px;
padding-right:8px;
padding-top:0px;
width:46px;
height:50px;
line-height:0.8em;
}
.fecha_dia {
display:block;
color:$diacolor;
font-size:14px;
font-weight:bold;
text-align:center;
clear:both;
padding-top:3px;
}

.fecha_mes {
display:block;
font-size:12px;
color:$mescolor;
font-weight:normal;
text-transform:uppercase;
padding-top:4px;
text-align: center;

}

.fecha_anio {
display:block;
text-align:center;
font-size:12px;
line-height:0.5em;
padding-top:5px;
color:$anocolor;
}

.post {
margin:0 auto 20px;
border:1px solid #7a7876;
padding:1.2em;_padding:0.6em;
background: url(http://3.bp.blogspot.com/_V-IXTBBt1Bg/SfAM2dS3DoI/AAAAAAAABCA/BKSzjUpEByY/s1600/post.png) repeat;
}

.post h3 {
margin:0 0 0;
padding:0 0 0px 12px;
font-size:160%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:normal;
}

.post h3 strong, .post h3 a:hover {
color:$textcolor;
}

.left{float:left; padding-top:7px;}

.right{float:right;padding-top:7px;}

.post-body {
margin:0 0 .75em;
line-height:1.6em;
padding: 18px 8px;
}

.post-body blockquote {
line-height:1.3em;
background: #2e2b2a;
}

.post-footer {
margin: 4px 10px 12px 10px;
border-bottom: 1px dotted #7a7876;
color:$sidebarcolor;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
line-height: 1.6em;
}

.comment-link {text-transform:capitalize; font-size: 120%;margin-right:0px; *margin-right:20px;_margin-right:15px;}
.post-labels{text-transform:capitalize; font-size: 120%;}

.post img {
padding:4px;
border:1px solid $bordercolor;
}

.post blockquote {
margin:1em 20px;
background: #3a3836;
padding: 9px 9px 9px 15px;
border-left: 2px solid #f01860;
color: $textbloquotecolor;
}
.post blockquote p {
margin:.75em 0;
}

/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: $sidebarcolor;
}

#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
width: 550px;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;padding:7px;
background: #2e2c2a; border:1px solid #7a7876;
}

.comment-timestamp{text-transform:capitalize; font-size: 88%; float:right;}

#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}

#blog-pager-newer-link {
float: $startSide;
}

#blog-pager-older-link {
float: $endSide;
}

#blog-pager {
text-align: center;
}

.feed-links {
clear: both;
line-height: 2.5em;
}

/* Sidebar Content
----------------------------------------------- */
.sidebar {
color: $sidebartextcolor;
line-height: 1.5em;
padding-top:20px;
}

.sidebar h2{
margin:0;
padding:4px 0px 3px 0px;
letter-spacing:0px;
text-transform:capitalize;
}

.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}

.sidebar li {
background:transparent url(http://3.bp.blogspot.com/_V-IXTBBt1Bg/SfAM1wS5v_I/AAAAAAAABBg/0k3kRzZvyiQ/s1600/li.gif) repeat-x scroll left bottom;
color:#666666;
padding-bottom:5px;
padding-left:15px;
text-indent:0px;
padding-top:4px;}

.sidebar a:link, a:visited{
color:$sidebarlinkcolor;
}

.sidebar a:hover{
color: $sidebarlinkhover;
}

.sidebar .widget{
margin:0 auto 5px;
padding: 0.8em 1.2em;
}

.main .widget {
margin:0 0 0;
padding:0 0 1.2em;
}

.main .Blog {
border-bottom-width: 0;
}

/* Profile
----------------------------------------------- */
.profile-img {
float: $startSide;
margin-top: 0;
margin-$endSide: 5px;
margin-bottom: 5px;
margin-$startSide: 0;
padding: 4px;
border: 1px solid $bordercolor;
}

.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
color: $sidebarcolor;
font-weight: bold;
line-height: 1.6em;
}

.profile-datablock {
margin:.5em 0 .5em;
}

.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}

.profile-link {
font: $postfooterfont;
text-transform: uppercase;
letter-spacing: .1em;
}

/* Footer
----------------------------------------------- */
#footer {
width:100%;
clear:both;
margin:0 auto;
padding-top:5px;
line-height: 1.5em;
text-transform:capitalizee;
letter-spacing:0;
text-align: center;
}
]]></b:skin>
</head>
<script>
function remplaza_fecha(d){
var da = d.split(' ');
dia = "<div class='fecha_dia'>"+da[0]+"</div>"; //Le otorgamos una clase al día
mes = "<div class='fecha_mes'>"+da[1].slice(0,3)+"</div>"; //Le otorgamos una clase al mes
anio = "<div class='fecha_anio'>"+da[2]+"</div>"; //Le otorgamos una clase al año
document.write(dia+mes+anio);
}
</script>
<body>
<div id='outer-wrapper'><div id='outer-top'><div id='outer-bottom'>

<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>

<div id='header-wrapper'>
<div id='headerleft'>

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='The Vampire Diares Italia (Intestazione)' type='Header'/>
</b:section>
</div>

<div id='headerright'>
<p>
<a expr:href='data:blog.homepageUrl + "feeds/posts/default"' title='Subscribe to Content via RSS'>

<img alt='Subscribe' src='http://2.bp.blogspot.com/_hcF8ssiWKd4/SfAaLjDBk3I/AAAAAAAAAYk/5ojLzKMRxcM/s1600/2wftzi8.jpg.gif' style='vertical-align: middle;'/></a>

<a expr:href='data:blog.homepageUrl + "feeds/posts/default"' title='Subscribe to Content via RSS'>News Feed</a>

<a expr:href='data:blog.homepageUrl + "feeds/comments/default"' title='Subscribe to Content via RSS'>

<img alt='Subscribe' src='http://2.bp.blogspot.com/_hcF8ssiWKd4/SfAaLjDBk3I/AAAAAAAAAYk/5ojLzKMRxcM/s1600/2wftzi8.jpg.gif' style='vertical-align: middle; margin-left: 10px;'/></a>

<a expr:href='data:blog.homepageUrl + "feeds/comments/default"' title='Subscribe to Content via RSS'>Comments</a>
</p>

<div class='signup'>

<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=Your-Feedburner-ID', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' style='padding: 3px; text-align: left;' target='popupwindow'>

<p>Iscriviti via email
<input id='box' name='email' style='width:130px'/>
<input name='uri' type='hidden' value='Your-Blog-Name'/>
<input name='loc' type='hidden' value='en_US'/>
<input type='submit' value='Vai'/>
</p>
</form>

</div>

</div>

</div>

</div></div> </div>

www.MegaLab.it

modificare html

modificare html

Chi c’è in linea