domingo, 25 de noviembre de 2007

Descripcion de la Plantilla


Está plantilla tiene una particularidad todos los colores se cambian en Plantilla-Fuentes y colores, se pueden cambiar todos, incluso el de la barra del contorno que ahora como vereis es fucsia, es decir muy fácil para los novatos, la imagén está en un servidor y es de uso libre, asi que se puede quedar o cambiar, si elegis cambiar hacerlo desde la Plantilla- Edición Html- y buscar el HEADER, allí vereis la dirección o url de la imagén cambiarla por la vuestra.
Consta de dos sidebares, uno a cada lado, y para armar el menú, volveis a ir a Plantilla-Edición Html y casi en medio de la plantilla y antes de HEAD, vereis donde teneis que cambiar las direcciones y titulos.

Todo está incluido en la plantilla, lo bueno de esto es que si Firefox, Blogger o IE, se ponen a hacer experimentos, nuestros blogs no se deformaran por está causa.

Espero que os guste!!!


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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3XJIFGH9CkVI90GTr4kElBRP40m9t-oL27X8qiC53Nb8CqmLk3k283MD-TzCJQ7EcYeHw5AZXWOtfHo_2bz_Pi_OSPGvp19pV6D7hA5HBwDu7j-14-JVz1nJaK1T6N4M179ifFHqeURo/s400/crobbo.gif' rel='shortcut icon' type='image/x-icon'/>

<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3XJIFGH9CkVI90GTr4kElBRP40m9t-oL27X8qiC53Nb8CqmLk3k283MD-TzCJQ7EcYeHw5AZXWOtfHo_2bz_Pi_OSPGvp19pV6D7hA5HBwDu7j-14-JVz1nJaK1T6N4M179ifFHqeURo/s400/crobbo.gif' rel='icon' type='image/png'/>



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

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

Estilo: Blogger Template

Título: Plantilla Romanticos

Diseño: Yolanda

Origen: http://cabalasvirtuales.blogspot.com/

Fecha: Noviembre 2007

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

*/

/* Variable definitions

====================

<Variable name="bgcolor" description="Page Background Color"

type="color" default="#000" value="#000000">

<Variable name="textcolor" description="Text Color"

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

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

type="color" default="#FF3577" value="#f866ff">

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

type="color" default="#000" value="#ccccff">

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

type="color" default="#FFFFFF" value="#e6e6e6">

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

type="color" default="#6d8051" value="#e6e6ff">

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

type="color" default="#9ED838" value="#f866ff">

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

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

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

type="color" default="#226E8A" value="#ccccff">

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

type="color" default="#2B8CB4" value="#e6e6ff">

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

type="font" default="normal normal 100% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif" value="normal normal 98% Trebuchet, Trebuchet MS, Arial, sans-serif">

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

type="font"

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

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

type="font"

default="normal bold 400% 'Lucida Handwriting',Trebuchet,Verdana,Sans-serif" value="normal bold 209% Courier, monospace">

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

type="font"

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

*/

body {

background: $bgcolor;

color:$textcolor;

font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-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;

}

/* Header

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

*/

#header-wrapper {

width:920px;

height:580px;



margin:0 auto 0px;

}

#header {

margin:0px;

width:920px;

height:580px;

background: url(http://farm1.static.flickr.com/1/443687_b4236d3d54.jpg?v=0) right no-repeat;

text-align: left;

color:$pagetitlecolor;

border: 0px solid $bordercolor;

}

#header h1 {

margin:2px 0px 0;

padding-left:2px;

padding-top:1px;

line-height:1.2em;

text-transform:uppercase;

letter-spacing:.2em;

font: $pagetitlefont;

}

#header a {

color:$pagetitlecolor;

text-decoration:none;

}

#header a:hover {

color:$pagetitlecolor;

}

#header .description {

margin:10 2px 0px;

padding-top:100px;

max-width: 500px;

text-transform:uppercase;

letter-spacing:.2em;

line-height: 1.2em;

font: $descriptionfont;

color: $descriptioncolor;

}

/* Outer-Wrapper

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

#outer-wrapper {

width: 920px;

border: 8px solid $bordercolor;

margin:0 auto;

padding:0px;

text-align:left;

font: $bodyfont;

background: transparent;

}

#main-wrapper {

background: $bgcolor;

border: 1px solid $bordercolor;

border-top: 1px solid $bordercolor;

border-bottom: 1px solid $bordercolor;

margin-left: 2px;

width: 520px;

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

}

#sidebar-wrapper {

background:$bgcolor;

border: 1px solid $bordercolor;

border-top: 1px solid $bordercolor;

border-bottom: 1px solid $bordercolor;

margin-right: 0px;

width: 219px;

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

}

#newsidebar-wrapper {

background:$bgcolor;

border: 1px solid $bordercolor;

border-top: 1px solid $bordercolor;

border-bottom: 1px solid $bordercolor;

margin-left: 0px;

width: 170px;

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

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

*/

h2.date-header {

margin: 5px;



}

.post {

margin: 5px;

padding-bottom:1.4em;

background: transparent;

}

.post h3 {

margin:.5em 0 0;

padding:0 0 4px;

font-size:140%;

font-weight:normal;

line-height:1.4em;

color:$titlecolor;

}

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

background: $bordercolor;

display:block;

text-decoration:none;

color:$titlecolor;

font-weight:bold;

margin-top:5px;

padding-top: 5px;

border-left:0px dashed $bordercolor;

border-right:0px dashed $bordercolor;

}

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

background: #E7E3E3;

color:$textcolor;

padding-top: 5px;

border-left:0px groove $bordercolor;

border-right:0px groove $bordercolor;

}

.post p {

margin:30 0 .5em;

line-height:1.3em;

}

.post-footer {

background: transparent;

margin: .10em 0;

color:$sidebarcolor;

padding-bottom: -143px;

text-transform:uppercase;

letter-spacing:.1em;

font: $postfooterfont;

font-weight:bold;

line-height: 1.1em;

border-top:3px solid $bordercolor;

border-bottom:0px solid $bordercolor;

}

.comment-link {

margin-left:.6em;

}

.post blockquote {

margin:1em 20px;

}

.post blockquote p {

margin:.75em 0;

}

/* Comments

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

#comments h4 {

padding-left: 5px;

margin:1em 0;

font-weight: bold;

line-height: 1.4em;

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

background: transparent;

}

.sidebar h2 {

margin: .85em 0 1.7em;

padding: 2px 5px;

background: transparent;

font-size: 85%;

color: $sidebartextcolor;

border: 1px solid $bordercolor;

}

.sidebar ul {

list-style:none;

margin:0 0 0;

padding:0 0 0;



}

.sidebar li {

margin:30;

padding:30 0 .25em 15px;

border: 0px dashed $bordercolor;

text-indent:15px;

line-height:1.2em;

}

.sidebar .widget, .main .widget {

margin:0 0 0.9em;

padding:0 0 0.9em;



}

.main .Blog {

border-bottom-width: 0;

}

/* Profile

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

.profile-img {

float: center;

margin: 0 2px 0px 0;

padding: 4px;

border: 2px dashed $bordercolor;

}

.profile-data {

margin:0;

text-transform:uppercase;

letter-spacing:.1em;

font: $postfooterfont;

color: $sidebarcolor;

font-weight: bold;

line-height: 1.2em;

}

.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:806px;

clear:both;

margin:5 auto;

padding-top:5px;

line-height: 1.6em;

text-transform:uppercase;

letter-spacing:.1em;

text-align: center;

}

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

body#layout #header {

margin-left: 0px;

margin-right: 0px;

}

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



/* Menu primer codigo

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

#navcontainer { }

#navcontainer a { text-decoration: none; }



#navcontainer ul

{

border: 1px solid $bordercolor;

padding: 0;

margin: 0;

list-style-type: none;

position: relative;

}



#navcontainer li { display: inline; }



/*1st level elements*/

#navcontainer ul

{

1px solid $bordercolor;



background: transparent;

padding: 2px 0;

margin-bottom: 2em;

}



#navcontainer li { margin: 0 0 0px; }



#navcontainer ul a,

#navcontainer ul a:link,

#navcontainer ul a:visited

{

background: #ffffff;

border: 0px groove $bordercolor;

color: #000000;

padding: 0px 5px;

}



#navcontainer ul a:hover,

#navcontainer ul a:focus

{

background: transparent;

border: 1px groove black;

color: $pagetitlecolor;

}



/*current Link*/

#navcontainer ul a#current,

#navcontainer ul a#current:link,

#navcontainer ul a#current:visited { font-weight: bold; }



/*Second and subsequent levels*/

#navcontainer ul ul

{

font-size: 80%;

position: absolute;

top: 23px;

left: 0;

width: 100%;

border-top: none;

background: $bordercolor;

}



#navcontainer ul ul li { display: inline; }



#navcontainer ul ul a,

#navcontainer ul ul a:link,

#navcontainer ul ul a:visited

{

background: bgcolor;

border: 1px solid $pagetitlecolor;

color: $pagetitlecolor;

}



#navcontainer ul ul a:hover,

#navcontainer ul ul a:focus

{

background: transparent;

border: 0px solid $bordercolor;

color: black;

}



/*current Link*/

#navcontainer ul ul a#subcurrent,

#navcontainer ul ul a#subcurrent:link,

#navcontainer ul ul a#subcurrent:visited { font-weight: bold; }



/* Buscador

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

.searchBox{

width:140px;

background: #fff;

border: 2px solid #236c95;

}



]]></b:skin>

</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='1' showaddelement='no'>

<b:widget id='Header1' locked='false' title='TITULO DEL BLOG (cabecera)' type='Header'/>

</b:section>

</div>

<div id='navcontainer'>

<ul id='navlist'>

<li id='active'><a href='URL DE TU BLOG' id='current'>INICIO</a>

<ul id='subnavlist'>

<li id='subactive'><a href='URL ENLACE' id='subcurrent'>TITULO</a></li>

<li><a href='URL ENLACE'>TITULO</a></li>

<li><a href='URL ENLACE'>TITULO</a></li>

<li><a href='URL ENLACE'>TITULO</a></li>

<li><a href='URL ENLACE'>TITULO</a></li>

<li><a href='URL ENLACE'>TITULO</a></li>

<li><a href='URL ENLACE'>TITULO</a></li>

<li><a href='URL ENLACE'>TITULO</a></li>

<li><a href='URL ENLACE'>TITULO</a></li>

</ul>

</li>

<li><a href='URL ENLACE'>TITULO</a></li>

<li><a href='URL ENLACE'>TITULO</a></li>

<li><a href='URL ENLACE'>TITULO</a></li>

<li><a href='URL ENLACE'>TITULO</a></li>

<li><a href='URL ENLACE'>TITULO</a></li>

<li><a href='URL ENLACE'>TITULO</a></li>

<li><a href='URL ENLACE'>TITULO</a></li>

<li><a href='URL ENLACE'>TITULO</a></li>

</ul>

</div>

<div id='content-wrapper'>

<div id='newsidebar-wrapper'>

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

</div>

<div id='main-wrapper'>

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

<b:widget id='Blog1' locked='false' 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'/>

</div>

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

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

</body>

</html>
 
© 2007 Cábalas Virtuales Por Plantillas y Templates