lunes, 17 de diciembre de 2007

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>

<style type='text/css'>

#chromemenu{

width: 98%;

font-weight: bold;

font-size: 90%;

}



#chromemenu:after{ /*Add margin between menu and rest of content in Firefox*/

content: &quot;.&quot;;

display: block;

height: 1px;

clear: both;

visibility: hidden;

}



#chromemenu ul{

border: 3px double #DBDB70;

width: 100%;

background-color: #CDC0B0; center

center repeat-x;

padding: 5px 0;

margin: 0;

text-align: left; /*set value to &quot;right&quot; for example to align menu to the left of page*/

}



#chromemenu ul li{

display: inline;

}



#chromemenu ul li a{

color: #800000;

padding: 5px;

margin: 10;

text-decoration: none;

border-right: 3px double #DBDB70;

}



#chromemenu ul li a:hover{

background-color: #FDF5E6; center

center repeat-x;

}



</style>

<style>

<!--



.styling{



background-color:#fff;

color:#FDF5E6;

font: 20px MS Sans Serif;

padding: 4px;

border-top: 3px Ridge #BA55D3;

border-bottom: 1px Ridge #BA55D3;

}



-->

</style>



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

<!-- Optimización del título en Blogger -->

<title>Aqui Titulo o Texto</title>



<!-- Termina título optimizado -->



<link href='URL FAVICON' rel='shortcut icon' type='image/x-icon'/>



<link href='URL FAVICON' rel='icon' type='image/png'/>



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

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

Blogger Template Style

Name: Minima

Designer:YTP cbvir

URL:http://cabalasvirtuales.blogspot.com/

Date: 10 octubre 2007

Updated by: Blogger Mil Nubes de Colores



----------------------------------------------- */

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

*/



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



body {

background-attachment: fixed;

background:#BEBEBE

url(http://4.bp.blogspot.com/_11C4h7_3E8U/RyokkUXO3eI/AAAAAAAAH5Y/AnY8d0MYV80/s400/get.php.png) fixed top;

margin:0;

color:#8E2323;

font:x-small Georgia Serif;

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

font-size: /**/small;

text-align: center;

}



a:link {

color:#FF7F00;

text-decoration:none;

}



a:visited {

color:#CD9B1D;

text-decoration:none;

}



a:hover {

color:#8B8878;

text-decoration:underline;

}



a img {

border-width:0;

}



a:active

{



outline: none;

}



a:focus

{



-moz-outline-style: none;

}



.pushbutton a:hover {

position: relative;

top: 1px;

left: 1px;

}



a.mimo img {

filter:alpha(opacity=50);

-moz-opacity: 0.5;

opacity: 0.5;

-khtml-opacity: 0.5;

}





a.mimo:hover img {

filter:alpha(opacity=100);

-moz-opacity: 1.0;

opacity: 1.0;

-khtml-opacity: 1.0;

}



.scrollbox {

height:300px;

width:205px;

overflow:auto;

}





/* Header- Cabecera imagen-

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



*/



#header-wrapper {

background:#fff;

background: url(http://4.bp.blogspot.com/_11C4h7_3E8U/R0YS9eQqqLI/AAAAAAAAI7I/pCepw0OB5uE/s1600/idonea%2Bmi%2Bblo.jpg);

background-repeat: no-repeat;

background-position: center;

border: 0px solid #8B6508;

width:875px;

height: 380px;

padding:2px 5px .25em;

margin:0 auto;

margin-top: 10px;

}





#header-inner {

background-position: center;

margin-left: 0 auto;

margin-right: 0 auto;

}



.header .widget {

width: 900px;

padding: 0px 5px 5px 0px;

}



#header {

margin: 5px;

border: 0px solid #EE7600;

text-align: center;

color:#666666;

}



#header h1 {

margin:5px 5px 0;

padding:15px 20px .25em;

line-height:1.2em;

text-transform:uppercase;

letter-spacing:.2em;

font: normal normal 200% Georgia, Serif;

display: none;

}



#header a {

color:#666666;

text-decoration:none;

}



#header a:hover {

color:#666666;

}



#header .description {

margin:0 5px 5px;

padding:0 20px 15px;

max-width:955px;

text-transform:uppercase;

letter-spacing:.2em;

line-height: 1.4em;

font: normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;

color: #FFFF00;

}





/* Outer-Wrapper

----------------------------------------------- */



#outer-wrapper {

width: 894px;

margin:0 auto;

padding:0px;

text-align:left;

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

}



#crosscol-wrapper {

background:#FF8C00;

border: 5px outset #FF8C00;

margin-top:5px;

-moz-border-radius: 15px;

-webkit-border-radius: 15px;

}



#main-wrapper {

width: 660px;

float: left;

margin-top:5px;

padding:0px;

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

}



#sidebar-wrapper {

width: 220px;

float: right;

margin-top:5px;

line-height:1.5em;

text-align: 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:0.0em 0 .75em;

font:normal bold 78% Verdana, sans-serif;

line-height: 1.4em;

text-transform:normal;

letter-spacing:.2em;

color:#fff;

}



h5 {

text-align: center;

font-size:100%;

}





/* Tooltip

----------------------------------------------- */



a.tooltip {

position:relative;

color:#000;

text-decoration:none;

}



a.tooltip span {

display: none;

}



a.tooltip:hover span {

display:block;

position:absolute;

top:2em;

left:2em;

width:110px;

border:2px solid #6495ED;

background-color:#CC3333;

-moz-border-radius: 15px;

-webkit-border-radius: 15px;

color:#ffffff;

text-align: left;

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

padding: 5px;

}



/* Resaltar código -------*/



.highlight{

background-color:#EFEFF7;

}





/* Posts- Entradas-

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



*/



h2.date-header {

font: normal normal 120% 'Tempus Sans ITC';

color:#FF8C00;

font-weight:bold;

font-size:80%;

margin:0.5em 0 .5em;

}



.post {

margin:0px 0px 60px 0px;

border: 3px outset #EE7600;

padding:0px 30px 0px 80px;

-moz-border-radius: 15px;

-webkit-border-radius: 15px;

background: #000 url("http://4.bp.blogspot.com/_11C4h7_3E8U/RyiqG88uNSI/AAAAAAAAHzQ/1SFXmf-zz7U/s1600/Bloc.gif") repeat-y left top;



}



.post h3 {

font: #000000;

font-size:125%;

border-bottom: solid #B03060 1px;

text-align:left;

text-transform:normal;

font-weight:bold;

line-height:1.4em;

margin:.25em 0 0;

padding:5px;

}



.post h3 a, .post h3 a:visited, .post h3 strong {

display:block;

text-decoration:none;

color:#000000;

background: #CDC0B0 url('URL IMAGEN TITULO POST ') no-repeat right;

font-weight:normal;

}



.post h3 strong. .post h3 a:hover {

color:#333333;

}



.post p {

padding-top:10px;

margin:0 0 .75em;

line-height:1.6em;

}



.post-body a:visited:hover {

background: url(URL IMAGEN DENTRO DEL POST ABAJO DRCH) no-repeat 100% 50%;

padding-right: 13px;

color:#CD950C;

}



.post-footer {

margin: .75em 0;

border: 2px outset #8B8878;

color:#000;

text-transform:uppercase;

letter-spacing:.1em;

font: normal normal 61% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;

line-height: 1.4em;

-moz-border-radius: 15px;

-webkit-border-radius: 15px;

}



.comment-link {

margin-left:.6em;

}



.post img {

padding:4px;

border:0px solid #b3b3b3;

}



.post .img2 {

padding:4px;

border:1px solid #b3b3b3;

}



.post blockquote {

margin:1em 20px;

}



.post blockquote p {

margin:.75em 0;

}



/* Comments

----------------------------------------------- */



#comments {

margin:0;

}



#comments h4 {

margin:0 0 10px;

border-top:0px dotted #8B2323;

padding-top:.5em;

line-height: 1.4em;

font: bold 110% Georgia,Serif;

color:#000;

}



#comments-block {

line-height:1.6em;

}



.blog-author-comment {

margin:.25em 0 0;

}



.comment-author {

background: #fff url(URL IMAGEN COMENTARIOS AUTOR) left no-repeat;

margin:.5em 0 0;

padding-left: 22px;

font-weight:bold;

border: 1px outset #F5F5DC;

-moz-border-radius: 15px;

-webkit-border-radius: 15px;

}



.comment-body {

background: #E0EEE0; /*Reader comment background color*/

border: 1px outset #8B2323;

margin:.25em 0 .25em;

padding:7px 7px 7px 7px; /*Modified padding values*/

-moz-border-radius: 15px;

-webkit-border-radius: 15px;

}



.comment-body p {

margin:0 0 .25em;

}



.blog-author-comment p {

padding:5px 10px;

margin:0 0 .25em;

border: 1px outset #8B2323;

background:#FFE4E1;

-moz-border-radius: 15px;

-webkit-border-radius: 15px;

}



.comment-footer {

background:#FFF0F5; /*Comment footer background color (comment permalink)*/

border: 1px outset #8B2323;

text-decoration:bold;

margin:0 0 .5em;

padding:0 0 .75em 20px;

color:#000;

-moz-border-radius: 15px;

-webkit-border-radius: 15px;

}



.comment-footer a:link {

color:#000;

}



.deleted-comment {

font-style:italic; color:gray;

}



#blog-pager-older-link {

float: right;

}



#blog-pager-newer-link {

float: left;

}



#blog-pager {

text-align: center;

}



.feed-links {

clear: both;

line-height: 2.5em;

}



/* Sidebar

----------------------------------------------- */



.sidebar {

color: #000;

line-height: 1.5em;

}



.sidebar h2 {

margin: 0.0em 0 .5em;

padding: 8px 3px;

border: 2px solid #CDC8B1;

background: #FFD700 url('URL IMAGEN EN EL SIDEBAR') no-repeat left;

text-align: center;

color: #8E2323;

font-size: 80%;

-moz-border-radius: 15px;

-webkit-border-radius: 15px;

}



.sidebar ul {

list-style:none;

margin:0 0 0;

padding:0 0 0;

}



.sidebar li {

margin:0;

padding:0 0 .25em 15px;

text-indent:-15px;

line-height:1.5em;

}



.sidebar .widget{

margin:0 0 0.5em;

padding:4px;

border: 3px outset #EE9A00;

background:#EEE9BF;

-moz-border-radius: 15px;

-webkit-border-radius: 15px;

}



#ArchiveList{

height:300px;

overflow:auto;

}



#LinkList1 ul{

height:200px;

overflow:auto;

}



#LinkList2 ul{

height:200px;

overflow:auto;

}



#LinkList3 ul{

height:150px;

overflow:auto;

}



#Label1 h2{

visibility:hidden;

display:none;

}



#Feed1 a{

color:#0066cc;

padding-left: 15px;

background: url(http://4.bp.blogspot.com/_11C4h7_3E8U/Rw_VgnHYWkI/AAAAAAAAHTU/HaGE5xKLfeA/s400/feedgc6.gif) no-repeat;

}



.LinkList a {

color:#F5F5DC;

padding-left: 15px;

background: url(URL IMAGEN LINKS) no-repeat;

}



.LinkList a:hover {

padding-left: 13px;

background: url(URL IMAGEN LINK HOVER) no-repeat;

color:#8B2323;

}



.LinkList a:visited {

padding-left: 13px;

background: url(URL IMAGEN LINKLIST) no-repeat;

color:#EE7621;

}



.main .widget {

border-bottom:0px dotted #8B2323;

margin:0 0 1.5em;

padding:0 0 1.5em;

}



.crosscol .widget{

padding:5px;

}



.main .Blog {

border-bottom-width: 0;

}





/* Ocultar Navbar

----------------------------------------------- */



#navbar-iframe {

height:0px;

visibility:hidden;

display:none;

}



/* Profile

----------------------------------------------- */



.profile-img {

margin: 0 5px 5px 0;

padding: 10px;

border: 0px dashed #8B4513;



}



.profile-data {

margin:0;

text-transform:uppercase;

letter-spacing:.1em;

font: normal normal 61% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;

color: #8B7355;

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: normal normal 61% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;

text-transform: uppercase;

letter-spacing: .1em;

}



/* Footer

----------------------------------------------- */



#footer {

width:890px;

clear:both;

margin:0 auto;

line-height: 1.6em;

text-transform:none;

letter-spacing:.1em;

text-align: center;

}



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



body#layout #header {

margin-left: 0px;

margin-right: 0px;

}



/* Cosillas plantilla

------------------------------------ */



.breadcrumbs {

margin:0 0 0.5em;

padding:0 0 0.5em;

}







/* Buscador

----------------------------------------------- */



.searchBox{

width:140px;

background: #fff;

border: 2px solid #800000;

}



blockquote {

background: url(http://2.bp.blogspot.com/_11C4h7_3E8U/Rqc21MN8llI/AAAAAAAAEZs/ikVHcixUxiQ/s400/comillastres.gif) no-repeat 0 3px;

background-color: #FFEC8B;

color: #545454;

padding-left: 25px;

font-size : 20pt;

font-style: trebuche;

margin-bottom: 1px;

display:block;

padding-top:10px;



}



]]></b:skin>



<style type='text/css'>a:hover{background: url(&#39;http://www.areas.net/colorvivo/anima/165.gif&#39;); }</style>





<script src='http://forevergema.googlepages.com/functiontoggleIt.js' type='text/javascript'/>

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

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

<!-- (Pie de página) -->



<strong>&#169;Diseño Mil Nubes de Colores 2007 </strong> Yolanda<a href='http://cabalasvirtuales.blogspot.com/' title='Cabalas'> Cabalas Virtuales</a>



</div>



<p id='powered-by'><a href='http://www.blogger.com'><img alt='Powered by Blogger' src='http://1.bp.blogspot.com/_11C4h7_3E8U/RyxeeEXO4HI/AAAAAAAAH-0/2OrMuXGqJDo/s400/3.jpg'/></a></p>



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



</body>



</html>

Código Menú

Para insertar en la Sidebar Plantilla-Añadir Elemento-Html

<div id="chromemenu">
<ul>
<li><a href="http://TU BLOG.blogspot.com/">INICIO</a></li>
<li><a href="AQUI LA URL">titulo 2</a></li>
<li><a href="AQUI LA URL">titulo 3</a></li>
<li><a href="AQUI LA URL">titulo 4</a></li>
<li><a href="AQUI LA URL">titulo 5</a></li>
<li><a href="AQUI LA URL">titulo 6</a></li>
<li><a href="AQUI LA URL">titulo 7</a></li>
</ul>
</div>
 

Powered by Blogger