Hola chic@s; hoy tengo una nueva plantilla que quiero compartir con todos ustedes, ideal para blogs personales, o para tu diario personal, donde puedes escribir lo que no le cuentas ni a tu mejor amiga :o, bueno, todo depende de que se trate el asunto y de que tan buena sea la amiguita para guardar secretos... Es estilo grunge, usé muchos brushes de photoshop, ya me he vuelto una fan de los brushes, (eso me pasa por ser tan enamorada) y use la belleza que pueden ver a la izquierda, una de las muñequitas de
gorjuss.
Se que les sigo debiendo la plantilla de
tejiendo sueños, ya casi la tengo lista, así que por favor no se me desesperen, y es que les voy a confesar algo, además de ser hiperactiva, tengo la manía de hacer varias cosas al mismo tiempo, y entre terminar esa plantilla, la de
Atheros, y esta, que hoy les tengo lista, pues las voy llevando según me den ganas, pero ya casi la tendré lista para compartirla con ustedes ;)
Características
- Dos columnas adicionales en la sección del main reservadas para el archivo y las etiquetas
- Menú en el top que soporta páginas en posición fija
- Enlace del número de comentarios en la seccion del título de la entrada
- Post footer personalizado
- Creada con mucho cariño para todos ustedes
Recomendaciones
✓ Es difícil adaptarse a todas las necesidades y gustos en una plantilla, cuando esta no ha sido creada específicamente para alguien en lo personal,...el menú del top esta reservado para tres enlaces que generalmente son los del inicio, contacto y sobre el escritor, y el espacio esta reservado para esos enlaces, si pones mas, los enlaces se irán para abajo, ya que superará la medida que tengo definida, se puede editar, pero la imagen de fondo del menú le quedará chiquita, y no se verá bien, por lo que te sugiero que uses solo tres enlaces en ese espacio.
✓ Cuando uses la plantilla por primera vez, te recomiendo que cambies el título del enlace de la
página principal, por
inicio, (es fácil solo tienes que cambiar el texto, editándolo desde le widget que los contiene, estando en los elementos de la página) ya que es más corto el texto y se pueda acomodar bien en el espacio asignado.
♥ Términos de uso
Esta plantilla es edición especial, por lo que
no puede ser redistribuida en otros blogs, pero si se puede referir, para que sea bajada desde aquí.
No se puede
alterar la esencia del diseño, excepto por el interior del contenido, por ejemplo, todo lo que esta dentro de la columna principal y las columnas adicionales, los enlaces de paginación, títulos de las entradas, etc.
No puedes eliminar el crédito de la artista ©Suzanne Woolcott o agregar otros enlaces como referencia para que sea bajada desde tu blog o página, reitero, tampoco el mío (la pestaña con el corazón) . Ten en cuenta que se dedica mucho tiempo para crear esto, y luego adaptarla a blogger; conservar los créditos es una muestra de respeto y gratitud hacia el creador. Si no estas de acuerdo con eso, por favor contáctame.
Gracias por tu comprención y apoyo.
Créditos de los brushes
crack brushes
Kimbahanne
brushes de mariposa
gorjuss
postal brushes
old postage stamp brushes
tape
fuzzimo
Crédito por la muñequita Suzanne Woolcott
PD. Si quieren bajar brushes para ser usados en photoshop (incluyendo photoshop elements que yo uso) visita la página de
brusheezy, ellos tienen una colección de brushes muy amplia de diversos diseñadores.
Atention Distributors: you may not redistribute this template, if you want to share it, you may link back to this post, but do not link directly to the downloadable file. Thank you.
Demo |
Descargar
O si deseas, puedes copiar el código para pegarlo en la Edición de
HTML de tu plantilla =), recuerda que tienes que
sustituirlo por el que tienes, no agregarlo.
<?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>
<link href='http://fonts.googleapis.com/css?family=Neucha|IM+Fell+DW+Pica|Inconsolata' rel='stylesheet' type='text/css'/>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Base: Minima
Name: Mi diario vivir
Date: Diciembre 2010
Adaptacion y diseño: http://compartidisimo.blogspot.com
----------------------------------------------- */
#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}
body {
background:#ece4cd url(http://2.bp.blogspot.com/_yCA1gGtzYzo/TP58V_6s9rI/AAAAAAAAEOg/9oHnB5hxYU8/s1600/defcompartidisimo.jpg) no-repeat fixed top left;
margin:0;
color:#000;
font-size:16px;
text-align:left;
}
a:link {
color:#610907;
text-decoration:none;
}
a:visited {
color:#000;
text-decoration:none;
}
a:hover {
color:#000;
text-decoration:none;
}
a img {
border-width:0;
}
h2{
font-size:17px;
color:#831104;
font-family:'IM Fell DW Pica', arial, serif;
padding-left: 12px;
}
/* Header */
#header-wrapper {
width:800px;
margin:0;
height:90px;
background:none;
}
#header-inner {
background-position: left;
margin-left: 0;
margin-right:0;
}
#header {
margin: 0 auto;
float:left;
width:730px;
text-align: left;
color:#000;
clear:both;
}
h1.title {
margin:0px 10px .2em;
padding:75px 0 0 330px;
color:#1d1603;
line-height: 1.3em;
letter-spacing: 0em;
font-size:29px;
max-width:560px;
text-shadow: 1px 1px 1px #eee;
/*filter: glow(color=#777,Strength=4);*/
Font-family:'Inconsolata', arial, serif;
clear:both;
}
h1.title a, h1.title a:visited {
color:#000;
text-decoration: none;
}
#header a {
color:#000;
text-decoration:none;
}
#header .description {
margin:-15px 0 0 0;
padding-left:350px;
max-width:400px;
text-transform:none;
letter-spacing:.2em;
line-height: 1.2em;
font-size:14px;
color:#000;
}
#header img {
margin: 0 auto ;
}
/* Menu top */
* html #menu{
position: absolute; /* position fixed for IE6 */
top: expression(15+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px');
left: expression(260+((e=document.documentElement.scrollLeft)?e:document.body.scrollLeft)+'px');
}
* html #menu{
background-image: url(http://1.bp.blogspot.com/_yCA1gGtzYzo/TGrdgbTjL_I/AAAAAAAADT4/AZ78Jt6UbII/s320/punto.gif);
}
#PageList1 h2{display:none;
}
.menu{
background:none;
width:350px;
display:inline;
float:right;
margin:0 ;
position:fixed;
top:14px;
left:250px;
margin:0 0 0 440px;
background:none;
}
.menu ul{
margin:0;
list-style:none;
padding:0px;
}
.menu li{
float:left;
margin:0;
padding:0;
}
.menu li a{
float:left;
display:block;
text-align:center;
color:#000;
font-size:18px;
font-family:"inconsolata", serif, arial;
background:none;
text-decoration:none;
padding:0 0 0 14px;
text-decoration:none;
}
.menu li a{
float: none;
}
.menu li a:hover {
color:#D40505;
text-shadow: 0px 1px 1px #777;
font-weight:normal;
}
.menu li.selected a {
background:none;
margin:0;
color:#5e030b;
font-weight:bold;
text-shadow: 1px 1px 1px #eee;
}
/* Outer-Wrapper */
#outer-wrapper {
width: 980px;
margin:0;
padding:0;
background:none;
text-align:left;
Font-family:'Inconsolata', arial, serif;
clear:both;
}
#main-bag{
width:470px;
height:420px;
background:none;
position: absolute;
margin:0 0 0 235px;
padding:70px 0 0 0;
}
#main-wrapper {
width:470px;
height:420px;
overflow:auto;
float:left;
color:#000;
background:none;
display:inline;
}
/* Headings */
h2 {
margin:1.5em 0 .75em;
Font-family:'Inconsolata', arial, serif;
line-height: 1.4em;
text-transform:none;
letter-spacing:.2em;
color:$sidebarcolor;
}
/* Posts */
h2.date-header {
margin:1.5em 0 .5em;
}
h2.date-header {
display:none;
}
.post {
padding-bottom:1.5em;
padding-left:8px;
padding-right:2px;
margin-top:16px;
}
.post h3 {
margin:.25em 0 0;
padding:5px 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:#8c0000;
font-weight:normal;
}
.post h3 a:hover {
color:#000;
}
.post-body {
margin:0 0 .75em;
line-height:1.6em;
}
.post-body blockquote {
line-height:1.3em;
}
.post-footer {
margin: .75em 0;
padding:0 0 0 16px;
color: #000;
text-transform: none;
letter-spacing:0em;
Font-family: 'IM Fell DW Pica', arial, serif;
font-size:15px;
line-height: 130%;
font-weight:bold;
background: url(http://3.bp.blogspot.com/_yCA1gGtzYzo/TP1h8GDSDYI/AAAAAAAAEOA/DM0vcSqPn9s/s1600/tape-cc.png) no-repeat top center;
}
.post-footer a:hover{
color:#000;
text-decoration: underline;
}
.comment-link {
margin-left:.6em;
}
.post img, table.tr-caption-container {
padding:4px;
}
.tr-caption-container img {
border: none;
padding: 0;
}
.post blockquote {
margin: 1em 20px;
padding:8px 5px 8px 5px;
}
.post blockquote:hover{
}
.post blockquote p {
margin: .75em 0;
}
/* Comments */
#comments{
margin-left:50px;}
#comments h4 {
padding-left:2px;
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:none;
letter-spacing:.2em;
color:#2e0b02;
}
#comments-block {
padding-left:0px
}
#comments-block .comment-author {
margin:.25em 0;
padding-left:0px;
}
#comments-block .comment-body {
margin:.25em 0 0;
padding-left:0px;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
font-size:10px;
line-height: 1.4em;
text-transform:none;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}
#authorAvatarImage{
margin-left:15px;
}
#authorAvatarImage {
border:1px solid #231304;
}
#blog-pager-newer-link {
float: right;
margin-right:30px;
}
#blog-pager-older-link {
float: left;
margin-left:30px;
}
#blog-pager {
text-align: center;
}
.feed-links {
clear: both;
line-height: 2.5em;
}
.feed-links {
display:none;
}
.main .Blog {
border-bottom-width: 0;
}
main .widget{
font-weight:bold;
padding-left:12px;
}
/* Profile */
.profile-img {
float: $startSide;
margin-top: 0;
margin-$endSide: 5px;
margin-bottom: 5px;
margin-$startSide: 0;
padding: 4px;
border: 3px solid #000;
}
.profile-data {
margin:0;
text-transform:none;
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: none;
letter-spacing: .1em;
}
/* Footer */
#footer-wrapper {
width:800px;
height:auto;
margin:0;
padding:0px;
text-transform:none;
letter-spacing:0em;
text-align:left;
clear:both;
}
#footer a {
width:700px;
text-decoration:none;
}
#credit{
position:fixed;
top:405px;
float:left;
padding:0;
margin:160px 0 0 99px;
clear:both;
}
#credit a{
color:#777;
font-size:10px;
text-decoration:none;
text-align:left;
}
#credit a:hover{
color:#ba1214;
}
.heart{
float:right;
width:37px;
height:42px;
position:absolute;
top:200px;
margin:330px 0 0 704px ;
background:url(http://1.bp.blogspot.com/_yCA1gGtzYzo/TP1YBK-9QxI/AAAAAAAAENs/dPBgLlzpwGU/s1600/hc.jpg) no-repeat top left;
}
.heart a{
display:block;
width:37px;
height:42px;
background:none;
}
.heart a:hover{
background: url(http://3.bp.blogspot.com/_yCA1gGtzYzo/TP1YzvYesbI/AAAAAAAAENw/7Yj_VJn2eYM/s1600/hho.jpg);
background-repeat:no-repeat;
}
.numComments {
background: url(http://2.bp.blogspot.com/_yCA1gGtzYzo/TP1zkvdbaSI/AAAAAAAAEOY/s8Z2_0zkp84/s1600/cc.png) no-repeat top right;
float:right;
text-align: center;
padding: 10px 0 0 0;
font-size: 15px;
width: 45px;
height:39px;
color: #fff;
}
.numComments a:link{
color: #000;
}
.numComments a:visited{
color: #000;
}
.numComments a:hover{
color: #581e0c;
text-decoration:underline;
}
/* 2 columns on the bottom of the main o 2 columnas en el fondo del main*/
#contenedor{
width:450px;
margin:0;
padding:0;
clear:both;
}
.gatget1 .widget{
margin:0 3px 3px 8px;
padding:0;
}
.gatget2 .widget{
margin:2px 3px 3px 0;
padding:0;
}
.gatget1 ul li, .gatget2 ul li{
list-style-type: circle;
}
.gatget1 h2, .gatget2 h2{
line-height:200%;
font-size:15px;
color:#000;
text-shadow:1px 1px 1px #eee;
}
.gatget1 h2{
height:43px;
background: url(http://1.bp.blogspot.com/_yCA1gGtzYzo/TP6OEKckd2I/AAAAAAAAEOw/aW9fEvIZSb4/s1600/h2-dd.png) no-repeat top left;
padding:2px 0 0 0;
text-align:center;
}
.gatget2 h2{
border-bottom:1px dashed #333;
}
]]></b:skin>
<!--estilos paginas estaticas-->
<b:if cond='data:blog.pageType == "static_page"'>
<style>
.numComments {display: none;}
#contenedor{ width:0px; display: none;}
</style>
</b:if>
</head>
<body>
<div id='wrap-2'>
<div id='outer-wrapper'>
<!-- 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='menu' id='menu' showaddelement='no'>
<b:widget id='PageList1' locked='true' title='Pages' type='PageList'/>
</b:section>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Mi diario vivir (cabecera)' type='Header'/>
</b:section>
</div>
<div id='content-wrapper'>
<div id='main-bag'>
<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 id='contenedor'>
<div id='gatget1' style='width:49%; float:left; text-align: left;'>
<b:section class='gatget1' id='gatget1' preferred='yes' showaddelement='no' style='float:left;'>
<b:widget id='BlogArchive1' locked='false' title='Archivo del blog' type='BlogArchive'/>
</b:section>
</div>
<div id='gatget2' style='width:49%; float:right; text-align: left;'>
<b:section class='gatget2' id='gatget2' preferred='yes' showaddelement='no' style='float:right;'>
<b:widget id='Label1' locked='false' title='Etiquetas' type='Label'/>
</b:section>
</div>
</div></div>
<div style='clear:both;'/>
</div>
<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'> </div>
</div> <!-- end content-wrapper -->
<!-- ATENTION DISTRIBUTORS AND USERS: YOU ARE NOT ALLOWED TO DISTRIBUTE THIS TEMPLATE, AND YOU CAN'T ADD ANY LINK ON THE FOOTER.PLEASE, DO NOT REMOVE THE FOOTER CREDIT LINK. ATENCION DISTRIBUIDORES Y USUARIOS: ESTA PLANTILLA NO SE PUEDE REDISTRIBUIR, TAMPOCO SE PUEDE AGREGAR UN LINK A TU PAGINA PARA QUE SEA DESCARGADA DESDE AHI, PROHIBIDO REMOVER LOS CREDITOS, YA QUE EN LA PLANTILLA SE MUESTRA MATERIAL CON DERECHOS DE AUTOR, GRACIAS.
-->
<div id='footer-wrapper'>
</div><div id='credit'><a href='http://www.gorjussart.com/store/index.php' target='_blank'>©Suzanne Woolcott sw3740
</a></div>
<div class='heart'><a href=' http://compartidisimo.blogspot.com/' target='_blank' title='Designed by compartidisimo'/></div>
</div></div>
<!-- end outer-wrapper -->
</body>
</html>
