Archivos... y lo que se me vaya ocurriendo-

"Chinese Picture - Bird And Flowers"

Es una plantilla de Panic Templates, para clásica de Blogger, que había pasado a Nuevo Blogger. Ahora la he arreglado para que se vea mejor tanto en Firefox como en IE . Y se ve estupenda :D.

Para verla en funcionamiento, aquí: Prueba Zen

Esqueleto:

<?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">

<head>

<b:include data='blog' name='all-head-content'/>

<b:skin><![CDATA[/*

-----------------------------------------------

Template designed by TemplatePanic

Name: Chinese Picture - Bird And Flowers

Designer: Effi

URL: http://www.templatepanic.com

Date: 27 November 2006

----------------------------------------------- */

/* 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="#333333">

<Variable name="linkcolor" description="Link Color"

type="color" default="#58a" value="#5588aa">

<Variable name="pagetitlecolor" description="Blog Title Color"

type="color" default="#666" value="#666666">

<Variable name="descriptioncolor" description="Blog Description Color"

type="color" default="#999" value="#999999">

<Variable name="titlecolor" description="Post Title Color"

type="color" default="#c60" value="#cc6600">

<Variable name="bordercolor" description="Border Color"

type="color" default="#ccc" value="#cccccc">

<Variable name="sidebarcolor" description="Sidebar Title Color"

type="color" default="#999" value="#999999">

<Variable name="sidebartextcolor" description="Sidebar Text Color"

type="color" default="#666" value="#666666">

<Variable name="visitedlinkcolor" description="Visited Link Color"

type="color" default="#999" value="#999999">

<Variable name="bodyfont" description="Text Font"

type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Georgia, Serif">

<Variable name="headerfont" description="Sidebar Title Font"

type="font"

default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">

<Variable name="pagetitlefont" description="Blog Title Font"

type="font"

default="normal normal 200% Georgia, Serif" value="normal normal 200% Georgia, Serif">

<Variable name="descriptionfont" description="Blog Description Font"

type="font"

default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, 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 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">

#navbar-iframe { height:0px; visibility:hidden; display:none }

body {

background: #fff url('http://photos1.blogger.com/x/blogger2/1624/803979841825194/1600/984516/background.jpg');

background-attachment: fixed;

background-position: bottom right;

background-repeat: no-repeat;

color:#000;

font-family: Georgia, Verdana, Arial;

font-size: 16px;

text-align: center;

vertical-align: top;

}

text-decoration: underline;

color: black;

}

a:hover{

background: khaki;

text-decoration: none;

}

a img{

border: 0;

}

ul, ul li{

list-style-type: none;

}

h1{

margin-bottom: 5px;

font-family: Georgia, Verdana, Arial;

font-size: 30px;

font-weight: normal;

color: #000;

}

h1 a{

text-decoration: none;

color: #000;

}

h1 a:hover{

text-decoration: none;

color: black;

border: 2px solid khaki;

}

#container{

margin: 0 auto;

width: 900px;

border-top: 20px solid khaki;

text-align: left;

vertical-align: top;

background: transparent;

color: #000;

}

#page{

padding: 10px;

}

.description{

width: 880px;

border-top: 2px solid khaki;

font-size: 14px;

text-align: left;

vertical-align: top;

background: transparent;

color: #000;

clear: both;

}

.description p{

padding: 10px 20px

}

#top-menu{

margin-bottom: 20px;

width: 880px;

border-top: 3px solid khaki;

border-bottom: 3px solid khaki;

font-family: Georgia, Arial;

font-size: 14px;

text-align: left;

vertical-align: top;

opacity:0.5;

filter:alpha(opacity=50);

-moz-opacity: 0.5;

background-color: #fff;

color: #000;

}

#top-menu p{

padding: 10px 20px

}

#top-menu a{

padding: 15px;

font-weight: bold;

text-decoration: none;

color: black;

border: 2px solid khaki;

}

#top-menu a:hover{

text-decoration: none;

color: black;

}

.mainbox{

float: left;

margin-right: 10px;

padding-top:30px;

width: 540px;

text-align: left;

vertical-align: top;

color: #000;

}

.post h2{

margin: 0 0 12px;

font-family: Georgia, Arial;

font-size: 24px;

font-weight: normal;

line-height: 28px;

color: black;

}

.post h2 a{

text-decoration: none;

color: black;

}

.post h2 a:hover{

text-decoration: underline;

}

.post{

padding: 20px;

line-height: 18px;

text-align: left;

vertical-align: top;

opacity:0.75;

filter:alpha(opacity=75);

-moz-opacity: 0.75;

background-color: #fff;

border: 2px dashed khaki;

}

.post p{

padding: 0 0 12px;

}

.post-date{

margin-bottom: 20px;

padding: 10px 20px;

font-family: Georgia, Courier new, arial;

font-size: 11px;

opacity:0.5;

filter:alpha(opacity=50);

-moz-opacity: 0.5;

background-color: #fff;

color: #666;

}

.date{

padding: 10px;

font-family: Georgia, Courier new, arial;

font-size: 15px;

background-color: floralwhite;

color: black;

}

.navigation{

margin-bottom: 20px;

padding: 0 20px;

}

.navigation a{

color: #000;

}

.blogcomment ol, .blogcomment ol li{

list-style-type: none;

}

.blogcomment ol{

margin: 0 0 10px 0;

}

.blogcomment ol li{

margin-bottom: 5px;

border: 1px solid #e8e8c5;

padding: 10px;

font-size: 14px;

opacity:0.5;

filter:alpha(opacity=50);

-moz-opacity: 0.5;

background-color: #fff;

color: #000;

}

#sidebar{

float: left;

margin: 0;

width: 330px;

text-align: left;

vertical-align: top;

opacity:0.75;

filter:alpha(opacity=75);

-moz-opacity: 0.75;

background-color: #fff;

color: #000;

border-top: 2px solid khaki;

border-bottom: 2px solid khaki;

}

#sidebar h2{

font-family: Georgia, Verdana, Arial;

font-size: 20px;

font-weight: bold;

margin-bottom: 20px;

color: black;

}

#sidebar a{

text-decoration: underline;

color: black;

}

#sidebar a:hover{

text-decoration: none;

color: black;

}

#sidebar ul{

margin: 0 0 20px;

padding: 15px 20px 10px;

background: transparent;

color: #000;

}

#sidebar ul li{

margin: 0;

font-family: Georgia, Arial;

font-size: 24px;

font-weight: normal;

}

#sidebar ul ul{

margin: 0;

padding: 0;

}

#sidebar ul ul li{

margin: 0 0 10px 0;

font-family: Georgia, Verdana;

font-size: 12px;

}

#footer{

clear: both;

width: 900px;

font-size: 13px;

text-align: center;

margin-top: 30px;

vertical-align: top;

background: transparent;

color: #000;

font-variant: small-caps;

border-bottom: 15px solid khaki;

}

#footer p{

padding: 0 20px;

}

]]></b:skin>

//<![CDATA[

var comment_form_template = '<div class="commentelem"><div class="comment-poster">[[AUTHOR]]</div>\n'

+ '<div class="comment-body"><div class="innerCmntBody">[[BODY]]</div></div>\n'

+ '<div class="comment-timestamp"><a href="[[PERMALINK]]" title="comment permalink">[[DATE]]</a></div></div>\n';

if(typeof(thisblog_showCommentPhotos) == 'undefined')

thisblog_showCommentPhotos = false;

//]]>

</script>

</head>

<body>

<b:section class='header' id='header' maxwidgets='2' showaddelement='yes'>

<b:widget id='Header1' locked='true' title='PruebaZen (cabecera)' type='Header'>

<b:includable id='main'>

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<data:title/>

<b:else/>

</b:if>

</h1>

</a>

</div>

</div>

</b:includable>

</b:widget>

</b:section>

</div>

<p> <a href='http://pruebazen.blogspot.com/'>Inicio</a> <a href='http://www2.blogger.com/profile/14417669816485875991'>Mi Perfil</a></p>

</div>

<b:section class='main' id='main' showaddelement='no'>

<b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'>

<b:includable id='nextprev'>

<b:if cond='data:newerPageUrl'>

</span>

</b:if>

<b:if cond='data:olderPageUrl'>

</span>

</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>

<b:else/>

<b:if cond='data:newerPageUrl'>

</b:if>

</div>

</b:includable>

<b:includable id='backlinks' var='post'>

<b:if cond='data:post.numBacklinks != 0'>

<b:loop values='data:post.backlinks' var='backlink'>

<b:include data='backlink' name='backlinkDeleteIcon'/>

</dt>

<data:backlink.snippet/>

</dd>

</dd>

</div>

</b:loop>

</dl>

</b:if>

</p>

</b:includable>

<b:includable id='post' var='post'>

<b:if cond='data:post.title'>

<b:if cond='data:post.link'>

<b:else/>

<b:if cond='data:post.url'>

<b:else/>

<data:post.title/>

</b:if>

</h2>

</b:if>

</div>

<b:if cond='data:top.showAuthor'>

<data:top.authorLabel/> <data:post.author/>

</b:if>

</span>

<b:if cond='data:top.showTimestamp'>

<data:top.timestampLabel/>

<b:if cond='data:post.url'>

</b:if>

</span>

<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:post.allowComments'>

<b:loop values='data:post.feedLinks' var='f'>

Sin comentarios

<b:else/>

<b:if cond='data:post.numComments == 1'>

1 comentario

<b:else/>

<data:post.numComments/> comentarios

</b:if></b:if>

</a>

</b:loop>

</b:if>

<b:else/>

<b:if cond='data:post.allowComments'>

Sin comentarios

<b:else/>

<b:if cond='data:post.numComments == 1'>

1 comentario

<b:else/>

<data:post.numComments/> comentarios

<data:top.commentLabelPlural/></b:if></b:if></a>

</b:if>

</span>

<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:post.showBacklinks'>

</b:if>

</span>

<b:if cond='data:post.emailPostUrl'>

</a>

</span>

</b:if>

<b:include data='post' name='postQuickEdit'/>

</span>

</p>

<b:if cond='data:post.labels'>

<data:postLabelsLabel/>

<b:loop values='data:post.labels' var='label'>

</b:loop>

</b:if>

</span>

</p>

</div>

</b:includable>

<b:includable id='commentDeleteIcon' var='comment'>

</a>

</span>

</b:includable>

<b:includable id='status-message'>

<b:if cond='data:navMessage'>

<data:navMessage/>

</div>

</div>

</b:if>

</b:includable>

<b:includable id='feedLinks'>

<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:feedLinks'>

<b:include data='feedLinks' name='feedLinksBody'/>

</div>

</b:if>

<b:else/>

<b:loop values='data:posts' var='post'>

<b:if cond='data:post.allowComments'>

<b:if cond='data:post.feedLinks'>

<b:include data='post.feedLinks' name='feedLinksBody'/>

</b:if>

</b:loop>

</div>

</b:if>

</b:includable>

<b:includable id='backlinkDeleteIcon' var='backlink'>

</a>

</span>

</b:includable>

<b:includable id='feedLinksBody' var='links'>

<data:feedLinksMsg/>

<b:loop values='data:links' var='f'>

</b:loop>

</div>

</b:includable>

<b:includable id='postQuickEdit' var='post'>

<b:if cond='data:post.editUrl'>

</a>

</span>

</b:if>

</b:includable>

<b:includable id='comments' var='post'>

<b:if cond='data:post.allowComments'>

<h4>

<b:if cond='data:post.numComments == 1'>

1 <data:commentLabel/>:

<b:else/>

<data:post.numComments/> <data:commentLabelPlural/>:

</b:if>

</h4>

<b:loop values='data:post.comments' var='comment'>

<b:if cond='data:comment.authorUrl'>

<b:else/>

<data:comment.author/>

</b:if>

<data:commentPostedByMsg/>

</dt>

<b:if cond='data:comment.isDeleted'>

<b:else/>

</b:if>

</dd></li>

<data:comment.timestamp/>

</a>

<b:include data='comment' name='commentDeleteIcon'/>

</span>

</dd>

</b:loop>

</dl></ul></ol></div>

</p>

</b:if>

<b:if cond='data:post.showBacklinks'>

<b:include data='post' name='backlinks'/>

</b:if>

</div>

</b:includable>

<b:includable id='main' var='top'>

<b:include data='top' name='status-message'/>

<data:adStart/>

<b:loop values='data:posts' var='post'>

<b:if cond='data:post.dateHeader'>

</b:if>

<b:include data='post' name='post'/>

<b:if cond='data:blog.pageType == "item"'>

<b:include data='post' name='comments'/>

</b:if>

</b:loop>

<data:adEnd/>

</div>

<b:include name='nextprev'/>

<b:include name='feedLinks'/>

</b:includable>

</b:widget>

</b:section>

</div>

<b:section class='sidebar' id='sidebar' preferred='yes'>

<b:widget id='BlogArchive1' locked='false' title='Archivo del blog' type='BlogArchive'>

<b:includable id='toggle' var='interval'>

<b:if cond='data:interval.toggleId'>

<b:if cond='data:interval.expclass == "expanded"'>

</a>

<b:else/>

</a>

</b:if>

</b:includable>

<b:includable id='interval' var='intervalData'>

<b:loop values='data:intervalData' var='i'>

<ul>

<b:include data='i' name='toggle'/>

(<span class='post-count'><data:i.post-count/></span>)

<b:if cond='data:i.data'>

<b:include data='i.data' name='interval'/>

</b:if>

<b:if cond='data:i.posts'>

<b:include data='i.posts' name='posts'/>

</b:if>

</li>

</ul>

</b:loop>

</b:includable>

<b:includable id='menu' var='data'>

<b:loop values='data:data' var='i'>

</b:loop>

</select>

</b:includable>

<b:includable id='flat' var='data'>

<ul>

<b:loop values='data:data' var='i'>

<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)

</li>

</b:loop>

</ul>

</b:includable>

<b:includable id='posts' var='posts'>

<b:loop values='data:posts' var='i'>

</b:loop>

</ul>

</b:includable>

<b:includable id='main'>

<b:if cond='data:title'>

</b:if>

<b:if cond='data:style == "HIERARCHY"'>

<b:include data='data' name='interval'/>

</b:if>

<b:if cond='data:style == "FLAT"'>

<b:include data='data' name='flat'/>

</b:if>

<b:if cond='data:style == "MENU"'>

<b:include data='data' name='menu'/>

</b:if>

</div>

<b:include name='quickedit'/>

</div></li></ul>

</b:includable>

</b:widget>

<b:widget id='LinkList1' locked='false' title='VÃnculos' type='LinkList'>

<b:includable id='main'>

<b:if cond='data:title'><h2><data:title/></h2></b:if>

<ul>

<b:loop values='data:links' var='link'>

</b:loop>

</ul>

<b:include name='quickedit'/>

</div></li></ul>

</b:includable>

</b:widget>

<b:widget id='Profile1' locked='false' title='Datos personales' type='Profile'>

<b:includable id='main'>

<b:if cond='data:title != ""'>

</b:if>

<b:if cond='data:team == "true"'>

<ul>

<b:loop values='data:authors' var='i'>

</b:loop>

</ul>

<b:else/>

<b:if cond='data:photo.url != ""'>

</b:if>

<b:if cond='data:showlocation == "true"'>

</b:if>

<b:if cond='data:aboutme != ""'><dd class='profile-textblock'><data:aboutme/></dd></b:if>

</dl>

</b:if>

<b:include name='quickedit'/>

</div></li></ul>

</b:includable>

</b:widget>

</b:section>

</div>

<b:section class='footer' id='footer'>

<b:widget id='HTML1' locked='false' title='' type='HTML'>

<b:includable id='main'>

<b:if cond='data:title != ""'>

</b:if>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

</b:section>

</div>

</body>

</html>

Añadir un comentario

¡Necesitas ser un miembro de EpilogoNing para añadir comentarios!

Participa en esta red social

Bienvenido a
EpilogoNing

Registrarse
o Inicia la sesión

Acerca de

Llara creó esta red social en Ning.

¡Crea tu propia red social!

Distintivo

Cargando…

Obtener distintivo

Emblemas | Reportar un problema | Privacidad | Términos de servicio