Introduciendo la plantilla para blogger: Mi diario vivir

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

Plantilla de una columna

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>



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

      
      <div class='clear'> </div>

    </div> 

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

</body>
</html>

22 comentarios:

Drevni Kocurek ^^diciembre 08, 2010
Beautiful!!!
Karla, Your work impress me more and more! :)
Beautiful dreams!
And more great templates! :) :) :)
ResponderSuprimir
Karmeladiciembre 08, 2010
Preciosa, cada vez te superas más Un besito
ResponderSuprimir
Karladiciembre 09, 2010
Thanks so much Drevni :) you are very nice.

Gracias Karmela y que tengas un estupendo día.
ResponderSuprimir
nickydiciembre 11, 2010
hola te felicito tu blog es genial y tus plantillas son hermosas jejeje saves me sirvio de mucho tu blog
http://bbynicky.blogspot.com
ResponderSuprimir
Karladiciembre 11, 2010
Hola nicky, gracias por tu comentario, me alegra que te haya sido útil :)

Que tengas un estupendo fin de semana!
ResponderSuprimir
Solfebrero 12, 2011
baje una plantilla de tu blog son hermosas!!!!!!!!!!!
ResponderSuprimir
Karlafebrero 12, 2011
Hola Sol, bienvenida a mi blog y gracias por tu comentario espero verte pronto por aquí...
ResponderSuprimir
Carla Jenniferabril 23, 2011
muiii linda la plantilla... no pude evitar cambiar mi antigua plantilla por esta xD, jejejeje... super linda gracias!!! :)
ResponderSuprimir
Karlaabril 24, 2011
Gracias por el comentario Carla, pronto tendré disponibles más plantillas usando las muñequitas de gorjuss...

Espero que pases un hermoso día de Pascua!
ResponderSuprimir
chong thamjunio 11, 2011
It's so beautiful
thank you so much

Very useful for a PSD beginner like me.
Thank alot for sharing
ResponderSuprimir
Karlajunio 12, 2011
You're welcome chong tham,

Have a great day!
ResponderSuprimir
Samantaagosto 24, 2011
Hola, Karla

Tus plantillas son preciosas y especiales, y el detalle de las muñequitas gorjuss y cómo les confieres emociones.... Genial!!

Quería preguntarte, es posible la plantilla Mi diario vivir en 2 columnas (una para las entradas, y otra para perfil y archivo de blog)??

Que siga la magia!
ResponderSuprimir
Karlaagosto 25, 2011
Gracias por tu comentario Samanta, lo aprecio mucho :).

Sabes que esta plantilla estuvo pensada en un blog muy personal, como un diario, por eso no tiene columna lateral, pero debajo de esta, puedes agregar dos widgets, no sé si lo viste...

Puedo hacer una versión nueva, que incluya una columna lateral, pero tendría que sacrificar a la muñequita de gorjuss, ¿qué piensas?...
ResponderSuprimir
Samantaagosto 27, 2011
Mmmmmmh.... como dijo el poeta, ¡no la toques ya más, que así es la rosa! :) Sin duda, las muñequitas de gorjuss y la manera como les das vida en tus plantillas son la marca deliciosa de tus diseños.

A ver, se podría probar... a ver qué tal queda... Sí, si vi la opción de agregar los dos widgets, que usé para perfil y archivo del blog, pero se me hace raro tan abajo...

Gracias por tu linda respuesta, Karla, me ha gustado mucho :).
ResponderSuprimir
Karlaagosto 27, 2011
Si lo entiendo Samanta; voy a trabajar en una edición nueva sin la muñequita de gorjuss a ver si te gusta y se adapta a lo que buscas...

=)Buen fin de semana!
ResponderSuprimir
Samantaagosto 28, 2011
¡Qué bien! Es una pasada poder tener una correspondencia tan directa con la autora de los diseños :).

Estaré pendiente de la nueva edición. Aunque las muñequitas de gorjuss son re-lindas, seguro que también queda preciosa la versión de dos columnas.

Buen fin de semana!
ResponderSuprimir
Karlaagosto 30, 2011
Gracias Samanta, igual espero que tengas una excelente semana!

Hasta luego...
ResponderSuprimir
Atanasia Michellenoviembre 10, 2011
thanks to give me some inspiration !

come to my blog !

http://atanasiasdays.blogspot.com/

and http://cindyestrelita07.blogspot.com/

thanksss a lot !
ResponderSuprimir
Mayra Narvaezdiciembre 14, 2011
hey! Karla no entiendo muy bien esto no se que hacer desps de colocarla D:
por favor ayudame :(
Thanks :)
ResponderSuprimir
Karla Castañedadiciembre 15, 2011
Hola Mayra, me puedes aclarar un poquito, es que no entiendo que es lo que quieres hacer :)
ResponderSuprimir
Sofware Akuntansi laporan keuangan Terbaikenero 30, 2012
It's nice and very beautyfull templae. i like this....
ResponderSuprimir
Respuestas