martes, 22 de enero de 2008

Plantilla Solo Palabras


Plantilla 18 Solo Palabras Con un sidebar abajo del todo, está plantilla solo es para escribir restando importancia a la sidebar. Todas las imágenes están dentro de la plantilla. Tanto en IE como en Firefox se ven igual.


Código Menú para poner en el sidebar:

<div id="navcontainer">
<ul id="navlist">
<li id="active"><a id="current" href="#">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>

Código Plantilla

<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

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

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

<title><data:blog.pageTitle/></title>

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

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

Blogger Template Style

Name: Minima

Designer: Douglas Bowman

URL: http://cabalasvirtuales.blogspot.com/
Date: 2008
Updated by: Blogger Solo Palabras
----------------------------------------------- */



/* Variable definitions

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

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

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

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

type="color" default="#333" value="#333333">

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

type="color" default="#58a" value="#5588aa">

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

type="color" default="#666" value="#666666">

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

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

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

type="color" default="#c60" value="#cc6600">

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

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

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

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

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

type="color" default="#666" value="#666666">

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

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

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

type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Georgia, Serif">

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

type="font"

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

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

type="font"

default="normal normal 200% Georgia, Serif" value="normal normal 200% Georgia, Serif">

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

type="font"

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

<Variable name="postfooterfont" description="Post Footer Font"

type="font"

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

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



/* Variable definitions

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

*/



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



body {background:#CDC8B1 Url("KBLAS") top left repeat-x;

margin:0;

text-align:center;

line-height: 1.5em;

font: x-small Trebuchet MS, Verdana, Arial, Sans-serif;

color:#000;

font-size/* */:/**/small; font-size: /**/small;}



#outer-wrapper {width:995px; margin:0 auto; text-align:left; font: normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif;}



#main-wrap1 {

width:495px;

float:left;

background:#ffffff url("d") no-repeat left bottom;

margin-top:15px;

margin-left:2px;

padding:0 0 10px;

border:1px solid #333333;

color:#4c4c4c;

font-size:97%;

line-height:1.5em;

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

}



#main-wrap2 {float:left; width:100%; background:url("URL IMAGEN") no-repeat left top; padding:42px 0 0;}



#main {background:url("") repeat-y; padding:0;}



#sidebar-wrap {

float: right;

width: 230px;

margin-top:15px;

margin-left:12px;

margin-right:2px;

line-height: 1.5em;

border:1px solid #333333;

color: #ffcc66;

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

float: left;

width: 230px;

margin-top:15px;

margin-right:12px;

margin-left:2px;

line-height: 1.5em;

color: #ffcc66;

border:1px solid #333333;

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



a:link {text-decoration: none; color: #e1771e;}



a:visited {text-decoration: none; color: #ffffff;}



a:hover {text-decoration: none; color: #ffcc66;}



a img {text-decoration: none; border-width:0;}



#header-wrapper {margin:0px 0 0 0; padding:0px 0 0 0; font: normal normal 42% Verdana, sans-serif; background: transparent;}



#header {height:218px; padding:0 0px 0px; color: #FFFFFF; background: url(http://2.bp.blogspot.com/_11C4h7_3E8U/R2Qde3nsPBI/AAAAAAAAJq4/M3h93e-aqNQ/s1600/daheader.jpg) no-repeat bottom ;}



#header h1 {text-align:center; font-size: 200%; text-shadow: #81A75B 2px 2px 2px;}



#header h1 a {text-decoration: none; color: #FFFFFF;}



#header h1 a:hover {color: #eee;}



h2.date-header {margin:0 28px 0 43px; line-height:2em; font: normal bold 77% 'Lucida Grande','Trebuchet MS'; text-transform:uppercase; letter-spacing:.2em; color:#666666;}



.post {

margin:.3em 0 25px;

padding:0 10px;

border-width:1px 0;

}



.post h3 {

margin:0;

line-height:1.5em;

background: #000000 url("http://1.bp.blogspot.com/_11C4h7_3E8U/R2QdonnsPCI/AAAAAAAAJrA/aykZf5zD_x8/s1600/POST%2BDA.jpg") no-repeat 4px .1em;

display:block;

border:5px dotted #D9D919;

padding:9px 10px 5px 90px;

color: #6C82B5;

font: normal bold 100% Trebuchet, Trebuchet MS, Arial, sans-serif;

}



.post h3 a,

.post h3 a:visited {text-decoration: none; color: #ffffff;}



.post h3 a:hover {

color: #ffcc66;

}



.post-body {padding:25px 14px 1px 20px;}



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



.post-footer {

background: #F0F0F0;

margin:0;

padding:2px 14px 2px 29px;

border-width:1px;

font-size:80%;

line-height:1.5em;

color: #000000;

}



.post-footer p {margin: 0;}



.feed-links {padding-left:20px; padding-top:5px; margin-left: 13px; background: url(http://2.bp.blogspot.com/_11C4h7_3E8U/RvA2WgFZZtI/AAAAAAAAGXk/ZHqXNnXioRk/s400/feed_go.png) center left no-repeat;}



#comments {margin:-25px 13px 0; border:1px dotted #CAF99B; border-width:0 1px 1px; padding:20px 0 15px 0;}



#comments h4 {margin:0 0 10px; padding:0 14px 2px 29px; border-bottom:1px dotted #CAF99B; font-size:120%; line-height:1.4em; color:#333333;}



#comments-block {margin:0 15px 0 9px;}



.comment-author {background:url("http://3.bp.blogspot.com/_11C4h7_3E8U/RtmNQsnB7sI/AAAAAAAAFrk/BVDfOsTmVp0/s400/enlaces.png") no-repeat 2px .3em; margin:.5em 0; padding:0 0 0 20px; font-weight:bold;}



.comment-body {margin:0 0 1.25em; padding:0 0 0 20px;}

.comment-body p {margin:0 0 .5em;}

.comment-footer {margin:0 0 .5em; padding:0 0 .75em 20px;}

.comment-footer a:link {color: #b8b8b8;}

.deleted-comment {font-style:italic; color:gray;}



.sidebar h2 {margin: 0 0 0 0; padding: 7px 0em 0em 0px; line-height:1.5em; font: normal bold 98% Arial, sans-serif; color: #FFFFFF; text-align:center; background: url(http://i22.tinypic.com/b9aw77.gif) no-repeat; height: 28px !important; /* for most browsers */ height /**/:57px; /* for IE5/Win */}



.sidebar .widget {}



.widget-content {font: normal normal 80% Trebuchet, Trebuchet MS, Arial, sans-serif;

margin:0 0 1px 0; padding: 10px;}



.sidebar h2 {margin:0; padding:0 0 .2em; line-height:2.1em;}



.sidebar ul {list-style:none; margin:0 0 1.25em; padding:0 0px;}



.sidebar li {padding:0 0 3px 17px; margin-bottom:1px; border-bottom:1px dotted #808080; line-height:1.5em; background: url(http://img221.imageshack.us/img221/5821/sidebarliel6.gif) no-repeat;}



.sidebar h2 {margin: 0 0 0 0; padding: 7px 0em 0em 0px; line-height:1.5em; font: normal bold 98% Arial, sans-serif; color: #FFFFFF; text-align:center; background: url(http://i13.tinypic.com/712pfk4.jpg) no-repeat; height: 40px !important; /* for most browsers */ height /**/:57px; /* for IE5/Win */}



.sidebar .widget {}



.widget-content {

font: normal normal 100% Trebuchet, Trebuchet MS, Arial, sans-serif;

margin:0 0 1px 0;

padding: 10px;

}



.sidebar h2 {margin:0; padding:0 0 .2em; line-height:2.1em;}



.sidebar ul {list-style:none; margin:0 0 1.25em; padding:0 0px;}



.sidebar um {list-style:none; margin:0 0 1.25em; padding:0 0px;}



.sidebar un {list-style:none; margin:0 0 1.25em; padding:0 0px;}



.sidebar uo {list-style:none; margin:0 0 1.25em; padding:0 0px;}



.sidebar up {list-style:none; margin:0 0 1.25em; padding:0 0px;}



.sidebar ul li {

background:url("URL FLECHA ENLACES") no-repeat 2px .15em;

margin:0;

padding:0 0 3px 25px;

margin-bottom:3px;

line-height:1.6em;

}



.sidebar um li {

background:url("http://4.bp.blogspot.com/_11C4h7_3E8U/RtLo3snB6vI/AAAAAAAAFj0/sdzllMd548w/s400/estrella.png") no-repeat 2px .15em;

margin:0;

padding:0 0 3px 25px;

margin-bottom:3px;

line-height:1.6em;

}



.sidebar un li {

background:url("http://3.bp.blogspot.com/_11C4h7_3E8U/RtHYcsnB6dI/AAAAAAAAFhM/Yhmpl-bRqvw/s400/etqutas.png") no-repeat 2px .15em;

margin:0;

padding:0 0 3px 25px;

margin-bottom:3px;

line-height:1.6em;

}



.sidebar uo li {

background:url("URL IMAGEN") no-repeat 2px .15em;

margin:0;

padding:0 0 3px 25px;

margin-bottom:3px;

line-height:1.6em;

}



.sidebar up li {

background:url("URL IMAGEN") no-repeat 2px .15em;

margin:0;

padding:0 0 3px 25px;

margin-bottom:3px;

line-height:1.6em;

}



#footer-wrap1 {clear:both; margin:0; padding:15px 0 0;}

#footer-wrap2 {background: #000000; padding:8px 0 0; color:#FFFFFF;}

#footer {padding:0px 15px;}

.footer-text {padding:5px; color:#cccccc; font-size:80%;}

.footer-text a {color:#cccccc;}



.blog-pager-newer-link, .blog-pager-older-link {

display: none;

visibility: hiden;

}



#footer hr {display:none;}

#footer p {margin:5px;}

#footer a {color:#B5A642;}



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

body#layout #main-wrap1,

body#layout #sidebar-wrap,

body#layout #header-wrapper {margin-top: 0;}



body#layout #header, body#layout #header-wrapper,

body#layout #outer-wrapper {margin-left:0, margin-right: 0; padding: 0;}



body#layout #outer-wrapper {width: 730px;}



body#layout #footer-wrap1 {padding-top: 0;}

#navlist li

{

display: inline;

padding-bottom: 14px;

padding-left: 20px;

background-repeat: no-repeat;

}



#navlist a

{

padding-left: 20px;

padding-bottom: 14px;

font-weight: bold;

text-transform: uppercase;

text-decoration: none;

}



#navlist a:link, #navlist a:visited

{

padding-left: 20px;

color: DarkViolet;

background: url(http://hekima.lionking.org/randomness/arrowbullet.gif);

background-position: 0 -28px;

background-repeat: no-repeat;}



#navlist a:hover

{

color: black;

padding-left: 20px;

background: url(http://hekima.lionking.org/randomness/arrowbullet.gif);

background-repeat: no-repeat;

background-position: 0 -14px;}



]]></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='2' showaddelement='yes'>

<b:widget id='Header1' locked='true' title='Solo Palabras (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'>

<b:widget id='BlogArchive1' locked='false' title='Archivo del blog' type='BlogArchive'/>

</b:section>

</div>



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

</body>

</html>