martes, 22 de enero de 2008

Plantilla Blog Libros



Plantilla 19 Blog Libros con un sidebar. Las imágenes van insertadas en la plantilla. Tanto en IE como en Firefox se ven igual, el sidebar en Firefox es redondeado en IE cuadrado.

Código Plantilla

<?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'/>

<!-- Optimización del título en Blogger -->

<title>OPTIMIZAR EL TITULO O TEXTO</title>



<!-- Termina título optimizado -->



<link href='URL FAVICON' rel='shortcut icon' type='image/x-icon'/>



<link href='URL FAVICON' rel='icon' type='image/png'/>



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

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



Blogger Template Style

Name: Minima

Designer:YTP cbvir

URL:http://cabalasvirtuales.blogspot.com/

Date: 2007/08

Updated by: Blogger BlogLibros

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

/* 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">

*/



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



body {

background-attachment: fixed;

background:#BEBEBE

url(http://4.bp.blogspot.com/_11C4h7_3E8U/RzHnHkXO55I/AAAAAAAAINQ/AjAVc5sx-eg/s1600/fondo%2Bgeneral%2Bo%2Bfondo%2Bpost.gif) fixed top;

margin:0;

color:#8E2323;

font:x-small Georgia Serif;

font-size/* */:/**/small;

font-size: /**/small;

text-align: center;

}



a:link {

color:#FF7F00;

text-decoration:none;

}



a:visited {

color:#FFE4E1;

text-decoration:none;

}



a:hover {

color:#545454;

text-decoration:underline;

}



a img {

border-width:0;

}



a:active

{



outline: none;

}



a:focus

{



-moz-outline-style: none;

}



.pushbutton a:hover {

position: relative;

top: 1px;

left: 1px;

}



a.mimo img {

filter:alpha(opacity=50);

-moz-opacity: 0.5;

opacity: 0.5;

-khtml-opacity: 0.5;

}





a.mimo:hover img {

filter:alpha(opacity=100);

-moz-opacity: 1.0;

opacity: 1.0;

-khtml-opacity: 1.0;

}



.scrollbox {

height:300px;

width:205px;

overflow:auto;

}





/* Header- Cabecera imagen-

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



*/



#header-wrapper {

background:#fff;

background: url(http://2.bp.blogspot.com/_11C4h7_3E8U/R3LXB7P2UNI/AAAAAAAAKDw/RpZPWIfMprI/s1600/libros.JPG);

background-repeat: no-repeat;

background-position: center;

border: 0px solid #8B6508;

width:875px;

height: 380px;

padding:2px 5px .25em;

margin:0 auto;

margin-top: 10px;

}

#header-inner {

background-position: center;

margin-left: 0 auto;

margin-right: 0 auto;

}



.header .widget {

width: 900px;

padding: 0px 5px 5px 0px;

}



#header {

margin: 5px;

border: 0px solid #B3B3B3;

text-align: center;

color:#666666;

}



#header h1 {

margin:5px 5px 0;

padding:15px 20px .25em;

line-height:1.2em;

text-transform:uppercase;

letter-spacing:.2em;

font: normal normal 200% Georgia, Serif;

display: none;

}



#header a {

color:#545454;

text-decoration:none;

}



#header a:hover {

color:#545454;

}



#header .description {

margin:0 5px 5px;

padding:0 20px 15px;

max-width:955px;

text-transform:uppercase;

letter-spacing:.2em;

line-height: 1.4em;

font: normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;

color: #FFFF00;

}





/* Outer-Wrapper

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



#outer-wrapper {

width: 900px;

margin:0 auto;

padding:0px;

text-align:left;

font: normal normal 108% Trebuchet, Trebuchet MS, Arial, sans-serif;

}



#crosscol-wrapper {

background:#8B795E;

border: 3px outset #8B795E;

margin-top:5px;

-moz-border-radius: 15px;

-webkit-border-radius: 15px;

}



#main-wrapper {

width: 660px;

float: left;

margin-top:5px;

padding:0px;

line-height:1.5em;

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: 220px;

float: right;

margin-top:5px;

line-height:1.5em;

text-align: left;

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:0.0em 0 .75em;

font:normal bold 78% Verdana, sans-serif;

line-height: 1.4em;

text-transform:normal;

letter-spacing:.2em;

color:#fff;

}



h5 {

text-align: center;

font-size:100%;

}





/* Tooltip

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



a.tooltip {

position:relative;

color:#000;

text-decoration:none;

}



a.tooltip span {

display: none;

}



a.tooltip:hover span {

display:block;

position:absolute;

top:2em;

left:2em;

width:110px;

border:2px solid #6495ED;

background-color:#CC3333;

-moz-border-radius: 15px;

-webkit-border-radius: 15px;

color:#ffffff;

text-align: left;

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

padding: 5px;

}



/* Resaltar código -------*/



.highlight{

background-color:#545454;

}





/* Posts- Entradas-

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



*/



h2.date-header {

font: normal normal 120% 'Tempus Sans ITC';

color:#8E2323;

font-weight:bold;

font-size:80%;

margin:0.5em 0 .5em;

}



.post {

margin:0px 0px 60px 0px;

border: 3px outset #8C1717;

padding:0px 30px 0px 125px;

-moz-border-radius: 15px;

-webkit-border-radius: 15px;

background: #FFF

url("http://1.bp.blogspot.com/_11C4h7_3E8U/RzHop0XO57I/AAAAAAAAINg/ftMhFwnlEE8/s1600/antiguo.gif")

repeat-y left top;



}





.post h3 {

font: #000000;

font-size:125%;

border-bottom: solid #CDBE70 2px;

text-align:left;

background: url(http://3.bp.blogspot.com/_11C4h7_3E8U/RzCmEkXO5TI/AAAAAAAAIIk/fDTjFDqyAlk/s400/publicidad.png) no-repeat 0px;

padding-left: 40px;

margin:.20em 0 0;

font-size:120%;

font-weight: bold;

text-transform:uppercase;

line-height:1.4em;

color:#bf0000;

}





.post h3 a, .post h3 a:visited, .post h3 strong {

display:block;

text-decoration:none;

color:#F4A460;

background: #EEDC82 url('http://3.bp.blogspot.com/_11C4h7_3E8U/RzCjMkXO5PI/AAAAAAAAIIE/FJo0IQxqKrU/s400/textos-anteriores.png') no-repeat right;

font-weight:normal;

}



.post h3 strong. .post h3 a:hover {

color:#F4A460;

}



.post p {

padding-top:10px;

margin:0 0 .75em;

line-height:1.6em;

}



.post-body a:visited {

color:#CDB38B;

padding-right: 21px;

background: url(http://www.ladylony.com/imgxzz12/mmx59.gif) no-repeat 100% 50%;

}



.post-body a:visited:hover {

background: url(URL IMAGEN DENTRO DEL POST DRECHA ABAJO) no-repeat 100% 50%;

padding-right: 13px;

color:#8B475D;

}



.post-footer {

margin: .75em 0;

border: 2px outset #DAA520;

color:#8E2323;

background: url(http://3.bp.blogspot.com/_11C4h7_3E8U/RzCmEkXO5TI/AAAAAAAAIIk/fDTjFDqyAlk/s400/publicidad.png) no-repeat 3px 1.6em;

padding-top: 40px;

padding-left: 50px;

margin-left: 0px;

color:#999999;

text-transform:uppercase;

letter-spacing:.1em;

font: normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;

line-height: 1.4em;

-moz-border-radius: 15px;

-webkit-border-radius: 15px;

}





.comment-link {

margin-left:.6em;

}



.post img {

padding:4px;

border:0px solid #b3b3b3;

}



.post .img2 {

padding:4px;

border:1px solid #b3b3b3;

}



.post blockquote {

margin:1em 20px;

}



.post blockquote p {

margin:.75em 0;

}



/* Comments

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



#comments {

margin:0;

}



#comments h4 {

margin:0 0 10px;

border-top:0px dotted #8B2323;

padding-top:.5em;

line-height: 1.4em;

font: bold 110% Georgia,Serif;

color:#000;

}



#comments-block {

line-height:1.6em;

}



.blog-author-comment {

margin:.25em 0 0;

}



.comment-author {

background: #fff url(http://4.bp.blogspot.com/_11C4h7_3E8U/RzCks0XO5SI/AAAAAAAAIIc/_lcajSdrVqE/s400/recomendaciones.png) left no-repeat;

margin:.5em 0 0;

padding-left: 22px;

font-weight:bold;

border: 1px outset #F5F5DC;

-moz-border-radius: 15px;

-webkit-border-radius: 15px;

}



.comment-body {

background: #E0EEE0; /*Reader comment background color*/

border: 1px outset #8B2323;

margin:.25em 0 .25em;

padding:7px 7px 7px 7px; /*Modified padding values*/

-moz-border-radius: 15px;

-webkit-border-radius: 15px;

}



.comment-body p {

margin:0 0 .25em;

}



.blog-author-comment p {

padding:5px 10px;

margin:0 0 .25em;

border: 1px outset #8B2323;

background:#FFE4E1;

-moz-border-radius: 15px;

-webkit-border-radius: 15px;

}



.comment-footer {

background:#FFF0F5; /*Comment footer background color (comment permalink)*/

border: 1px outset #8B2323;

text-decoration:bold;

margin:0 0 .5em;

padding:0 0 .75em 20px;

color:#000;

-moz-border-radius: 15px;

-webkit-border-radius: 15px;

}



.comment-footer a:link {

color:#000;

}



.deleted-comment {

font-style:italic; color:gray;

}



#blog-pager-older-link {

float: right;

}



#blog-pager-newer-link {

float: left;

}



#blog-pager {

text-align: center;

}



.feed-links {

clear: both;

line-height: 2.5em;

}



/* Sidebar

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



.sidebar {

color: #8C1717;

line-height: 1.5em;

}



.sidebar h2 {

margin: 0.0em 0 .5em;

padding: 8px 3px;

border: 2px solid #8C1717;

background: #EEE685

url('http://2.bp.blogspot.com/_11C4h7_3E8U/RzCjSUXO5QI/AAAAAAAAIIM/BMCLfJa0k24/s400/comentarios.png') no-repeat RIGHT;

text-align: LEFT;

color: #8B4513;

font-size: 80%;

}



.sidebar ul {

list-style:none;

margin:0 0 0;

padding:0 0 0;

}



.sidebar li {

margin:0;

padding:0 0 .25em 15px;

text-indent:-15px;

line-height:1.5em;

}



.sidebar .widget{

margin:0 0 0.5em;

padding:4px;

border: 3px outset #EEAD0E;

background:#FFEFD5;

-moz-border-radius: 15px;

-webkit-border-radius: 15px;

}



#ArchiveList{

height:300px;

overflow:auto;

}



#LinkList1 ul{

height:200px;

overflow:auto;

}



#LinkList2 ul{

height:200px;

overflow:auto;

}



#LinkList3 ul{

height:150px;

overflow:auto;

}



#Label1 h2{

visibility:hidden;

display:none;

}



#Feed1 a{

color:#8E2323;

padding-left: 15px;

background: url(http://4.bp.blogspot.com/_11C4h7_3E8U/Rw_VgnHYWkI/AAAAAAAAHTU/HaGE5xKLfeA/s400/feedgc6.gif) no-repeat;

}



.LinkList a {

color:#8E2323;

padding-left: 15px;

background: url(URL IMAGEN LINKS) no-repeat;

}



.LinkList a:hover {

padding-left: 13px;

background: url(URL IMAGEN) no-repeat;

color:#8E2323;

}



.LinkList a:visited {

padding-left: 13px;

background: url(URL IMAGEN LINKLIST) no-repeat;

color:#8E2323;

}



.main .widget {

border-bottom:0px dotted #8B2323;

margin:0 0 1.5em;

padding:0 0 1.5em;

}



.crosscol .widget{

padding:5px;

}



.main .Blog {

border-bottom-width: 0;

}





/* Ocultar Navbar

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



#navbar-iframe {

height:0px;

visibility:hidden;

display:none;

}



/* Profile

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



.profile-img {

margin: 0 5px 5px 0;

padding: 10px;

border: 0px dashed #8B4513;



}



.profile-data {

margin:0;

text-transform:uppercase;

letter-spacing:.1em;

font: normal normal 61% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;

color: #545454;

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: normal normal 61% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;

text-transform: uppercase;

letter-spacing: .1em;

}



/* Footer

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



#footer {

width:890px;

clear:both;

margin:0 auto;

line-height: 1.6em;

text-transform:none;

letter-spacing:.1em;

text-align: center;

}



/** Page structure tweaks for layout editor wireframe */



body#layout #header {

margin-left: 0px;

margin-right: 0px;

}



/* Cosillas plantilla

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



.breadcrumbs {

margin:0 0 0.5em;

padding:0 0 0.5em;

}





/* Buscador

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



.searchBox{

width:140px;

background: #fff;

border: 2px solid #800000;

}



]]></b:skin>



<script type='text/javascript'>

function toggleIt(id) {

post = document.getElementById(id);

if (post.style.display != &#39;none&#39;) {

post.style.display = &#39;none&#39;;

} else {

post.style.display = &#39;&#39;;

}

}

</script>



<script src='http://cabalas.v.googlepages.com/hackosphere.js' type='text/javascript'/>





<style type='text/css'>a:hover{background: url(&#39;http://www.areas.net/colorvivo/anima/165.gif&#39;); }</style>





</head>



<body>

<div id='outer-wrapper'><div id='wrap2'>



<!-- 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'>

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

</div>

<div id='content-wrapper'>

<div id='crosscol-wrapper' style='text-align:center'>

<b:section class='crosscol' id='crosscol' showaddelement='no'/>

</div>



<div id='main-wrapper'>

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

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

</b:section>

</div>



<div id='sidebar-wrapper'>

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

</div>



<!-- spacer for skins that want sidebar and main to be the same height-->

<div class='clear'>&#160;</div>

</div> <!-- end content-wrapper -->

<div id='footer-wrapper'>

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

<!-- (Pie de página) -->



<strong>&#169;Blog Libros </strong> Plantilla creada por Cabalas Virtuales <a href='http://plantillasytemplatesbloggercaseras.blogspot.com/' title='Plantillas y Templates Blogger'>** </a>



</div>



<p id='powered-by'><a href='http://www.blogger.com'><img alt='Powered by Blogger' src='http://3.bp.blogspot.com/_11C4h7_3E8U/RyxfakXO4VI/AAAAAAAAIAk/sS67Wc_bgF4/s400/12.gif'/></a></p>



</div></div> <!-- end outer-wrapper -->



</body>



</html>


 

Powered by Blogger