25 noviembre 2007

Código de la 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 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>Blog nuevo poner lo que se quiera</title>
<!-- Termina título optimizado -->
<link href='http://2.bp.blogspot.com/_11C4h7_3E8U/Rv-EnaqnJNI/AAAAAAAAGuw/YWDlOWku9Wc/s400/li.gif' rel='shortcut icon' type='image/x-icon'/>
<link href='http://2.bp.blogspot.com/_11C4h7_3E8U/Rv-EnaqnJNI/AAAAAAAAGuw/YWDlOWku9Wc/s400/li.gif' rel='icon' type='image/png'/>
<b:skin><![CDATA[/*
-----------------------------------------------
Template para Blogger
Nombre del template: Plantilla Abecedario
Diseño: Yolanda
Origen:http://cabalasvirtuales.blogspot.com/
Año: Noviembre 2007
----------------------------------------------- */

/* Variables
====================

<Variable name="bgcolor" description="Page Background Color"
type="color" default="#FABEEC" value="#ffffff">
<Variable name="textcolor" description="Text Color"
type="color" default="#F5F3BA" value="#000000">
<Variable name="linkcolor" description="Link Color"
type="color" default="#FE4312" value="#1e88e1">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#FE1607" value="#e1771e">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#C4CCD6" value="#666666">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#FEB527" value="#e1771e">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#FF7220" value="#b3b3b3">
<Variable name="bordercolor" description="Border Color"
type="color" default="#791513" value="#ffcc66">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#342524" value="#940f04">
<Variable name="sidebarwidg" description="Sidebar Widget Color"
type="color" default="#CA6892" value="#ffd78b">
<Variable name="sidebartitle" description="Sidebar Widget Title Color"
type="color" default="#9F3764" value="#fff7e6">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#FE892C" value="#000000">
<Variable name="menucolor" description="Menu Color"
type="color" default="#FE892C" value="#000000">
<Variable name="menutextcolor" description="Menu Text Color"
type="color" default="#FE892C" value="#ffffb3">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 200% 'Arial',Trebuchet,Verdana,Sans-serif"
value="normal normal 105% Trebuchet, Trebuchet MS, Arial, sans-serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font" default="normal normal 210% 'Trebuchet MS', Arial, Sans-serif;" value="normal normal 95% Trebuchet, Trebuchet MS, Arial, sans-serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal normal 200% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif" value="normal bold 159% Trebuchet, Trebuchet MS, Arial, sans-serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Verdana, Sans-serif" value="normal normal 57% 'Trebuchet MS', Trebuchet, Verdana, Sans-serif">
<Variable name="postfooterfont" description=" Footer Font"
type="font"
default="normal normal 100% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 68% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
<Variable name="linkfont" description="Link Font"
type="font" default="normal normal 150% 'Arial',Trebuchet,Verdana,Sans-serif" value="normal bold 80% Trebuchet, Trebuchet MS, Arial, sans-serif">
<Variable name="visitedlinkfont" description="Visited Link Font"
type="font" default="normal normal 150% 'Arial',Trebuchet,Verdana,Sans-serif" value="normal bold 72% Trebuchet, Trebuchet MS, Arial, sans-serif">
*/

body {
background-color: $bgcolor ;
color:$textcolor;
border: 5px none #5F4775;
font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

a:link {
color:$linkcolor;
font: $linkfont;
text-decoration:none;
}

a:visited {
color:$visitedlinkcolor;
font: $visitedlinkfont;
text-decoration:none;
}

a:hover {
color:$titlecolor;
text-decoration:underline;
}

a img {
border-width:0;
}

#header-wrapper {
width:410px;
height:110px;
margin:0px 0px 10px 0px;
float: right;
}

#header {
height:105px;
background: url(http://4.bp.blogspot.com/_11C4h7_3E8U/R0mRpuQqqjI/AAAAAAAAI-Q/Ajtseob5PU4/s400/se_creativo_thumb.jpg) no-repeat right;
text-align: right;
color:$titlecolor;
border: 2px $bordercolor;
}

#header h1 {
padding-left:30px;
padding-top:30px;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
text-align:left;
}

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

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

#header .description {
margin:0 10px 0px;
padding-left:10px;
max-width:500px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.2em;
font: $descriptionfont;
color: $descriptioncolor;
text-align:right;
}

/* Outer-Wrapper
----------------------------------------------- */

#outer-wrapper {
width: 930px;
margin:0 auto;
padding-top:0px;
text-align: center;
font: $bodyfont;
background: url('http://3.bp.blogspot.com/_11C4h7_3E8U/RzHmuUXO54I/AAAAAAAAINI/Y6qQQHP7GP8/s1600/311.gif') repeat-y;
}

#main-wrapper {
width: 490px;
margin-left:25px;
float: 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 */
}

#newsidebar-wrapper {
background: url('http://2.bp.blogspot.com/_11C4h7_3E8U/RzHaQEXO5vI/AAAAAAAAIMA/WxuBHaxx7js/s400/naranja+degradado.jpg') repeat-y;
width: 200px;
border-right: 2px solid #BCBBB6;
border-bottom: 1px solid #BCBBB6;
margin-right: 0px;
margin-left: auto;
float: right;
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 {
background: url('http://1.bp.blogspot.com/_11C4h7_3E8U/RzHaK0XO5uI/AAAAAAAAIL4/x3W5czWeKFI/s400/beigs+degradado.jpg')
repeat-y;
width: 195px;
margin-left: 10px;
border-right: 1px solid #BCBBB6;
border-bottom: 1px solid #BCBBB6;
float: 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:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:$sidebarcolor;
}



/* Posts
-----------------------------------------------
*/

.date-header {
margin: 5px;
text-align: left;
font: $postfooterfont;
}

.post {
margin: 5px;
padding-bottom:1.4em;
font: $bodyfont;
color: $textcolor;
}

.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:#2E2349;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
background-color: $sidebartitle;
display: block;
text-decoration:none;
color:$sidebarcolor;
font: $visitedlinkfont;
font-weight:bold;
padding: 6px;
}

.post h3 strong, .post h3 a:hover {
background-color: $sidebarwidg;
color: $textcolor;
padding: 6px;
}

.post p {
margin:10 0 .75em;
line-height:1.1em;
}

.post-footer {
background: ;
height:50px;
margin:0px;
color: $sidebarcolor;
padding:5px;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
line-height: 1.1em;
border-top:1px solid $bordercolor;
border-bottom:1px solid $bordercolor;
}

.post-footer .post-author,
.post-footer .post-timestamp,
.post-footer .post-footer-line-2{
font-style:normal;
line-height: 1.1em;
color:$sidebarcolor;
}

.post blockquote {
margin:1em 10px;
padding:5px 0;
border:2px dotted #356;
border-width:2px 0;
}

.post blockquote p {
margin:.5em 0;
}

.comment-link {
margin-left:.6em;
}

a.comment-link {
/* IE5.0/Win doesn't apply padding to inline elements,
so we hide these two declarations from it */
background/* */:/**/url("") no-repeat;
}

.post img {
padding:4px;
}

.post blockquote {
margin: 1em 10px;
}

.post blockquote p {
margin:.75em 0;
}

/* Comments
----------------------------------------------- */
#comments {
margin:2em 0 0;
padding-top:1em;
}

#comments h4 {
padding-left: 5px;
margin:1em 0;
font-weight: bold;
line-height: 1.1em;
text-transform:uppercase;
letter-spacing:.2em;
color: $sidebarcolor;
}

#comments-block {
padding-left: 5px;
margin:1em 0 1.5em;
line-height:1.3em;
}

#comments-block .comment-author {
padding-left: 5px;
margin:.5em 0;
}

#comments-block .comment-body {
padding-left: 5px;
margin:.25em 0 0;
}

#comments-block .comment-footer {
padding-left: 5px;
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}

#comments-block .comment-body p {
padding-left: 5px;
margin:0 0 .75em;
}

.deleted-comment {
padding-left: 5px;
font-style:italic;
color:gray;
}

.feed-links {
padding-left: 5px;
clear: both;
line-height: 2.5em;
}

#blog-pager-newer-link {
padding: 5px;
float: left;
}

#blog-pager-older-link {
padding: 5px;
float: right;
}

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


/* Sidebar Content
----------------------------------------------- */

.sidebar {
color: $sidebartextcolor;
line-height: 1.3em;
margin: 0;
}

.sidebar h2 {
margin-top: 10px 0 .5em;
padding: 2px 10px;
color: $sidebarcolor;
text-align:center;
border-bottom: 1px solid #BCBBB6;
}

.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.2em;
}

.sidebar .widget, .main .widget {
margin:0 0 0.9em;
padding:5px;
}

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

/* Profile
----------------------------------------------- */
.profile-img {
float: left;
margin: 0 5px 5px 0;
padding: 4px;
border: 0px solid $bordercolor;
}

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

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

.profile-textblock {
margin: 0.5em 0;
line-height: 1.2em;
text-align: left;
}

.profile-link {
font: $bodyfont;
text-color: $sidebarcolor;
text-align: center;
text-transform: uppercase;
letter-spacing: .1em;
}

/* Footer
------------------------------------------------ */

#footer {
width:800px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}

h2 {
margin-top: 5px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}

h3 {
padding: 0px;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}

h3.comments {
padding: 0;
margin: 20px auto 20px ;
}

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

body#layout #header {
margin-left: 0px;
margin-right: 0px;
}

.even {
background-color: #0A001B;
}
.odd {
background-color: #0A001B;
}

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

font-family: Arial,Sans-Serif;
margin: 0 auto;
width: 90%;
border-bottom: 0px solid #ddd;
}

#navlist
{

width: 90%;
text-align: center;
margin: 0 auto;
padding: 0;
text-indent: 0;
list-style-type: none;
}

#navlist li
{

padding: 0;
margin: 0;
text-indent: 0;
display: inline;
}

#navlist li a
{

letter-spacing: -1px;
text-decoration: none;
color: #ccc;
font-size: 1em;
padding: 0 2px;
border-top: .5em solid #eee;
}

#navlist li a:hover,#navlist a#current
{

color: #333;
border-top: none;
font-size: 1.5em;
}

#navlist a#current { color: #fc6; }

]]></b:skin>

</head>
<body>

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

<div id='navcontainer'>
<ul id='navlist'>

<li id='active'><a href='URL DE TU BLOG' id='current'>INICIO</a></li>
<li><a href='URL ENLACE'>titulo 2</a></li>
<li><a href='URL ENLACE'>titulo 3</a></li>
<li><a href='URL ENLACE'>titulo 4</a></li>
<li><a href='URL ENLACE'>titulo 5</a></li>
<li><a href='URL ENLACE'>titulo 6</a></li>
<li><a href='URL ENLACE'>titulo 7</a></li>
<li><a href='URL ENLACE'>titulo</a></li>

</ul>
</div>
<!-- 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='content-wrapper'>

<div id='header-wrapper'>

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

<b:widget id='Header1' locked='false' title='Plantilla Abecedario (cabecera)' type='Header'/>

</b:section>

</div>

<div id='main-wrapper'>

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

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

<div id='newsidebar-wrapper'>

<b:section class='sidebar' id='newsidebar' 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'/>

</div>

</div> </div>

<!-- end outer-wrapper -->

<div align=''>&#169; 2007 <a href='http://cabalasvirtuales.blogspot.com/' target='_blank'>Cábalas Virtuales</a> Para <a href='http://plantillasytemplatesbloggercaseras.blogspot.com/' target='_blank'>Plantillas Templates Blogger</a> </div>

</body>

</html>

Descripcion de la Plantilla Abecedario



La 9 Plantilla Abecedario Tanto en IE como en Firefox se ven igual.
En la plantilla va todo incluido incluso la imagén del título que tendra que ser modificada en la plantilla en la parte del "Header" por la Url de vuestra imagén, incluido el título. Tiene dos sidebares de distinto color en color degradado, los colores se cambian en Plantilla-Fuentes y colores, mucho más fácil para novatos.

 
© 2007 Cábalas Virtuales Para Plantillas Templates Blogger