Plantilla Si o No

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

Plantilla: Clean and Dark

Adaptada por: Yolanda

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

Date: 2007

Diseño original: de Chris Coyier.

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

* {

margin:0;

padding:0;

}

#navbar-iframe {

height:0px;

visibility:hidden;

display:none;

}

body {

font: 67.5% 'Lucida Grande', Verdana, Arial, Sans-Serif;

background: url(http://4.bp.blogspot.com/_11C4h7_3E8U/R08jPOQqrYI/AAAAAAAAJHM/R7NovMbMOIA/s400/poco.jpg) repeat;

margin: 0px;

padding: 0px;

color: #99CC32;

}

a {

color: #FF8C00;

text-decoration: none;

font-weight: bold;

}

a:hover {

text-decoration: underline;

color: #666666;

}

a:visited {

font-weight: normal;

}

a img {

border-width:0;

}

/* Header

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

*/

#header-wrapper {

width: 100%;

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG4ZoSXME7YMuiRtYUZmd0mhWkSLKZfBt50051D7Ma42DMpm-_dtjg0_kOl_Hz9DAqjfu1pAQ5dCmqxTgwpnYSbRQyNnajLFKSQiRWGdXMF9PEklmNKhZc9Gy_DNH_PTjnrl9yeOEU2oo/s1600/headerprado.jpg) no-repeat top left;

padding-bottom: 125px;

}

#header h1 {

display: none;

font-family: Helvetica, Arial, Sans-Serif;

font-size: normal;

}

#header .description {

display: none;

font-family: Helvetica, Arial, Sans-Serif;

font-size: x-small;

}

/* Menu CSS

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

#navcontainer

{

font-family: Arial,Sans-Serif;

margin: 0 auto;

width: 70%;

border-bottom: 1px solid #ddd;

}

#navlist

{

width: 60%;

text-align: center;

margin: 0 auto;

padding: 0;

text-indent: 0;

list-style-type: none;

}

#navlist li

{

padding: 0;

margin: 0;

text-indent: 0;

display: inline;

}

#navlist li a

{

letter-spacing: -1px;

text-decoration: none;

color: #ccc;

font-size: 1em;

padding: 0 2px;

border-top: .5em solid #eee;

}

#navlist li a:hover,#navlist a#current

{

color: #333;

border-top: none;

font-size: 1.5em;

}

#navlist a#current { color: #fc6; }

/* Outer-Wrapper

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

#outer-wrapper {

width: 960px;

margin: 0 auto 30px;

background-color: white;

}

#main-wrapper {

width: 500px;

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

}

#sidebar-wrapper {

width: 440px;

float: right;

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

padding-top:20px;

}

/* Posts

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

*/

h2.date-header {

margin:1.5em 0 .5em;

}

.post {

margin: 20px 0 30px 20px;

}

.post-author{

font-family: Georgia, serif;

font-weight: bold;

font-size: 11px;

float: right;

margin-top: -18px;

}

.post-body {

padding: 20px 10px 20px 10px;

border: 1px solid #EEEE00;

border-left: 5px solid #FFD700;

background-image: url(http://th191.photobucket.com/albums/z289/cocoabemary/th_margarida.gif);

background-repeat: no-repeat;

background-position: bottom right;

font-size: 1.2em;

}

.post h3 {

margin:.25em 0 0;

font-family: Helvetica, Arial, Sans-Serif;

padding-left: 10px;

margin-bottom: -4px;

border-left: 5px solid #99CC32;

padding-bottom: 4px;

}

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

display:block;

font-size: 24px;

text-decoration: none;

color: #CFB53B;

font-weight: normal;

}

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

color:#000;

}

.post p {

margin:0 0 .75em;

line-height: 1.9em;

}

.post ul, .post ol {

margin: 10px 0 10px 0;

padding-left: 40px;

}

.post ol ol {

list-style-type: lower-alpha;

}

.post li {

padding: 2px 0 2px 0;

margin-top: 10px;

margin-bottom: 15px;

line-height: 1.9em;

}

.post-footer {

margin: .75em 0;

color:#000;

}

.comment-link {

}

.post img {

padding:4px;

}

.post blockquote {

line-height: 1.9em;

margin: 10px 0 10px 0;

padding: 5px 10px 5px 10px;

background: #D7E1FF;

border-top: solid 1px #9DB7FF;

border-bottom: solid 1px #9DB7FF;

}

.post blockquote p {

margin:.75em 0;

}

/* Comments

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

#comments h4 {

font-size: 1.6em;

margin-bottom: 5px;

margin-left: 20px;

}

#comments-block {

margin:1em 0 1.5em;

line-height:1.6em;

margin-left: 20px;

}

#comments-block .comment-author {

margin:.5em 0;

}

#comments-block .comment-body {

margin:.25em 0 0;

}

#comments-block .comment-footer {

font-size: 1.2em;

margin-bottom: 20px;

border-bottom: 1px dashed #ccc;

padding-bottom:30px;

}

#comments-block .comment-body p {

margin:0 0 .75em;

}

.newcomment {

margin-left:20px;

}

.deleted-comment {

font-style:italic;

color:gray;

}

#blog-pager-newer-link {

float: left;

padding-left: 20px;

}

#blog-pager-older-link {

float: right;

padding-rigth: 20px;

}

#blog-pager {

text-align: center;

}

.feed-links {

clear: both;

line-height: 2.5em;

padding-left: 20px;

}

/* Sidebar Content

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

.sidebar {

line-height: 1.5em;

width: 250px;

float: left;

padding: 0 10px 0 10px;

}

.sidebar h2 {

padding-bottom: 10px;

border-bottom: dotted 1px #CFCFCF;

font-size: 1.5em;

font-family: Helvetica, Arial, Sans-Serif;

}

.sidebar a {

width: 100%

color: #310b72;

}

.sidebar a:hover {

background-color: #eef0ff;

text-decoration: none;

}

.sidebar ul {

margin-bottom:10px;

list-style: none;

}

.sidebar ul li {

line-height: 2.5em;

font-size: 1.0em;

}

.sidebar .widget {

margin:0 0 1.5em;

padding:0 0 1.0em;

}

.sidebar .widget-content {

margin-top:10px;

}

/* Sidebar Derecho */

.sidebardos {

line-height: 1.5em;

width: 150px;

float: left;

padding: 0 10px 0 10px;

}

.sidebardos h2 {

padding-bottom: 15px;

border-bottom: dashed 1px #CFCFCF;

font-size: 1.5em;

font-family: Helvetica, Arial, Sans-Serif;

}

.sidebardos a {

width: 100%

color: #310b72;

}

.sidebardos a:hover {

background-color: #eef0ff;

text-decoration: none;

}

.sidebardos ul {

margin-bottom:10px;

list-style: none;

}

.sidebardos ul li {

line-height: 2.5em;

font-size: 1.0em;

}

.sidebardos .widget {

margin:0 0 1.5em;

padding:0 0 1.0em;

}

.main .Blog {

border-bottom-width: 0;

}

.main .widget {

margin:0 0 1.5em;

padding:0 0 1.5em;

}

/* Profile

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

.profile-img {

float: left;

margin: 0 5px 5px 0;

padding: 4px;

border: 1px solid #000;

}

.profile-data {

margin:0;

text-transform:uppercase;

letter-spacing:.1em;

font: arial;

color: #000;

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: #000;

text-transform: uppercase;

letter-spacing: .1em;

}

/* Footer

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

#footer {

width:660px;

clear:both;

margin:0 auto;

padding-top:15px;

text-align: center;

}

.footext {

padding-bottom: 20px;

}

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

body#layout #header {

margin-left: 0px;

margin-right: 0px;

}

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

<b:widget id='Header1' locked='true' title='Plantilla Si o No (cabecera)' type='Header'/>

</b:section>

</div>

<div id='menu'>

<b:section class='menusec' id='menusec' 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'>

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

</b:section>

<b:section class='sidebardos' id='sidebardos' preferred='yes' showaddelement='yes'>

<b:widget id='NewsBar1' locked='false' title='Actualidad' type='NewsBar'/>

</b:section>

</div>



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

</div> 

<div id='footer-wrapper'>

<b:section class='footer' id='footer'/>

</div>

</div></div> 

<strong>© Si ♥ No Margaritas 2007 </strong> Plantilla adaptada para Blogger por <a href='http://cabalasvirtuales.blogspot.com/' title='Cabalas'>Cabalas Virtuales </a>

</body>

</html>

Plantilla Si o No

miércoles, 26 de diciembre de 2007

Código Plantilla Si o No

Header dentro del CSS

Código Menu

Archivo del blog

Etiquetas