BlogPageTitle $ $> < / title>
<$ BlogMetaData $>
<style type="text/css">
/ *
-----------------------------------------------
Blogger plantilla de estilo
Nombre: Hijo de Moto ( Mean Green Blogging variación Machine)
Diseñador: Jeffrey Zeldman
URL: www.zeldman.com
Fecha : 23 de febrero 2004
----------------------------------------------- * /
/ * * El diseño de primaria /
body {
margin: 0;
padding: 0;
border: 0;
texto - align: center ;
color: # 554 ;
de fondo : url # 692 ( http://www.blogblog.com/moto_son/outerwrap.gif ) parte superior central repeat-y ;
fuente: Tahoma pequeño " Bitstream Vera Sans "," Trebuchet MS " , " Lucida Grande " , lucida , Helvetica , sans- serif ;
}
img {
border: 0;
display: block ;
}
/ * * Envoltura /
# wrapper {
margin: 0 auto ;
padding: 0;
border: 0;
ancho: 692px ;
texto -align : left ;
de fondo : url # FFF ( http://www.blogblog.com/moto_son/innerwrap.gif ) arriba a la derecha repeat-y ;
font-size : 90 % ;
}
/ * Encabezado y
# blog -header {
color: # ffe ;
de fondo : url # 8b2 ( http://www.blogblog.com/moto_son/headbotborder.gif ) abajo a la izquierda repeat-x ;
margin: 0 auto ;
padding: 0 0 15px 0;
border: 0;
}
# blog -header h1 {
font-size : 24px ;
texto -align : left ;
padding: 15px 20px 20px 0 ;
margin: 0;
background- image : url ( http://www.blogblog.com/moto_son/topper.gif ) ;
background-repeat : repeat -x ;
background-position : arriba a la izquierda ;
}
# blog -header { p
font-size : 110 % ;
texto -align : left ;
padding: 20px 10px 20px 3px ;
margin: 0;
line-height : 140 % ;
}
/ * * El diseño interior /
# contenido {
padding: 0 20px ;
}
# { principal
ancho: 400px ;
float: left ;
}
# sidebar {
ancho: 226px ;
float: right ;
}
/ * * Abajo diseño /
pie de página # {
clear: left ;
margin: 0;
padding: 0 20px ;
border: 0;
texto -align : left ;
border-top : 1px solid # f9f9f9 ;
background-color : # fdfdfd ;
}
pie de página # { p
texto -align : left ;
margin: 0;
padding: 10px 0;
font-size : x-small ;
background-color : transparente;
color: # 999 ;
}
/ * por defecto * enlaces /
a: link , a: visited {
font- weight: bold ;
text-decoration : none ;
color: # 692 ;
de fondo : transparente;
}
a: hover {
font- weight: bold ;
text-decoration : underline ;
color: # 8b2 ;
de fondo : transparente;
}
a: active {
font- weight: bold ;
text-decoration : none ;
color: # 692 ;
de fondo : transparente;
}
/ * * Tipografía /
# p principal, p # sidebar {
line-height : 140 % ;
margin-top : 5px ;
margin-bottom : 1em ;
}
. post- body {
line-height : 140 % ;
}
h2 , h3 , h4 , h5 {
margin: 25px 0 0 0 ;
padding: 0;
}
h2 {
font-size : grande ;
}
h3.post la titularidad {
margin-top : 5px ;
font-size : medio;
}
ul {
Margen : 0 0 25px 0;
}
li {
line-height : 160 % ;
}
# sidebar ul {
padding-left : 10px ;
padding-top : 3px ;
}
# ul li { barra lateral
list-style : url disco ( http://www.blogblog.com/moto_son/diamond.gif ) en el interior ;
vertical -align : top ;
padding: 0;
margin: 0;
}
dl.profile - bloque de datos {
margin: 0 3px 5px 0;
}
dl.profile - dd { bloque de datos
line-height : 140 % ;
}
. perfil -img {display: inline ; }
. img perfil -img {
float: left ;
margin: 0 10px 5px 0;
border: 4px sólidos # 8b2 ;
}
# comments {
border: 0;
border-top : 1px # eed discontinua ;
margin: 10px 0 0 0 ;
padding: 0;
}
# comments h3 {
margin-top : 10px ;
margin-bottom : 10px - ;
font-weight : normal ;
font-style : italic ;
texto -transform : mayúsculas ;
espaciado entre letras : 1px ;
}
# comments { dt dl
font- weight: bold ;
font-style : italic ;
margin-top : 35px ;
padding: 1px 0 0 18px ;
de fondo : url transparente ( http://www.blogblog.com/moto_son/commentbug.gif ) arriba a la izquierda no-repeat ;
color: # 998 ;
}
# comments dl dd {
padding: 0;
margin: 0;
}
. deleted- comentario {
font-style : italic ;
color: gris;
}
< / style>
< / head>
<link rel="me" href="https://www.blogger.com/profile/10906648929527634817" />
<meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/>
<meta name='google-adsense-platform-domain' content='blogspot.com'/>
<!-- --><style type="text/css">@import url(https://www.blogger.com/static/v1/v-css/navbar/3334278262-classic.css);
div.b-mobile {display:none;}
</style>
</head><body><script type="text/javascript">
function setAttributeOnload(object, attribute, val) {
if(window.addEventListener) {
window.addEventListener('load',
function(){ object[attribute] = val; }, false);
} else {
window.attachEvent('onload', function(){ object[attribute] = val; });
}
}
</script>
<div id="navbar-iframe-container"></div>
<script type="text/javascript" src="https://apis.google.com/js/platform.js"></script>
<script type="text/javascript">
gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() {
if (gapi.iframes && gapi.iframes.getContext) {
gapi.iframes.getContext().openChild({
url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d17507911\x26blogName\x3dEl+Arte\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dTAN\x26layoutType\x3dCLASSIC\x26searchRoot\x3dhttps://elarteverdadero.blogspot.com/search\x26blogLocale\x3den_US\x26v\x3d2\x26homepageUrl\x3dhttp://elarteverdadero.blogspot.com/\x26vt\x3d-8436838875956193095',
where: document.getElementById("navbar-iframe-container"),
id: "navbar-iframe"
});
}
});
</script>
<! - envoltorio de comenzar - >
id="wrapper"> <div
<div id="blog-header"> <h1>
<ItemPage> < a href = "<$ BlogURL $>"></ ItemPage >
<$ BlogTitle $>
<ItemPage> < / a> < / > ItemPage
< / h1 >
<p> <$ BlogDescription $> < / p> < / div>
<! - Comienza el contenido ->
id="content"> <div
<! - Comienza la columna principal ->
id="main"> <div
<Blogger>
<BlogDateHeader>
<h2 class="date-header"> <$ BlogDateHeaderDate $> < / h2 >
< / > BlogDateHeader
<! - Comenzar . post - >
<div class="post"> <a name = "<$ BlogItemNumber $>"></ a>
<BlogItemTitle>
<h3 class="post-title">
<BlogItemUrl> < a href = "<$ BlogItemURL $> " title = " enlace externo "> < / BlogItemURL >
<$ BlogItemTitle $>
<BlogItemUrl> < / a> < / > BlogItemURL
< / h3 >
< / > BlogItemTitle
class="post-body"> <div
<p>
<$ BlogItemBody $>
< / p >
< / div>
class="post-footer"> <p
<em> escritos por <$ BlogItemAuthorNickname $> @ < a href = "<$ BlogItemPermalinkURL $> " title = " enlace permanente "> <$ BlogItemDateTime $> < / a> < / em>
<MainOrArchivePage> <BlogItemCommentsEnabled>
<A class = " comment- link " href = "<$ BlogItemCommentCreate $>"<$ BlogItemCommentFormOnClick $>><$ BlogItemCommentCount $> comentarios < / a>
< / BlogItemCommentsEnabled > < / > MainOrArchivePage <$ BlogItemControl $>
< / p >
< / div>
<! - End. post - >
<! - Comenzar # comments ->
<ItemPage>
id="comments"> <div
<BlogItemCommentsEnabled> <a name="comments"> < / a>
<h3> <$ BlogItemCommentCount $> Comentarios: < / h3 >
<dl>
<BlogItemComments>
< dt id = "c <$ BlogCommentNumber $>">< a name = "c <$ BlogCommentNumber $>"></ a>
En < a href = "# c <$ BlogCommentNumber $> " title = " permalink comentario " > <$ BlogCommentDateTime $> < / a>,
<$ BlogCommentAuthor $> dijo ...
< / dt>
<dd>
<p> <$ BlogCommentBody $> < / p>
<$ BlogCommentDeleteIcon $>
< / dd>
< / BlogItemComments >
< / dl>
<p>
<$ BlogItemCreate $>
< / p >
< / BlogItemCommentsEnabled >
<p>
< a href = "<$ BlogURL $>"><< </ a >
< / p >
< / div>
< / > ItemPage
<! - End # comments ->
< / Blogger>
<! - Fin de la columna principal ->
< / div>
id="sidebar"> <div
<! - Comenzar perfil # contenedor ->
<$ BlogMemberProfile $>
<! - Fin barra n º contenedor ->
<MainOrArchivePage>
<h2 class="sidebar-title"> Enlaces < / h2 >
<ul>
<li> <a href="http://news.google.com/"> Google Noticias < / a> < / li >
<li> <a href="http://help.blogger.com/bin/answer.py?answer=110"> Edit- Me < / a> < / li >
<li> <a href="http://help.blogger.com/bin/answer.py?answer=110"> Edit- Me < / a> < / li >
< / ul>
< / > MainOrArchivePage
<h2 class="sidebar-title"> Mensajes anterior < / h2 >
id="recently"> <ul
<BloggerPreviousItems>
<li> < a href = "<$ BlogItemPermalinkURL $>"><$ BlogPreviousItemTitle $> < / a> < / li >
< / BloggerPreviousItems >
< / ul>
<MainOrArchivePage>
<h2 class="sidebar-title"> Archivo < / h2 >
class="archive-list"> <ul
<BloggerArchives>
<li> < a href = "<$ BlogArchiveURL $>"><$ BlogArchiveName $> < / a> < / li >
< / BloggerArchives >
<ArchivePage> <li> < a href = "<$ BlogURL $> " > Actualidad entradas </ a > < / li > < / ArchivePage >
< / ul>
< / > MainOrArchivePage
<p id="powered-by"> <a href="http://www.blogger.com"> < img src = " http://buttons.blogger.com/bloggerbutton1.gif " alt = "Powered by Blogger " /> < / a> < / p >
<! -
<p> Este es un párrafo de texto que podría ir en la barra lateral . < / p>
->
<! - Fin barra lateral ->
< / div>
<! - contenido End ->
< / div>
código <div id="footer">
<p> <! - el contenido copyright © 2004 href="mailto:johndoe@example.com" blog <a title="Write me."> a su nombre aquí < / a> -> < / p >
< / div>
<! - envoltorio End ->
< / div>
< / body>
< / html></body></html>