Punto informatico Network
Login Esegui login | Non sei registrato? Iscriviti ora (è gratuito!)
Username: Password:
  • Annuncio Pubblicitario

modificare html

Cerchi consigli per migliorare il tuo sito? Vuoi aprire un sito in poco tempo?
Discuti con altri webmaster, chiedi chiarimenti ed opinioni in tutta libertà.
Lo spam verrà cancellato.

modificare html

Messaggioda 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(&#39; &#39;);
dia = &quot;<div class='fecha_dia'>&quot;+da[0]+&quot;</div>&quot;; //Le otorgamos una clase al día
mes = &quot;<div class='fecha_mes'>&quot;+da[1].slice(0,3)+&quot;</div>&quot;; //Le otorgamos una clase al mes
anio = &quot;<div class='fecha_anio'>&quot;+da[2]+&quot;</div>&quot;; //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'>

<!-- skip links for text browsers -->
<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 + &quot;feeds/posts/default&quot;' 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 + &quot;feeds/posts/default&quot;' title='Subscribe to Content via RSS'>News Feed</a>

<a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;' 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 + &quot;feeds/comments/default&quot;' title='Subscribe to Content via RSS'>Comments</a>
</p>


<div class='signup'>

<!--Substitua o código abaixo pelo seu código Email Subscriptions do FeedBurner -->

<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=Your-Feedburner-ID&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);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>

<!--Fim do código do FeedBurner -->



</div>


</div>

</div>

<!--fim do header -->

<div id='navigation'><b:section class='navigation' id='navigation' showaddelement='yes'>
<b:widget id='PageList1' locked='false' title='' type='PageList'/>
</b:section></div>




<div id='content-wrapper'>

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='CustomSearch1' locked='false' title='Cerca in questo blog' type='CustomSearch'/>
<b:widget id='AdSense1' locked='false' title='' type='AdSense'/>
<b:widget id='Text1' locked='false' title='The Vampire Diares Italia' type='Text'/>
<b:widget id='BlogArchive1' locked='false' title='Archivio' type='BlogArchive'/>
<b:widget id='Label1' locked='false' title='Categorie' type='Label'/>
</b:section>
</div>

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Post sul blog' type='Blog'/>
</b:section>
</div>
<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'>&#160;</div>
</div> <!-- end content-wrapper -->
</div></div> </div><!-- end outer-wrapper -->
<div id='footer-wrapper'>
<b:section class='footer' id='footer'>
<b:widget id='HTML2' locked='false' title='' type='HTML'/>
<b:widget id='AdSense2' locked='false' title='' type='AdSense'/>
</b:section>
</div><div id='credit' style='margin:0 auto; width: 100%; text-align:center;background: #000;'><a expr:href='data:blog.homepageUrl'><data:blog.title/></a> | <a href='http://templatesparanovoblogger.blogspot.com'>TNB</a></div>
</body>
</html>
http://www.vampirediaries-love.net/
Avatar utente
Martina Stella
Senior Member
Senior Member
 
Messaggi: 354
Iscritto il: ven gen 16, 2009 3:02 pm
Località: Treviso, Veneto

Torna a Sviluppo Web

Chi c’è in linea

Visitano il forum: Nessuno e 1 ospite

Powered by phpBB © 2002, 2005, 2007, 2008 phpBB Group
Traduzione Italiana phpBB.it

megalab.it: testata telematica quotidiana registrata al Tribunale di Cosenza n. 22/09 del 13.08.2009, editore Master New Media S.r.l.; © Copyright 2008 Master New Media S.r.l. a socio unico - P.I. 02947530784. GRUPPO EDIZIONI MASTER Spa Tutti i diritti sono riservati. Per la pubblicità: Master Advertising