martes 22 de abril de 2008

Plantilla: Mar

Puedes ver una muestra de esta plantilla haciendo click sobre la imagen.

Si tienes dudas consulta el tutorial para instalar tu nueva plantilla.

Código de la Plantilla Mar:
<?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'>

<style type='text/css'>
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
</style>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>


<link href='http://4.bp.blogspot.com/_BBxuLH-PHNg/R7cQ0sok7UI/AAAAAAAABE8/DMTpnT8EN0M/s1600/faviluna.jpg' rel='shortcut icon' type='image/x-icon'/>
<link href='http://4.bp.blogspot.com/_BBxuLH-PHNg/R7cQ0sok7UI/AAAAAAAABE8/DMTpnT8EN0M/s1600/faviluna.jpg' rel='icon' type='image/png'/>
<b:skin><![CDATA[/*
-----------------------------------------------
Plantilla para blogger
Nombre: Mar
Diseñada: anita
URL: http://mis-plantillas.blogspot.com/
Fecha: 22 de Abril de 2008
----------------------------------------------- */

/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#fff" value="#3F4D4D">
<Variable name="textcolor" description="Text Color"
type="color" default="#333" value="#283838">
<Variable name="linkcolor" description="Link Color"
type="color" default="#58a" value="#063E3F">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#666" value="#e6e6e6">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#999" value="#A50A08">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#c60" value="#A50A08">
<Variable name="bordercolor" description="Border Color"
type="color" default="#ccc" value="#1CB79F">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#999" value="#A50A08">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#666" value="#063E3F">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#999" value="#1B703A">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Georgia, Serif" value="normal normal 121% Georgia, Times, serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal bold 86% Georgia, Times, serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal normal 200% Georgia, Serif" value="italic bold 303% Georgia, Times, serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="italic bold 105% Georgia, Times, serif">
<Variable name="postfooterfont" description="Post Footer Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="italic bold 69% Georgia, Times, serif">
<Variable name="startSide" description="Side where text starts in blog language"
type="automatic" default="left" value="left">
<Variable name="endSide" description="Side where text ends in blog language"
type="automatic" default="right" value="right">
*/

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

body {

color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
background-color: #001EA0;
background-image: url(http://3.bp.blogspot.com/_BBxuLH-PHNg/SA25AP3TI4I/AAAAAAAADHw/5XxqNLbt_54/s1600/mar.jpg);
background-attachment: fixed;
background-position: top center;
background-repeat: no-repeat;

}
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:900px;
height: 300px;
background-image: url();
margin:0 auto ;
border:0px solid $bordercolor;
}

#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}

#header {
margin: 5px;
border: 0px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}

#header h1 {
margin:5px 5px 0;
padding:200px 50px .25em;
line-height:1.2em;

letter-spacing:.1em;
font: $pagetitlefont;
}

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

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

#header .description {
margin:-.5em 5px 5px 5px;
padding:5px 10px 15px -15px;
max-width:700px;

letter-spacing:.2em;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
}

#header img {
margin-$startSide: auto;
margin-$endSide: auto;
}


/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 1000px;
margin:1em 1px ;

padding:0px 1px;
text-align:$startSide;
font: $bodyfont;
}

#main-wrapper {
width: 450px;
float: left;
margin:0px 10px 5px 10px;
border: 10px groove $bordercolor;
background-color:#BAE1ED;
filter:alpha(opacity=50); -moz-opacity:0.9; opacity:0.9; -khtml-opacity:0.9;

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 {
margin:0px 10px 5px 0px;
background-color:#BAE1ED;
filter:alpha(opacity=50); -moz-opacity:0.9; opacity:0.9; -khtml-opacity:0.9;
border: 10px groove $bordercolor;
width: 300px;
float: $endSide;

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-color:#BAE1ED;
filter:alpha(opacity=50); -moz-opacity:0.9; opacity:0.9; -khtml-opacity:0.9;
border: 10px groove $bordercolor;
width: 160px;
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;

letter-spacing:.2em;
color:$sidebarcolor;
}


/* Posts
-----------------------------------------------
*/
h2.date-header {
margin:1.5em 0 .5em;
}

.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}
.post h3 {
margin:.25em 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 {
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:normal;
}

.post h3 strong, .post h3 a:hover {
color:$textcolor;
}

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

.post-footer {
margin: .75em 0;
color:$sidebarcolor;

letter-spacing:.1em;
font: $postfooterfont;
line-height: 1.4em;
}

.comment-link {
margin-$startSide:.6em;
}
.post img {
padding:4px;
border:0px solid $bordercolor;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}

/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;

letter-spacing:.2em;
color: $sidebarcolor;
}

#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;

letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}

#blog-pager-newer-link {
float: $startSide;
}

#blog-pager-older-link {
float: $endSide;
}

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

.feed-links {
clear: both;
line-height: 2.5em;
}

/* Sidebar Content
----------------------------------------------- */
.sidebar {
color: $sidebartextcolor;
line-height: 1.5em;
}

.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
margin:0;
padding-top:0;
padding-$endSide:0;
padding-bottom:.25em;
padding-$startSide:15px;
text-indent:-15px;
line-height:1.5em;
}

.sidebar .widget, .main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
padding:10px 10px 10px;

}

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


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

.profile-data {
margin:0;

letter-spacing:.1em;
font: $postfooterfont;
color: $sidebarcolor;
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: $postfooterfont;

letter-spacing: .1em;
}

/* Footer
----------------------------------------------- */
#footer-wrapper {
background-color:#BAE1ED;
filter:alpha(opacity=50); -moz-opacity:0.9; opacity:0.9; -khtml-opacity:0.9;
border: 10px groove $bordercolor;
width:700px;
clear:both;
margin-left: 100px;
margin-right: 20px;

line-height: 1.6 em;
padding:15px 15px 15px;
letter-spacing:1 em;
text-align: left;
}

/* Page structure tweaks for layout editor wireframe */
body#layout #sidebar, body#layout #main,
body#layout #main-wrapper,
body#layout #outer-wrapper,
body#layout #sidebar-wrapper,

{

padding: 0;
}

body#layout #outer-wrapper {
padding: 0;
width: 700px;
padding: 0 ;
}

body#layout #sidebar-wrapper {
padding: 0;
width: 150px;
}

body#layout #newsidebar-wrapper {
padding: 0;
width: 150px;
}


body#layout #main-wrapper {
padding: 0;
width: 300px;
padding: 0;
}

body#layout #header-wrapper {
padding: 0;
width: 700px;
}

body#layout #footer-wrapper {
padding: 0;
width: 600px;
}

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


}




]]></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='true' title='pruebas 2 (cabecera)' type='Header'/>
</b:section>
</div>

<div id='content-wrapper'>

<div id='newsidebar-wrapper'>
<b:section class='sidebar' id='newsidebar' preferred='yes'>
<b:widget id='Label1' locked='false' title='Etiquetas' type='Label'/>
</b:section>
</div>

<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'>
<b:widget id='BlogArchive1' locked='false' title='Archivo del blog' type='BlogArchive'/>
</b:section>
</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 -->
<center><a href='http://mis-plantillas.blogspot.com/'>Abril 2008 | Diseñado por anita</a></center>
</body>
</html>

10 comentarios

¿Te gustó?

lunes 21 de abril de 2008

Icono comentarios

Un simpático mensaje hacia tus lectores para que los comentarios alimenten tu blog.






4 comentarios

¿Te gustó?

miércoles 16 de abril de 2008

Plantilla Hadas

Puedes ver una muestra de esta plantilla haciendo click sobre la imagen.

Si tienes dudas consulta el tutorial para instalar tu nueva plantilla.

Código de la Plantilla Hadas:
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml313/DTD/xhtml55-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'>

<style type='text/css'>
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
</style>
<head>


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

<link href='http://1.bp.blogspot.com/_BBxuLH-PHNg/R--_4nZpgLI/AAAAAAAACjA/shg77r91yMo/s1600/favi.gif' rel='shortcut icon' type='image/x-icon'/>
<link href='http://1.bp.blogspot.com/_BBxuLH-PHNg/R--_4nZpgLI/AAAAAAAACjA/shg77r91yMo/s1600/favi.gif' rel='icon' type='image/png'/>
<b:skin><![CDATA[/*
-----------------------------------------------
Plantilla para blogger
Nombre: Hadas
Diseñada: anita
URL: http://mis-plantillas.blogspot.com/
Fecha: 16 de Abril de 2008
----------------------------------------------- */

/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#fff" value="#EFD7EF">
<Variable name="textcolor" description="Text Color"
type="color" default="#333" value="#FAF5F9">
<Variable name="linkcolor" description="Link Color"
type="color" default="#58a" value="#FAF5F9">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#fff" value="#FAF5F9">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#fff" value="#9E5D86">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#c60" value="#D9BDCF">
<Variable name="bordercolor" description="Border Color"
type="color" default="#ccc" value="#FAF5F9">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#999" value="#D9BDCF">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#666" value="#D9BDCF">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#999" value="#EEDDEB">
<Variable name="footertexcolor" description="footer Text Color"
type="color" default="#4372b0" value="#b57da2">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Georgia, Serif" value="normal normal 99% Georgia, Serif">
<Variable name="sidebarfont" description="Sidebar Title Font"
type="font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal bold 68% Times, serif">
<Variable name="sidebartextfont" description="Sidebar Text Font"
type="font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal bold 99% Times, serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal normal 250% Georgia, Serif" value="normal bold 250% Trebuchet, Trebuchet MS, Arial, sans-serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal normal 120% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal bold 119% Trebuchet, Trebuchet MS, Arial, 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 74% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
<Variable name="startSide" description="Side where text starts in blog language"
type="automatic" default="left" value="left">
<Variable name="endSide" description="Side where text ends in blog language"
type="automatic" default="right" value="right">

<Variable name="footertexfont" description=" Footer text Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 97% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">


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

body {
background: #EFD7EF ;
margin:0 auto;
color:$textcolor;
font:x-small Georgia 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:;
text-decoration:underline;
}
a img {
border-width:0;
}

/* Header
-----------------------------------------------
*/

#header-wrapper {
width:999px;
height: 390px;
background:
url("http://2.bp.blogspot.com/_BBxuLH-PHNg/SAYC27q2odI/AAAAAAAADAU/e7-Uirb3nEg/s1600/cabecera401.gif") no-repeat ;
background-position: top left;
margin-left:0px;
}

#header-inner {
margin-left: 0;
margin-right: 0;
}

#header {

border: 0px solid $bordercolor;
text-align: left;
color:$pagetitlecolor;
}

#header h1 {
margin:0 auto;
padding: 30px 190px 5px;
line-height:0em;
letter-spacing:.1em;
font: $pagetitlefont;
}

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

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

#header .description {
padding: 1px 190px 5px;
margin: 0 0 0;
letter-spacing:.1em;
line-height: .25em;
font: $descriptionfont;
color: $descriptioncolor;
}

#header img {
margin-$startSide: auto;
margin-$endSide: auto;
}


/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 999px;
height: 0 auto;
text-align:left;
font: $bodyfont;
background:
url("http://1.bp.blogspot.com/_BBxuLH-PHNg/SAYCyrq2ocI/AAAAAAAADAM/vU8r6CRGm3E/s1600/contenido312.gif") repeat ;
background-position: top left;
}

#main-wrapper {
background: ;
margin: 0px 40px 10px 15px ;
width: 580px;
float: right;
padding:0px;
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: ;
padding-right: 0px;
margin: -8em 50px 0;
width: 250px;
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:$sidebarfont;
line-height: 1.4em;
letter-spacing:.2em;
color:$sidebarcolor;
}


/* Posts
-----------------------------------------------
*/
h2.date-header {
text-transform: capitalize;
margin:1.5em 30px .5em;
}

.post {
padding: -5px 30px 30px 30px;
margin:1em ;


}
.post h3 {
background: url("") no-repeat ;
margin:.25em 0 0;
padding:15px 10px 15px 15px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;

}

.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:normal;

}

.post h3 strong, .post h3 a:hover {
color:$textcolor;

}

.post p {
margin:0 0 .75em;
line-height:1.6em;

}

.post-footer {
margin: .75em 0;
color:$sidebarcolor;

letter-spacing:.1em;
font: $postfooterfont;
line-height: 1.4em;

}

.comment-link {
margin-$startSide:.6em;

}
.post img {
padding:2px;
border:0px solid $bordercolor;
}
.post blockquote {
margin:1em 2px;

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

}

/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;

letter-spacing:.2em;
color: $sidebarcolor;
}

#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;

letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}

#blog-pager-newer-link {
float: $startSide;
}

#blog-pager-older-link {
float: $endSide;
}

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

.feed-links {
clear: both;
line-height: 2.5em;
padding:0px 70px 10px;
}

/* Sidebar Content
----------------------------------------------- */
.sidebar {
margin: 0em 1em;
padding: 5px 5px 5px;
color: $sidebartextcolor;
font: $sidebartextfont;
line-height: 1.2em;

}

.sidebar h2{
background: url("")
no-repeat left;
height: 10px;
padding: 2px 2px 2px;

}

.sidebar ul {


list-style:none;
margin:1 1 1;



}
.sidebar li {

margin:0;
padding-top:2;
padding-$endSide:5;
padding-bottom:.25em;
padding-$startSide:5px;
text-indent:-15px;
line-height:1.5em;

}

.sidebar .widget, .main .widget {margin:0 0 1.5em;
padding:5px 5px 5px;}.main .Blog {
border-bottom-width: 0;
}

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

}



/* Profile
----------------------------------------------- */
.profile-img {
float: $startSide;
margin-top: 0;
margin-$endSide: 5px;
margin-bottom: 5px;
margin-$startSide: 0;
padding: 4px;
border: 1px solid $bordercolor;
}

.profile-data {
margin:0;

letter-spacing:.1em;
font: $postfooterfont;
color: $sidebarcolor;
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: $postfooterfont;
text-transform: uppercase;
letter-spacing: .1em;
}

/* Footer
----------------------------------------------- */
#footer {
background:
url("http://1.bp.blogspot.com/_BBxuLH-PHNg/SAYCyrq2ocI/AAAAAAAADAM/vU8r6CRGm3E/s1600/contenido312.gif") no-repeat ;
background-position: top left ;
color: #FAF5F9;
width:999px;
height: 0 auto;
padding: 0px 6px 5px 2px;

clear:both;
line-height: 1.2em;
letter-spacing:.2em;
text-align: center;
font: $footertexfont;

}




/* Page structure tweaks for layout editor wireframe */

body#layout #sidebar, body#layout #main,
body#layout #main-wrapper,
body#layout #outer-wrapper,
body#layout #sidebar-wrapper {
padding: 0;

}

body#layout #outer-wrapper {
padding: 0;
width: 765px;

padding: 0 5px 0 10px;
}

body#layout #sidebar1-wrapper {
padding: 0;
width: 150px;
height:0 auto;
}


body#layout #main-wrapper {
padding: 0;
width: 360px;
padding: 5px 10px 0 5px;
}

body#layout #header-wrapper {
padding: 0;
width: 750px;
}

body#layout #footer-wrapper {
padding: 0;
width: 750px;
}

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




]]></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='true' title='pruebas 2 (cabecera)' type='Header'/>
</b:section>





</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'/>
</div> </div> </div>
<!-- end outer-wrapper -->
<center><a href='http://mis-plantillas.blogspot.com/'><font color='#AF729A'>Abril 2008 | Diseñado por anita</font></a></center>
</body>
</html>

4 comentarios

¿Te gustó?

domingo 13 de abril de 2008

Cabeceras para tu blog: 16 - 20

Haz click sobre cada una de las imágenes para verlas a tamaño real y descargarla a tu pc .

Nº 16 - Tamaño: 850x300



Nº 6 - Tamaño: 85x250


Nº 18 - Tamaño: 850x250


Nº 19 - Tamaño: 850x200


Nº 20 - Tamaño: 900x200


Nº 22 - Tamaño: 900x250


Nº 23 - Tamaño: 850x250


Nº 24 - Tamaño: 850x300


Nº 25 - Tamaño: 890x290


Nº 26 - Tamaño: 900x300

8 comentarios

¿Te gustó?

sábado 12 de abril de 2008

Premios Dardo 2008


Marichu desde su tierno y sensible blog relaciones empíricas me otorga este premio, lo recibo con mucho agrado ya que "mis plantillas" lleva muy poco tiempo en la blogosfera y algo así me da muchos ánimos para seguir haciendo esto que tanto me gusta.

Las condiciones del premio suponen otorgárselo a otros 15 blogs pero como ya he dicho, llevo poco tiempo así que lo paso de forma genérica a todos esos blogs maravillosos de ayuda que tanto nos aportan. Algunos de ellos los tengo puestos como blogs de ayuda en la sidebar. Desde luego no están todos los que son, pero en ellos he encontrado siempre la solución a mis problemas y con ellos aprendí lo suficiente para hacer este humilde blog. Gracias a todos.

Y Gracias Marichu.

0 comentarios

¿Te gustó?

domingo 6 de abril de 2008

Iconos de navegación

Iconos para tu blog, un poco de todo:


6 comentarios

¿Te gustó?

viernes 4 de abril de 2008

Plantilla: Doce

Puedes ver una muestra de esta plantilla haciendo click sobre la imagen.

Esta plantilla lleva incluido un menú de navegación, personalizarlo es muy sencillo, puedes consultar como hacerlo AQUÍ.

Si tienes dudas consulta el tutorial para instalar tu nueva plantilla.

Código de la Plantilla Doce:
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml313/DTD/xhtml55-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'>

<style type='text/css'>
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
</style>
<head>


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

<link href='http://3.bp.blogspot.com/_BBxuLH-PHNg/R_Y9kXZpgzI/AAAAAAAACoA/t6n-InHiSnk/s1600/favi.gif' rel='shortcut icon' type='image/x-icon'/>
<link href='http://3.bp.blogspot.com/_BBxuLH-PHNg/R_Y9kXZpgzI/AAAAAAAACoA/t6n-InHiSnk/s1600/favi.gif' rel='icon' type='image/png'/>
<b:skin><![CDATA[/*
-----------------------------------------------
Plantilla para blogger
Nombre: Doce
Diseñada: anita
URL: http://mis-plantillas.blogspot.com/
Fecha: 04 de Abril de 2008
----------------------------------------------- */

/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#fff" value="#2D191A">
<Variable name="textcolor" description="Text Color"
type="color" default="#333" value="#ECE2CC">
<Variable name="linkcolor" description="Link Color"
type="color" default="#58a" value="#C8AE6A">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#fff" value="#BD9E4F">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#fff" value="#CEB87B">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#c60" value="#CEB87B">
<Variable name="bordercolor" description="Border Color"
type="color" default="#ccc" value="#9A803A">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#999" value="#397D59">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#666" value="#F7F3EA">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#999" value="#D7C493">
<Variable name="footertexcolor" description="footer Text Color"
type="color" default="#4372b0" value="#ECE2CC">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Georgia, Serif" value="italic normal 100% Georgia, Times, serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="italic bold 82% Verdana, sans-serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal normal 250% Georgia, Serif" value="italic bold 275% Times, serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal normal 120% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="italic bold 131% Times, serif">
<Variable name="postfooterfont" description="Post Footer Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="italic normal 74% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
<Variable name="startSide" description="Side where text starts in blog language"
type="automatic" default="left" value="left">
<Variable name="endSide" description="Side where text ends in blog language"
type="automatic" default="right" value="right">

<Variable name="footertexfont" description=" Footer text Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="italic normal 97% Times, serif">


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

body {
background: #211010 ;
margin:0 auto;
color:$textcolor;
font:x-small Georgia 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:999px;
height: 341px;
background:#2D191A
url("http://2.bp.blogspot.com/_BBxuLH-PHNg/R_Y5PHZpgyI/AAAAAAAACn4/CuxtgwGNcB8/s1600/cabecera341.gif") no-repeat ;
background-position: top left;
}

#header-inner {
margin-left: 0;
margin-right: 0;
}

#header {

border: 0px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}

#header h1 {
margin:0 auto;
padding: 60px 10px 5px;
line-height:0em;
letter-spacing:.1em;
font: $pagetitlefont;
}

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

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

#header .description {
padding: 1px 180px 5px;
margin: 0 0 0;
letter-spacing:.1em;
line-height: .25em;
font: $descriptionfont;
color: $descriptioncolor;
}

#header img {
margin-$startSide: auto;
margin-$endSide: auto;
}


/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 990px;
height: 0 auto;
text-align:left;
font: $bodyfont;
background:#2D191A
url("http://1.bp.blogspot.com/_BBxuLH-PHNg/R_Y5L3ZpgxI/AAAAAAAACnw/z_JFBczoRJo/s1600/contenido391.gif") repeat ;
}

#main-wrapper {
background: ;
margin: 0 auto;
width: 550px;
float: left;
padding:5px 1px 1px;
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: ;
padding: 1px 0px 5px;
width: 180px;
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: ;
padding: 1px 12px 1px;
width: 230px;
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;
letter-spacing:.2em;
color:$sidebarcolor;
}


/* Posts
-----------------------------------------------
*/
h2.date-header {
margin:0em 80px .5em;
}

.post {
padding: 5px 30px 20px;
margin:1em ;


}
.post h3 {
background: url("http://3.bp.blogspot.com/_BBxuLH-PHNg/R_ZJFXZpg0I/AAAAAAAACoI/8_fIeoWqIhQ/s1600/fecha30.gif") no-repeat ;
widht: 30px;
height:30px;
margin:.25em 0 0;
padding:2px 40px 7px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;

}

.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:normal;

}

.post h3 strong, .post h3 a:hover {
color:$textcolor;

}

.post p {
margin:0 0 .75em;
line-height:1.6em;

}

.post-footer {
margin: .75em 0;
color:$sidebarcolor;

letter-spacing:.1em;
font: $postfooterfont;
line-height: 1.4em;

}

.comment-link {
margin-$startSide:.6em;

}
.post img {
padding:2px;
border:0px solid $bordercolor;
}
.post blockquote {
margin:1em 2px;

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

}

/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;

letter-spacing:.2em;
color: $sidebarcolor;
}

#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;

letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}

#blog-pager-newer-link {
float: $startSide;
}

#blog-pager-older-link {
float: $endSide;
}

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

.feed-links {
clear: both;
line-height: 2.5em;
padding:0px 70px 10px;
}

/* Sidebar Content
----------------------------------------------- */
.sidebar {
margin: 0em 1em;
padding: 0px 2px 2px;
color: $sidebartextcolor;
line-height: 1.5em;


}

.sidebar ul {
list-style:none;
margin:1 1 1;



}
.sidebar li {
margin:0;
padding-top:2;
padding-$endSide:5;
padding-bottom:.25em;
padding-$startSide:15px;
text-indent:-15px;
line-height:1.5em;

}

.sidebar .widget, .main .widget {margin:0 0 1.5em;

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

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

}


/* Profile
----------------------------------------------- */
.profile-img {
float: $startSide;
margin-top: 0;
margin-$endSide: 5px;
margin-bottom: 5px;
margin-$startSide: 0;
padding: 4px;
border: 1px solid $bordercolor;
}

.profile-data {
margin:0;

letter-spacing:.1em;
font: $postfooterfont;
color: $sidebarcolor;
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: $postfooterfont;
text-transform: uppercase;
letter-spacing: .1em;
}

/* Footer
----------------------------------------------- */
#footer {
background:#000000
url("http://2.bp.blogspot.com/_BBxuLH-PHNg/R_Y5JHZpgwI/AAAAAAAACno/YlqPrX8IA5E/s1600/pie133.gif") no-repeat ;
background-position: top left ;
color: $footertexcolor;
width:999px;
height: 133px;
clear:both;
line-height: 1.2em;
letter-spacing:.1em;
text-align: center;
font: $footertexfont;

}




/* Page structure tweaks for layout editor wireframe */

body#layout #sidebar, body#layout #main,
body#layout #main-wrapper,
body#layout #outer-wrapper,
body#layout #sidebar-wrapper {
padding: 0;

}

body#layout #outer-wrapper {
padding: 0;
width: 765px;

padding: 0 5px 0 10px;
}

body#layout #sidebar1-wrapper {
padding: 0;
width: 150px;
height:0 auto;
}


body#layout #main-wrapper {
padding: 0;
width: 360px;
padding: 5px 10px 0 5px;
}

body#layout #header-wrapper {
padding: 0;
width: 750px;
}

body#layout #footer-wrapper {
padding: 0;
width: 750px;
}

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


#navcontainer ul
{
text-align:center;
padding-bottom: 10px;
padding-top: 85px;
padding-left: 0px;
margin-top: 0px;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
background-color: ;
color:;
width: 100%;
font-family: Arial,Helvetica,sans-serif;
line-height: 18px;
/* fixes Firefox 0.9.3 */}#navcontainer ul li
{
background:
url("") no-repeat;display: inline;
padding-left: 10;
padding-right: 20;
padding-bottom:2px;
/* matches link padding except for left and right */
padding-top: 15px;
background-color: ;
}#navcontainer ul li a
{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 15px;
padding-top: 15px;
color: #CEB87B;
text-decoration: none;
border-right: 0px solid #fff;
}#navcontainer ul li a:hover
{
background-color: ;
color: #397D59;}#navcontainer #active { border-left: 0px solid #fff;
}


]]></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='true' title='pruebas 2 (cabecera)' type='Header'/>
</b:section>


<div id='navcontainer'>
<ul>

<li><a href='http://plantilla-doce.blogspot.com/'><b>Inicio</b></a></li>

<li><a href=''><b>Etiqueta 1</b></a></li>

<li><a href=''><b>Etiqueta 2</b></a></li>

<li><a href=''><b>Etiqueta 3</b></a></li>

<li><a href=''><b>Etiqueta 4</b></a></li>

<li><a href=''><b>Etiqueta 5</b></a></li>

<li><a href=''><b>Etiqueta 6</b></a></li>


</ul>
</div>

</div>



<div id='content-wrapper'>

<div id='newsidebar-wrapper'>
<b:section class='sidebar' id='newsidebar' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Archivo del blog' type='BlogArchive'/>
</b:section>
</div>



<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'>
<b:widget id='Label1' locked='false' title='Etiquetas' type='Label'/>
</b:section>
</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 -->
<center><a href='http://mis-plantillas.blogspot.com/'><font color='#887544'><small>Abril 2008 | Diseñado por anita</small></font></a></center>
</body>
</html>

0 comentarios

¿Te gustó?

Suscribirse a: Entradas (Atom)
 
Febrero 2008 | Diseñado por anita