~~Night Illusion~~ Blog

English
This Layout features Hello Kitty. I Hope you like it. This Layout is ONLY Available for New Blogger (beta blogger), because it's xml type.

Terms of use
1) If you want, you can upload the files to your own server (it's reccomended) But if you don't know how to do that, simply code the entire code
2) Do not remove or move/alter the link to Night Illusion on the navigation, and you can't remove the words "layout by Night Illusion" on the image.
3) Don't change anything in this layout. Just add your content and links.
4) You can't redistribute this Layout; for example, if own a graphics site, you can't add it to your layouts section to download, even if you give me credits, it's forbidden.
5) Of course, you can't claim it as your own. You must give me credits
6) No part of any of the graphics on this layout may be used to create "new" graphics.

Instructions
Just for new blogger (It's will not work with classic blogger) Just copy this code and paste it in your blogger template:

<?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'/> <title><data:blog.pageTitle/></title> <b:skin><![CDATA[ /* --- * Blogger Template Style---- * Name: Eternal Snow ----- *Designer: Polaris The Night Whisperer ----- * URL: www.night-illusion.net ------ * Date: 2008 May ----- */ /* Variable definitions ==================== <Variable name="textcolor" description="Text Color" type="color" default="#d33cad"> <Variable name="PageBgColor" description="Page Background Color" type="color" default="#ffffff"> <Variable name="pagetitlecolor" description="Page Header Color" type="color" default="#e14795"> <Variable name="datecolor" description="Date Header Color" type="color" default="#951b77"> <Variable name="titlecolor" description="Post Title Color" type="color" default="#d33cad"> <Variable name="footercolor" description="Post Footer Color" type="color" default="#b6158d"> <Variable name="sidebartextcolor" description="Sidebar Text Color" type="color" default="#d33cad"> <Variable name="titlehovercolor" description="Title Hover Color" type="color" default="#FFFFFF"> <Variable name="sidebarcolor" description="Sidebar Title Color" type="color" default="#5d2c50"> <Variable name="sidebarlink" description="Sidebar Link Color" type="color" default="#88176b"> <Variable name="sidebarhover" description="Sidebar Hover Color" type="color" default="#e527b4"> <Variable name="descriptioncolor" description="Description Color" type="color" default="#d33cad"> <Variable name="Commentscolor" description="Comments Text Color" type="color" default="#d33cad"> <Variable name="bodyfont" description="Text Font" type="font" default="normal normal 83% Verdana, sans-serif"> <Variable name="pagetitlefont" description="Page Header Font" type="font" default="normal bold 330% 'Georgia','Times New Roman'"> <Variable name="titlefont" description="Post Title Font" type="font" default="normal bold 120% 'Georgia','Times New Roman'"> <Variable name="sidebarheaderfont" description="Sidebar Title Font" type="font" default="normal bold 125% 'Georgia','Times New Roman'"> <Variable name="sidebarfont" description="Sidebar Text Font" type="font" default="normal normal 91% 'Verdana','Arial'"> <Variable name="descriptionfont" description="Description Font" type="font" default="normal normal 83% 'Verdana','Arial'"> /* Use this with templates/template-twocol.html */ body { margin:0; color:$textcolor; font:x-small Georgia Serif; font-size/* */:/**/small; font-size: /**/small; text-align: center; background-color:#ffffff; background-image: url(http://i272.photobucket.com/albums/jj189/polaris_the_night_whisperer/lays/bghkbl.gif); background-attachment: fixed; background-position: bottom; background-repeat:repeat; border-width:0px ; border-style: solid; } A:link { text-decoration: none; color:#cd278d; border:1px dotted #fbdbe8; background-color:#ffffff; padding:1px; } A:visited { text-decoration: none; color:#cd278d; border:1px dotted #fbdbe8; background-color:#ffffff; padding:1px; } A:hover { text-decoration:none; color:#FFFFFF; border:1px dotted #313035; background-color:#ff92b8; padding:1px;} */ /* ---( page defaults )--- */ body { margin: 0px; padding: 0px; text-align: left; font:$bodyfont; color:$textcolor; background:$PageBgColor} blockquote { margin: 0 0 0 30px; padding: 0px 0 0 20px; font-size: 88%; line-height: 1.5em; } blockquote p { margin-top: 0; } abbr, acronym { cursor: help; font-style: normal; } code { color: #f63; } hr { display: none; } img { border: none; } /* unordered list style */ ul { list-style: none; margin-left: 7px; padding: 0; } li { list-style: none; padding-left: 8px; margin-bottom: 3px; } /* ---( layout structure )---*/ #outer-wrapper {width: 658px; margin:0px auto; text-align: justify;} #content-wrapper { margin-left: 0px; width: 100%; } #main { float: right; width:350px; margin-top:10px; padding-right:57px; line-height: 1.2em; 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 { float: left; width: 200px; padding-left: 45px; padding-top:10px; font: $sidebarfont; color: $sidebartextcolor; line-height: 1.4em; 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 */ } #center {background: url('http://i272.photobucket.com/albums/jj189/polaris_the_night_whisperer/lays/hkblbg.gif') repeat-y top left;} /* ---( header and site name )--- */ #header-wrapper { margin: 0px; padding: 0px} #header { height:450px; overflow: hidden; width:658px; background: url('http://i272.photobucket.com/albums/jj189/polaris_the_night_whisperer/lays/hkblbann.gif') no-repeat top left; color: $pagetitlecolor; } #header h1 { width: 600px; font: $pagetitlefont; padding:10px 15px 10px 20px; filter: glow(color=#FFFFFF,Strength=5); text-align:center; } #header h1 a { text-decoration: none; color: $pagetitlecolor; } #header h1 a:hover { color: $descriptioncolor;} #header .description {margin-top:-30px; padding:0px 15px 5px 70px; text-align:left; width:600px; font: $descriptionfont; color: $descriptioncolor; } /* ---( main column )--- */ h2.date-header { font-size: 75%; color: $datecolor; padding: 10px 0px 0px 10px; margin-bottom:0px;} .post h3 {padding-left: 10px; font: $titlefont; color: $titlecolor; margin:0px -10px 0px -10px; border-top: 1px dashed #94c55f; border-bottom: 1px dashed #c55fbf;} .post {padding:0px 10px;} .post h3 a {color: $titlecolor; text-decoration: none;} .post h3 a:hover { color: $titlehovercolor; text-decoration: none; } .post-footer {text-align: right; font-size: 88%; color:$footercolor;} .post img { padding: 6px; border-top: 1px solid #c55fbf; border-left: 1px solid #c55fbf; border-bottom: 1px solid #c55fbf; border-right: 1px solid #c55fbf; } .feed-links { clear: both; line-height: 2.5em; color:$footercolor;} .blog-feeds { text-align: left; color:$footercolor;} #blog-pager-newer-link { float: left; } #blog-pager-older-link { float: right; } #blog-pager { text-align: center; } /* comment styles */ #comments { padding-top: 10px; font-size: 85%; line-height: 1.5em; color: $Commentscolor;} #comments h4 { margin: 20px 0 15px 0; padding: 8px 0 0 40px; font-family: "Lucida Grande", "Trebuchet MS"; font-size: 105%; color: $Commentscolor; height: 29px !important; /* for most browsers */ height /**/:37px; /* for IE5/Win */ } #comments ul { margin-left: 0; } #comments li { background: none; padding-left: 0; } .comment-body { padding: 0 10px 0 25px; } .comment-body p { margin-bottom: 0; } .comment-author { margin: 4px 0 0 0; padding: 0 10px 0 60px; color: #c55fbf; } .comment-footer { border-bottom: 1px solid #c55fbf; padding-bottom: 1em;} .deleted-comment { font-style:italic; color:gray; } /* ---( sidebar )--- */ .sidebar h2 { margin: 0 0 0 0; padding: 10px 0 0 0px; font: $sidebarheaderfont; color: $sidebarcolor; height: 32px; height: 32px !important; /* for most browsers */ height /**/:57px; /* for IE5/Win */ } .sidebar .widget { margin: 0; padding: 0 0 10px 10px; } .sidebar a {color: $sidebarlink; text-decoration: none;} .sidebar a:hover {color: $sidebarhover; } .sidebar li { } .profile-textblock { margin:.5em 0 .5em; } .profile-img { float: left; margin: 0 5px 5px 0; border: 1px solid #ce0d9a; padding: 4px;} #credits { font-family: tahoma; font-size: 7pt; color: #731b80; float:left; position:relative;padding-left: 55px;} #credits a {color:#731b80; font-weight:bold; font-size:10px} /** Page structure tweaks for layout editor wireframe */ /* ---( footer )--- */ .clear { /* to fix IE6 padding-top issue */ clear: both; } #footer-wrapper {margin: 0px; padding:0 0 0 0; font-size: 71%; clear: both; } #footer {margin: 0; width: 658px; height:111px; background: url('http://i272.photobucket.com/albums/jj189/polaris_the_night_whisperer/lays/hkbldn.gif') no-repeat top left; text-align:center; color: #c55fbf; } #footer-wrapper a { color: #8c4988; text-decoration: none; line-height:110px;} #footer-wrapper a:hover{ color: #ff01f0; text-decoration: none;} /** Page structure tweaks for layout editor wireframe */ body#layout #outer-wrapper, body#layout #main, body#layout #sidebar { padding-top: 0; margin-top: 0;} body#layout #outer-wrapper,body#layout #content-wrapper { margin-top: 0;} body#layout #sidebar { margin-right: 0; margin-bottom: 1em; } body#layout #header,body#layout #footer, body#layout #main { padding: 0; } body#layout #content-wrapper { margin: 0px; } #navbar-iframe { height:0px; visibility:hidden; display:none } ]]></b:skin> </head> <body> <div id='outer-wrapper'><div id='wrap2'>  <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='Free Blogger Templates (Header)' type='Header'/> </b:section> </div> <div id='center'> <div id='content-wrapper'> <div id='main-wrapper'> <b:section class='main' id='main' showaddelement='no'> <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/> </b:section> </div> <div id='sidebar-wrapper'> <b:section class='sidebar' id='sidebar' preferred='yes'> <b:widget id='Profile1' locked='false' title='About Me' type='Profile'/> <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/> </b:section> </div> <center><div id='credits'>   <a href='http://night-illusion.net/'>Layout by Night Illusion</a> </div> </center>  <div class='clear'> </div> </div>  <div class='footer section' id='footer'><div id="footer-wrapper"> </div> </div> </div>  </div></div>  </body> </html> IF YOU HAVE ANY QUESTIONS, PLEASE CONTACT ME

Español

Este layout es de Hello Kitty de Sanrio. Espero que les guste. Es pequeño, por lo que se ve bien en todas las resoluciones, y es liviano: las imagenes están en formato .gif y pesan, en total, solamente 89.2 KB. Solo está disponible para New Blogger (beta blogger), puesto que es del tipo xml.

Terminos de uso
1) Si quieres, puedes subir los archivos a tu propio servidor -si sabes como hacerlo- sino, solo copia y pega el código
2) No remuevas, muevas o alteres el enlace a Night Illusion en el menu, ni remuevas las palabras "Layout por Night Illusion" de la imágen.
3) No cambies nada del layout. Sólo agrega tu contenido y links.
4) No puedes redistribuir este layout; por ejemplo, si tienes un sitio de gráficos, no puedes añadirlo a tu sección de gráficos para bajar, des crédito o no, está prohibido.
5) No puedes decir que tú hiciste el layout. Debes darme créditos.
6) Ninguna parte de los gráficos de este layout pueden ser usados para crear "nuevos" gráficos.

Instrucciones

Sólo para el nuevo blogger (No funciona con el clásico) Copia y pega éste código en tu plantilla de blogger:

<?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'/> <title><data:blog.pageTitle/></title> <b:skin><![CDATA[ /* --- * Blogger Template Style---- * Name: Eternal Snow ----- *Designer: Polaris The Night Whisperer ----- * URL: www.night-illusion.net ------ * Date: 2008 May ----- */ /* Variable definitions ==================== <Variable name="textcolor" description="Text Color" type="color" default="#d33cad"> <Variable name="PageBgColor" description="Page Background Color" type="color" default="#ffffff"> <Variable name="pagetitlecolor" description="Page Header Color" type="color" default="#e14795"> <Variable name="datecolor" description="Date Header Color" type="color" default="#951b77"> <Variable name="titlecolor" description="Post Title Color" type="color" default="#d33cad"> <Variable name="footercolor" description="Post Footer Color" type="color" default="#b6158d"> <Variable name="sidebartextcolor" description="Sidebar Text Color" type="color" default="#d33cad"> <Variable name="titlehovercolor" description="Title Hover Color" type="color" default="#FFFFFF"> <Variable name="sidebarcolor" description="Sidebar Title Color" type="color" default="#5d2c50"> <Variable name="sidebarlink" description="Sidebar Link Color" type="color" default="#88176b"> <Variable name="sidebarhover" description="Sidebar Hover Color" type="color" default="#e527b4"> <Variable name="descriptioncolor" description="Description Color" type="color" default="#d33cad"> <Variable name="Commentscolor" description="Comments Text Color" type="color" default="#d33cad"> <Variable name="bodyfont" description="Text Font" type="font" default="normal normal 83% Verdana, sans-serif"> <Variable name="pagetitlefont" description="Page Header Font" type="font" default="normal bold 330% 'Georgia','Times New Roman'"> <Variable name="titlefont" description="Post Title Font" type="font" default="normal bold 120% 'Georgia','Times New Roman'"> <Variable name="sidebarheaderfont" description="Sidebar Title Font" type="font" default="normal bold 125% 'Georgia','Times New Roman'"> <Variable name="sidebarfont" description="Sidebar Text Font" type="font" default="normal normal 91% 'Verdana','Arial'"> <Variable name="descriptionfont" description="Description Font" type="font" default="normal normal 83% 'Verdana','Arial'"> /* Use this with templates/template-twocol.html */ body { margin:0; color:$textcolor; font:x-small Georgia Serif; font-size/* */:/**/small; font-size: /**/small; text-align: center; background-color:#ffffff; background-image: url(http://i272.photobucket.com/albums/jj189/polaris_the_night_whisperer/lays/bghkbl.gif); background-attachment: fixed; background-position: bottom; background-repeat:repeat; border-width:0px ; border-style: solid; } A:link { text-decoration: none; color:#cd278d; border:1px dotted #fbdbe8; background-color:#ffffff; padding:1px; } A:visited { text-decoration: none; color:#cd278d; border:1px dotted #fbdbe8; background-color:#ffffff; padding:1px; } A:hover { text-decoration:none; color:#FFFFFF; border:1px dotted #313035; background-color:#ff92b8; padding:1px;} */ /* ---( page defaults )--- */ body { margin: 0px; padding: 0px; text-align: left; font:$bodyfont; color:$textcolor; background:$PageBgColor} blockquote { margin: 0 0 0 30px; padding: 0px 0 0 20px; font-size: 88%; line-height: 1.5em; } blockquote p { margin-top: 0; } abbr, acronym { cursor: help; font-style: normal; } code { color: #f63; } hr { display: none; } img { border: none; } /* unordered list style */ ul { list-style: none; margin-left: 7px; padding: 0; } li { list-style: none; padding-left: 8px; margin-bottom: 3px; } /* ---( layout structure )---*/ #outer-wrapper {width: 658px; margin:0px auto; text-align: justify;} #content-wrapper { margin-left: 0px; width: 100%; } #main { float: right; width:350px; margin-top:10px; padding-right:57px; line-height: 1.2em; 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 { float: left; width: 200px; padding-left: 45px; padding-top:10px; font: $sidebarfont; color: $sidebartextcolor; line-height: 1.4em; 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 */ } #center {background: url('http://i272.photobucket.com/albums/jj189/polaris_the_night_whisperer/lays/hkblbg.gif') repeat-y top left;} /* ---( header and site name )--- */ #header-wrapper { margin: 0px; padding: 0px} #header { height:450px; overflow: hidden; width:658px; background: url('http://i272.photobucket.com/albums/jj189/polaris_the_night_whisperer/lays/hkblbann.gif') no-repeat top left; color: $pagetitlecolor; } #header h1 { width: 600px; font: $pagetitlefont; padding:10px 15px 10px 20px; filter: glow(color=#FFFFFF,Strength=5); text-align:center; } #header h1 a { text-decoration: none; color: $pagetitlecolor; } #header h1 a:hover { color: $descriptioncolor;} #header .description {margin-top:-30px; padding:0px 15px 5px 70px; text-align:left; width:600px; font: $descriptionfont; color: $descriptioncolor; } /* ---( main column )--- */ h2.date-header { font-size: 75%; color: $datecolor; padding: 10px 0px 0px 10px; margin-bottom:0px;} .post h3 {padding-left: 10px; font: $titlefont; color: $titlecolor; margin:0px -10px 0px -10px; border-top: 1px dashed #94c55f; border-bottom: 1px dashed #c55fbf;} .post {padding:0px 10px;} .post h3 a {color: $titlecolor; text-decoration: none;} .post h3 a:hover { color: $titlehovercolor; text-decoration: none; } .post-footer {text-align: right; font-size: 88%; color:$footercolor;} .post img { padding: 6px; border-top: 1px solid #c55fbf; border-left: 1px solid #c55fbf; border-bottom: 1px solid #c55fbf; border-right: 1px solid #c55fbf; } .feed-links { clear: both; line-height: 2.5em; color:$footercolor;} .blog-feeds { text-align: left; color:$footercolor;} #blog-pager-newer-link { float: left; } #blog-pager-older-link { float: right; } #blog-pager { text-align: center; } /* comment styles */ #comments { padding-top: 10px; font-size: 85%; line-height: 1.5em; color: $Commentscolor;} #comments h4 { margin: 20px 0 15px 0; padding: 8px 0 0 40px; font-family: "Lucida Grande", "Trebuchet MS"; font-size: 105%; color: $Commentscolor; height: 29px !important; /* for most browsers */ height /**/:37px; /* for IE5/Win */ } #comments ul { margin-left: 0; } #comments li { background: none; padding-left: 0; } .comment-body { padding: 0 10px 0 25px; } .comment-body p { margin-bottom: 0; } .comment-author { margin: 4px 0 0 0; padding: 0 10px 0 60px; color: #c55fbf; } .comment-footer { border-bottom: 1px solid #c55fbf; padding-bottom: 1em;} .deleted-comment { font-style:italic; color:gray; } /* ---( sidebar )--- */ .sidebar h2 { margin: 0 0 0 0; padding: 10px 0 0 0px; font: $sidebarheaderfont; color: $sidebarcolor; height: 32px; height: 32px !important; /* for most browsers */ height /**/:57px; /* for IE5/Win */ } .sidebar .widget { margin: 0; padding: 0 0 10px 10px; } .sidebar a {color: $sidebarlink; text-decoration: none;} .sidebar a:hover {color: $sidebarhover; } .sidebar li { } .profile-textblock { margin:.5em 0 .5em; } .profile-img { float: left; margin: 0 5px 5px 0; border: 1px solid #ce0d9a; padding: 4px;} #credits { font-family: tahoma; font-size: 7pt; color: #731b80; float:left; position:relative;padding-left: 55px;} #credits a {color:#731b80; font-weight:bold; font-size:10px} /** Page structure tweaks for layout editor wireframe */ /* ---( footer )--- */ .clear { /* to fix IE6 padding-top issue */ clear: both; } #footer-wrapper {margin: 0px; padding:0 0 0 0; font-size: 71%; clear: both; } #footer {margin: 0; width: 658px; height:111px; background: url('http://i272.photobucket.com/albums/jj189/polaris_the_night_whisperer/lays/hkbldn.gif') no-repeat top left; text-align:center; color: #c55fbf; } #footer-wrapper a { color: #8c4988; text-decoration: none; line-height:110px;} #footer-wrapper a:hover{ color: #ff01f0; text-decoration: none;} /** Page structure tweaks for layout editor wireframe */ body#layout #outer-wrapper, body#layout #main, body#layout #sidebar { padding-top: 0; margin-top: 0;} body#layout #outer-wrapper,body#layout #content-wrapper { margin-top: 0;} body#layout #sidebar { margin-right: 0; margin-bottom: 1em; } body#layout #header,body#layout #footer, body#layout #main { padding: 0; } body#layout #content-wrapper { margin: 0px; } #navbar-iframe { height:0px; visibility:hidden; display:none } ]]></b:skin> </head> <body> <div id='outer-wrapper'><div id='wrap2'>  <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='Free Blogger Templates (Header)' type='Header'/> </b:section> </div> <div id='center'> <div id='content-wrapper'> <div id='main-wrapper'> <b:section class='main' id='main' showaddelement='no'> <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/> </b:section> </div> <div id='sidebar-wrapper'> <b:section class='sidebar' id='sidebar' preferred='yes'> <b:widget id='Profile1' locked='false' title='About Me' type='Profile'/> <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/> </b:section> </div> <center><div id='credits'>   <a href='http://night-illusion.net/'>Layout by Night Illusion</a> </div> </center>  <div class='clear'> </div> </div>  <div class='footer section' id='footer'><div id="footer-wrapper"> </div> </div> </div>  </div></div>  </body> </html> SI TIENES PREGUNTAS O COMENTARIOS, POR FAVOR CONTACTAME

Night Illusion Blog

viernes 1 de febrero de 2008

Hello Kitty Layout: Eternal Snow

About Me

Blog Archive