El Blog de J.Guti.

Plantillas

lunes, 5 de noviembre de 2007

Plantilla Blogi Illacrino

Contenido

Codigo Blogi Illacrino

Contenido
<?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[/*

/* **************************

Name: Blogy-illacrimo

Blogger by: http://Blogandweb.com

Designer: http://designdisease.com/

Date: Ago 07

Icons: http://designdisease.com/

*****************************

*//* Definición de variables

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

<Variable name="textocolor" description="Color general del texto"

type="color" default="#35383d" value="#35383d">

<Variable name="enlacecolor" description="Color de los enlaces (links)"

type="color" default="#00a0e3" value="#00a0e3">

<Variable name="colorenlaceencima" description="Color del link al pasar el mouse"

type="color" default="#003399" value="#003399">

<Variable name="colortituloblog" description="Color del título del blog"

type="color" default="#FFFFFF" value="#FFFFFF">

<Variable name="descripcioncolor" description="Color de la descripción del blog"

type="color" default="#75c0d9" value="#75c0d9">

<Variable name="colortituloentrada" description="Color del título de las entradas"

type="color" default="#007ac8" value="#007ac8">

<Variable name="colormenu" description="Color de opciones en menú"

type="color" default="#FFF" value="#FFFFFF">

<Variable name="colortituloslateral" description="Color de los titulos en la barra lateral"

type="color" default="#ffffcc" value="#ffffcc">

<Variable name="colortituloslateral2" description="Color de titulos en la barra lat derecha"

type="color" default="#abcee1" value="#abcee1">

<Variable name="colortextolateral" description="Color del texto en la barra lateral izq"

type="color" default="#FFF" value="#FFFFFF">

<Variable name="colortextolateral2" description="Color del texto en la barra lateral der"

type="color" default="#7a8fa4" value="#7a8fa4">

*/

#outer-wrapper {

width: 1000px; margin: 0 auto; padding: 0px; position: relative;

}

#navbar-iframe {

height:0px;

visibility:hidden;

display:none

}

/*-- (Generales) --*/

body { background: #1a3265; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; padding: 0px; margin: 0px; color:$textocolor;}

html { padding: 0; margin: 0;}

a:link { text-decoration: none; color : $enlacecolor; border: 0px; -moz-outline-style: none;}

a:active { text-decoration: underline; color : #00a0e3; border: 0px; -moz-outline-style: none;}

a:visited { text-decoration: none; color : #00a0e3; border: 0px; -moz-outline-style: none;}

a:hover { text-decoration: underline; color : $colorenlaceencima; border: 0px; -moz-outline-style: none;}

a:focus { outline: none;-moz-outline-style: none;}

h1, h2, h3, h4 { font-family: "Trebuchet MS";}

img { padding: 0px; margin: 0px; border: none; text-align: center;}

hr { border-left:0px solid #abb0b5; border-right:0px solid #abb0b5; border-top:1px dotted #abb0b5; border-bottom:0px solid #abb0b5; height : 1px; }

form { padding: 0px; margin: 0px;}

input { font-family: 'Verdana'; color: #282b31; font-size: 11px;}

textarea { font-family: 'Verdana'; color: #282b31; font-size: 11px;}

select { font-family: 'Verdana'; color: #282b31; font-size: 11px;}

/*-- (Cabecera) --*/

#header-wrapper {

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV_KP7jRxFoRmzaWG-pN5n9W5u2SxdCfhy_SiP6SEfqYb-AEINA3Rzr2W6CeATZR5JSMms7IP2cuHFTTWN6F6j4ZooJSaFd0sm7mfL58DYI0_0p4DqGIyyHWITYC9-2wlV8SpAqFg7NAjO/s1600/HeaderBkg.jpg) repeat-x left top; width: 1000px; position: relative; clear: left; padding: 0px; min-height:98px;

}

/**/ * html #header-wrapper { height: 98px;} /* */

#header-inner {

}

#header-wrapper h1 {

font-size: 28px; line-height: 28px; letter-spacing: -1px; padding: 27px 5px 0px 100px; margin: 0px; font-weight: normal; color:$colortituloblog;

}

#header-wrapper h1 a { color:$colortituloblog; text-decoration: none; }

#header-wrapper h1 a:visited { color:$colortituloblog; text-decoration: none; }

#header-wrapper h1 a:hover { color:$colortituloblog; text-decoration: none; }

#header-wrapper p {

color:$descripcioncolor; font-size: 14px; line-height: 14px; font-weight: bold; letter-spacing: -1px; font-family: 'Arial'; padding: 0px; margin: 0px 0px 0px 100px;

}

#header-wrapper a {

}

#header-wrapper .LS { position: absolute; top: 30px; left: 30px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb5gYx0bT9uhtFAsXl63EHFuT64e1oDGBsQE5noWHD__qj4Ezd4XighIJ_Z_qy_Oz23lt63XqHwejcRojBYX_VyjP2hnHo8wFQ9sN7bet8EbaiedNfDO2EnJ3pbcd3WW-MV2kEvfM6Yb-R/s1600/LogoIcon.png) no-repeat left top; width: 40px; height: 43px;}

/*-- (Menú) --*/

.Menu { background: #0097ca; width: 1000px; position: relative; float: left; height: 35px;}

.Menu em { display: none}

.Menu ul { list-style: none; margin: 0px; padding: 10px 0px 0px 100px;}

.Menu ul li ul { display: none;}

.Menu li { padding: 0px; margin: 0px; display: inline; font-size: 11px;}

.Menu a { padding: 0px 0px 0px 3px; margin-right: 2px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbQo14xdO9XUCYEqOrKeauc3ZtNpxtqByDzknjJwIledZkADoJNnAjjadxsfTarQG8CgFS7dUYFH-gJUMuREhhi8h0eMCmPZG0iauBBxN8DsvWshfPNd7ydGHcam13gGqHHfcyQv_MHW4-/s1600/MLeft.png) no-repeat left top; float: left;}

.Menu a span { padding: 6px 9px 6px 6px; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb9buDaEpDRaAzx9VQEV2fjoWzQEHt9tEZXcL_xJaNcOTPiA8njbgbNLRSPRrd10VZoUGUuHtZchfhXGm5o95bBsjIov5yysNMruusw59Wo6bMjCpM5QYUNE6UqBBDB49bPdOeihj-gmmm/s1600/MRight.png) no-repeat right top; float: right; }

.Menu a span { float: none; color: $colormenu}

.Menu a:hover span { color: $colormenu;}

.Menu a:hover { background-position: 0% -25px; color:#003399; text-decoration: none;}

.Menu a:hover span { background-position: 100% -25px; color:#003399;}

.Menu .on { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbQo14xdO9XUCYEqOrKeauc3ZtNpxtqByDzknjJwIledZkADoJNnAjjadxsfTarQG8CgFS7dUYFH-gJUMuREhhi8h0eMCmPZG0iauBBxN8DsvWshfPNd7ydGHcam13gGqHHfcyQv_MHW4-/s1600/MLeft.png) no-repeat left bottom; color:#003399; }

.Menu .on span { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb9buDaEpDRaAzx9VQEV2fjoWzQEHt9tEZXcL_xJaNcOTPiA8njbgbNLRSPRrd10VZoUGUuHtZchfhXGm5o95bBsjIov5yysNMruusw59Wo6bMjCpM5QYUNE6UqBBDB49bPdOeihj-gmmm/s1600/MRight.png) no-repeat right bottom; color:#003399; }

.MTL { position: absolute; top: 0px; left: 0px; background: url(http://img394.imageshack.us/img394/2271/mtlqz8.gif) no-repeat left top; height: 8px; width: 8px;}

.MTR { position: absolute; top: 0px; right: 0px; background: url(http://img451.imageshack.us/img451/5639/mtrpe4.gif) no-repeat left top; height: 8px; width: 8px;}

/*-- (Contenedor) --*/

#content-wrapper {

background: #fff url(http://img297.imageshack.us/img297/9087/bgccb8.gif) repeat-y center; width: 1000px; float: left; position: relative; padding: 0px;

}

/*-- (Principal) --*/

#main-wrapper {

width: 420px; float: left; padding: 15px 30px 15px 100px;

}

#main-wrapper a {

}

#main-wrapper a:hover {

}

.post { padding: 0px; position: relative; clear: left;}

.posthead { position: relative; clear: left; background: url(http://img297.imageshack.us/img297/1697/postheadhd8.gif) repeat-x bottom; padding-bottom: 10px;}

.post-title {

font-size: 20px; line-height: 20px; letter-spacing: -1px; font-weight: normal; padding: 0px 0px 1px 0px; margin: 0px; color: $colortituloentrada;

}

.post-title a{

color: $colortituloentrada; text-decoration: none;

}

.post-title a:visited {

color: #007ac8; text-decoration: none;

}

.post-title a:hover {

color:#cc6600; text-decoration: none;

}

.post-author {

padding: 1px 0px; margin: 0px; font-size: 10px; color:#8a98a2; font-weight: bold;

}

.post-body {

padding: 0px 0px 5px 0px; font-size: 12px; line-height: 17px; background: url(http://img297.imageshack.us/img297/5166/postheadfy7.gif) repeat-x bottom;

}

.post-body p{

font-size: 12px; line-height: 17px;

}

.post-body ul {

padding: 10px 0px; margin: 0px;

}

.post-body ul li {

padding: 2px 0px 2px 15px; list-style-type: none; background: url(http://img253.imageshack.us/img253/3825/postcontentliicohf8.png) no-repeat left top; font-size: 11px; line-height: 15px; color:#4c4c4c;

}

.post-body blockquote {

padding: 2px 10px; background: #e9f8ff; margin: 0px; color:#336699;

}

.post-body blockquote p {

font-size: 11px; padding: 5px 0px; margin: 5px 0px; line-height: 15px;

}

.post-body blockquote li {

padding: 2px 0px 2px 15px; list-style-type: none; background: url(http://img410.imageshack.us/img410/634/postcontentblockliicobo1.png) no-repeat left top; font-size: 11px; line-height: 15px; color:#336699;

}

.post-body blockquote a {

color:#0080ca;

}

.post-body blockquote a:visited {

color:#0080ca;

}

.post-body blockquote a:hover {

color:#003399;

}

.post-body a {

text-decoration: underline;

}

#fecha {

margin: 0px; position: absolute; top: 0px; left: -70px; text-align: center; background: url(http://img253.imageshack.us/img253/7936/postheaddj8.gif) repeat-x bottom; padding: 0px 10px 6px 10px;

}

#fecha small {

font-size: 10px; color:#8a98a2; font-weight: bold;

}

.fecha_mes {

display:block; text-transform: uppercase; font-size: 9px;

}

.fecha_dia {

display:block; font-size: 24px; line-height: 24px; font-family: 'Arial'; letter-spacing: -1px; font-weight: normal; color:#4a5a65;

}

.fecha_anio {

display:block;

}

.post-footer {

padding-top: 15px;

color:#336699; font-size: 10px; font-weight: bold;

}

.post-footer a {

text-decoration: underline;

}

.post-labels {

padding: 5px 0px 5px 18px;

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhA31QEyKUfnIT-LiOvUsduMALbv-3yPo-GViCdw81Q0vwtvORPnGFcxk49NZwI13KwQrOmRNVE4hGxVs3kBThfkNM-DM0xE3EMop7Kx9noYitPu3be7Dz24Z2AZ5uTTjx0HYFEDZ5ItV8q/s1600/PostCateg.png) no-repeat left center;

}

.comment-link {

padding: 5px 0px 5px 18px;

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD4Jg5Zs04_FG3AVkYfIC-qtkLprmzraaWXA5CnNiI5y7TgIY3l2yN7udmUbGmk-WdhPbwu1bpM0yTWb86BUmmPvb0nEJ0YJ4C-FOamO7yMEpkHpW9qnLBnmTpNFdeOWMiLJKUy6QL-ZsF/s1600/PostCom.png) no-repeat left center;

}

#blog-pager {

font-size: 11px;

}

.blog-pager-older-link {

}

.blog-pager-newer-link {

}

/*-- (Lateral) --*/

#sidebar-wrapper {

width: 450px; float: right; position: relative;

}

#sidebar-wrapper h2 {

font-size: 14px; letter-spacing: normal; font-weight: bold;

}

#sidebar1 {

width: 230px; float: left; padding: 15px 20px 15px 20px;

}

#sidebar1 h2 { background: url(http://img171.imageshack.us/img171/2774/srlh3jp8.gif) repeat-x left bottom; color:$colortituloslateral; padding: 0px 0px 5px 0px; margin: 0px}

#lateral1 li {

margin: 0px; padding: 2px 0px 3px 20px; list-style-type: none; font-size: 11px; background: url(http://img380.imageshack.us/img380/3613/categlixo6.png) no-repeat left top; border-bottom: solid 1px #106899;

}

#lateral1 ul {

padding-left:0px;

margin-left:0px;

}

.Syn li {

}

#sidebar1 li a { color:$colortextolateral;}

#sidebar1 li a:visited { color:#FFF; }

#sidebar1 li a:hover { color:#abcee1;}

.Search { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMRrWE_I8GIh0gNFpBjQ8JQ1CcAhUmOwLli3YaUVRB4yeK-UiK3xLceVRB8SzZ-dFixtVq1TMU9WOOwXBlnU1y9WPmpzfDClZpdNB2Di8w6763eyDiVps6tF3z3ws0B0yMrP5BE2KIVmZB/s1600/Search.gif) no-repeat left top; position: absolute; top: -63px; width: 280px; left: -9px;}

.Search form { padding: 30px 20px 10px 30px; margin: 0px;}

.Search input { border: none; color: #330033; font-size: 11px;}

.Search input.search { width: 24px; height: 23px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSEUXGhouJKXqatzlsrHCDbSOToUnxXKwMrk6mt_OXFnJ6Dm-qFGz59_Lr-Dhc4gn1vCdkaXgougr4Xe__udRTcN8SoWSxWTTCmd3Li-pBzEf6krDyuZNKY5bkWxs1VFxoB284xVPnxMXO/s1600/SearchButton.gif) no-repeat;}

.Search input.keyword { background: none; border: none; padding: 5px 0px 5px 8px; width: 200px; border: none; } /**/ * html #buttonsearch { margin: -24px 0px 0px 203px; } /* */

#buttonsearch { padding: 0px; margin: -23px 0px 0px 203px; top: 0px; background: none; }

.Syn { background: #09182a url(http://img158.imageshack.us/img158/887/synbottomoc5.gif) no-repeat left bottom; margin-bottom: 10px; position: relative; padding: 10px 15px; }

/**/ * html .SynTop { left: -15px;} /* */

.SynTop { position: absolute; background: url(http://img129.imageshack.us/img129/6421/syntopsn5.gif) no-repeat left top; left: 0px; top: 0px; width: 230px; height: 8px; }

.Syn ul { margin: 0px; padding: 0px;}

.Syn li { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_e_tjYxy96aLAPMsIXOIcsrnl185nuPqTXUjKGjTncoe0MoHH4sCbB4gac76mFOwcOT3odCO7k4RLKI3dbLmu2KtpOMfKXThFun6Sxo-qJeNzojHkQ2YoQHn88I4IoxOmae5A_2ObFkeD/s1600/SynIco.gif) no-repeat left center; margin: 0px; padding: 3px 0px 3px 20px; list-style-type: none; font-size: 12px; color:#0097ca;}

.Syn li a { color:#fff; font-size: 12px; }

#sidebar2 {width: 160px; float: right; padding: 10px;}

#sidebar2 h2 { background: url(http://img129.imageshack.us/img129/5038/srrh3hl9.gif) repeat-x left bottom; color:$colortituloslateral2; padding: 0px 0px 5px 0px; margin: 0px 0px 5px 0px }

#sidebar2 h3 { background: url(http://img158.imageshack.us/img158/934/srrh3pn1.gif) repeat-x left bottom; color:#abcee1; padding: 0px 0px 5px 0px; margin: 0px 0px 5px 0px }

#sidebar2 ul { padding: 0px; margin: 0px;}

#sidebar2 li { padding: 0px 0px 0px 10px; margin: 0px; list-style-type: none; background: url(http://img158.imageshack.us/img158/1923/srricomj1.png) no-repeat left top;}

#sidebar2 li a { color:$colortextolateral2; font-size: 11px; }

#sidebar2 li a:visited { color:#7a8fa4; }

#sidebar2 li a:hover { color:#7a8fa4;}

.widget-content {

}

#NewsBar1, #NewsBar2, #VideoBar1, #VideoBar2, #AdSense1, #AdSense2, #AdSense3, #Profile1, #Feed1, #Feed2, #NewsBar1, #NewsBar2, #HTML1 , #HTML2, #HTML3, #HTML4, #Text1, #Text2, #LinkList1, #LinkList2, #TextList1, #TextList2, #BlogArchive1, #Label1, #Label2 {

}

/*-- (Pie de página) --*/

#footer-wrapper {

width: 970px; position: relative; clear: left; padding: 10px 15px;

}

.FL { position: absolute; top: -8px; left: 0px; height: 8px; width: 8px; background: url(http://img175.imageshack.us/img175/3549/flxi0.gif) no-repeat left top; }

.FR { position: absolute; top: -8px; right: 0px; height: 8px; width: 8px; background: url(http://img211.imageshack.us/img211/791/frwg8.gif) no-repeat left top; }

#footer-wrapper a {

color:#92b8cd; text-decoration: underline;

}

#footer-wrapper .links {

font-size: 10px; color:#92b8cd; padding: 0px; margin: 0px;

}

/*-- (Comentarios) --*/

#comments h4 {

font-size: 14px; font-weight: bold; margin: 0px 0px 5px 0px; padding: 5px 0px; color:#000;

}

#comments dl {

}

.comment-author {

margin: 0px; padding: 0px; font-size: 11px; line-height: 11px; letter-spacing: -1px; color:#333; font-weight: bold; display: block;

}

.comment-body {

margin: 5px 0px 0px 0px; padding: 0px; font-size: 11px; line-height: 15px; background: #fff url(images/ComListContent.gif) no-repeat left top; display: block;

}

dd.comment-footer { color:#a19a80; padding: 0px; margin: 0px; font-size: 10px; }

dd.comment-footer a { color:#a19a80; text-decoration: none;}

dd.comment-footer a:visited { text-decoration: none;}

]]></b:skin>

<script>

function remplaza_fecha(d){

var da = d.split(' ');

dia = "<div class='fecha_dia'>"+da[0]+"</div>"; //Le otorgamos una clase al día

mes = "<div class='fecha_mes'>"+da[1].slice(0,3)+"</div>"; //Le otorgamos una clase al mes

anio = "<div class='fecha_anio'>"+da[2]+"</div>"; //Le otorgamos una clase al año

document.write(dia+mes);

}

</script><link href='http://plantillasblogyweb2.googlepages.com/estilos-generales.css' rel='stylesheet' type='text/css'/>

<link href='http://plantillasblogyweb2.googlepages.com/blogy-illacrimo.css' rel='stylesheet' type='text/css'/></head>

<body>

<div id='outer-wrapper'><div id='wrap2'>



<span id='skiplinks' style='display:none;'>

<a href='#main'>ir a principal </a> |

<a href='#sidebar'>Ir a lateral</a>

</span>



<div id='header-wrapper'>

<div class='LS'/>

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

<b:widget id='Header1' locked='true' title='Blogy illacrimo (cabecera)' type='Header'>

<b:includable id='main'>

<b:if cond='data:useImage'>

<b:if cond='data:imagePlacement == "REPLACE"'>



<div id='header-inner'>

<a expr:href='data:blog.homepageUrl' style='display: block'>

<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>

</a>

</div>

<b:else/>



<div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-repeat: no-repeat; " + "width: " + data:width + "px; " + "height: " + data:height + "px;"' id='header-inner'>

<div class='titlewrapper' style='background: transparent'>

<h1 class='title' style='background: transparent; border-width: 0px'>

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<data:title/>

<b:else/>

<a expr:href='data:blog.homepageUrl'><data:title/></a>

</b:if>

</h1>

</div>

<div class='descriptionwrapper'>

<p class='description'><span><data:description/></span></p>

</div>

</div>

</b:if>

<b:else/>



<div id='header-inner'>

<div class='titlewrapper'>

<h1 class='title'>

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<data:title/>

<b:else/>

<a expr:href='data:blog.homepageUrl'><data:title/></a>

</b:if>

</h1>

</div>

<div class='descriptionwrapper'>

<p class='description'><span><data:description/></span></p>

</div>

</div>

</b:if>

</b:includable>

</b:widget>

</b:section>

</div>

<div class='Menu'>

<div class='MTL'/>

<div class='MTR'/>

<ul>

<li><a class='on' href='#'><span>Inicio</span></a></li>

<li class='page_item'><a href='#' title='Fotos'><span>Fotos</span></a></li>

<li class='page_item'><a href='#' title='Blog'><span>Blog</span></a></li>

<li class='page_item'><a href='http://blogandweb.com/' title='Blog'><span>Soporte</span></a></li>

</ul>

</div>



<div id='content-wrapper'>



<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:includable id='nextprev'>

<div class='blog-pager' id='blog-pager'>

<b:if cond='data:newerPageUrl'>

<span id='blog-pager-newer-link'>

<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>

</span>

</b:if>

<b:if cond='data:olderPageUrl'>

<span id='blog-pager-older-link'>

<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>

</span>

</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>

<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

<b:else/>

<b:if cond='data:newerPageUrl'>

<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

</b:if>

</b:if>

</div>

<div class='clear'/>

</b:includable>

<b:includable id='backlinks' var='post'>

<a name='links'/><h4><data:post.backlinksLabel/></h4>

<b:if cond='data:post.numBacklinks != 0'>

<dl class='comments-block' id='comments-block'>

<b:loop values='data:post.backlinks' var='backlink'>

<div class='collapsed-backlink backlink-control'>

<dt class='comment-title'>

<span class='backlink-toggle-zippy'> </span>

<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>

<b:include data='backlink' name='backlinkDeleteIcon'/>

</dt>

<dd class='comment-body collapseable'>

<data:backlink.snippet/>

</dd>

<dd class='comment-footer collapseable'>

<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>

<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>

</dd>

</div>

</b:loop>

</dl>

</b:if>

<p class='comment-footer'>

<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>

</p>

</b:includable>

<b:includable id='post' var='post'>

<div class='post hentry uncustomized-post-template'><div class='posthead'>

<a expr:name='data:post.id'/>

<b:if cond='data:post.title'>

<h3 class='post-title entry-title'>

<b:if cond='data:post.link'>

<a expr:href='data:post.link'><data:post.title/></a>

<b:else/>

<b:if cond='data:post.url'>

<a expr:href='data:post.url'><data:post.title/></a>

<b:else/>

<data:post.title/>

</b:if>

</b:if>

</h3>

</b:if>

<small><span class='post-author vcard'>

<b:if cond='data:top.showAuthor'>

<data:top.authorLabel/>

<span class='fn'><data:post.author/></span>

</b:if>

</span>

<span class='post-timestamp'>

<b:if cond='data:top.showTimestamp'>

<data:top.timestampLabel/>

<b:if cond='data:post.url'>

<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>

</b:if>

</b:if>

</span></small>

<div id='fecha'>

<script>remplaza_fecha('<data:post.dateHeader/>');</script>

</div>

</div>

<div class='post-header-line-1'/>

<div class='post-body entry-content'>

<p><data:post.body/></p>

<div style='clear: both;'/> 

</div>

<div class='post-footer'>

<p class='post-footer-line post-footer-line-1'>

<span class='post-comment-link'>

<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:post.allowComments'>

<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>

</b:if>

</b:if>

</span>



<span class='post-backlinks post-comment-link'>

<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:post.showBacklinks'>

<a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a>

</b:if>

</b:if>

</span>

<span class='post-icons'>



<b:if cond='data:post.emailPostUrl'>

<span class='item-action'>

<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>

<span class='email-post-icon'> </span>

</a>

</span>

</b:if>



<b:include data='post' name='postQuickEdit'/>

</span>

</p>

<p class='post-footer-line post-footer-line-2'>

<span class='post-labels'>

<b:if cond='data:post.labels'>

<data:postLabelsLabel/>

<b:loop values='data:post.labels' var='label'>

<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>

</b:loop>

</b:if>

</span>

</p>

<p class='post-footer-line post-footer-line-3'/>

</div>

</div>

</b:includable>

<b:includable id='commentDeleteIcon' var='comment'>

<span expr:class='"item-control " + data:comment.adminClass'>

<a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>

<span class='delete-comment-icon'> </span>

</a>

</span>

</b:includable>

<b:includable id='status-message'>

<b:if cond='data:navMessage'>

<div class='status-msg-wrap'>

<div class='status-msg-body'>

<data:navMessage/>

</div>

<div class='status-msg-border'>

<div class='status-msg-bg'>

<div class='status-msg-hidden'><data:navMessage/></div>

</div>

</div>

</div>

<div style='clear: both;'/>

</b:if>

</b:includable>

<b:includable id='feedLinks'>

<b:if cond='data:blog.pageType != "item"'> 

<b:if cond='data:feedLinks'>

<div class='blog-feeds'>

<b:include data='feedLinks' name='feedLinksBody'/>

</div>

</b:if>

<b:else/> 

<div class='post-feeds'>

<b:loop values='data:posts' var='post'>

<b:if cond='data:post.allowComments'>

<b:if cond='data:post.feedLinks'>

<b:include data='post.feedLinks' name='feedLinksBody'/>

</b:if>

</b:if>

</b:loop>

</div>

</b:if>

</b:includable>

<b:includable id='backlinkDeleteIcon' var='backlink'>

<span expr:class='"item-control " + data:backlink.adminClass'>

<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>

<span class='delete-comment-icon'> </span>

</a>

</span>

</b:includable>

<b:includable id='feedLinksBody' var='links'>

<div class='feed-links'>

<data:feedLinksMsg/>

<b:loop values='data:links' var='f'>

<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>

</b:loop>

</div>

</b:includable>

<b:includable id='postQuickEdit' var='post'>

<b:if cond='data:post.editUrl'>

<span expr:class='"item-control " + data:post.adminClass'>

<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>

<span class='quick-edit-icon'> </span>

</a>

</span>

</b:if>

</b:includable>

<b:includable id='comments' var='post'>

<div class='comments' id='comments'>

<a name='comments'/>

<b:if cond='data:post.allowComments'>

<h4>

<b:if cond='data:post.numComments == 1'>

1 <data:commentLabel/>:

<b:else/>

<data:post.numComments/> <data:commentLabelPlural/>:

</b:if>

</h4>

<dl id='comments-block'>

<b:loop values='data:post.comments' var='comment'>

<dt class='comment-author' expr:id='"comment-" + data:comment.id'>

<a expr:name='"comment-" + data:comment.id'/>

<b:if cond='data:comment.authorUrl'>

<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>

<b:else/>

<data:comment.author/>

</b:if>

<data:commentPostedByMsg/>

</dt>

<dd class='comment-body'>

<b:if cond='data:comment.isDeleted'>

<span class='deleted-comment'><data:comment.body/></span>

<b:else/>

<p><data:comment.body/></p>

</b:if>

</dd>

<dd class='comment-footer'>

<span class='comment-timestamp'>

<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>

<data:comment.timestamp/>

</a>

<b:include data='comment' name='commentDeleteIcon'/>

</span>

</dd>

</b:loop>

</dl>

<p class='comment-footer'>

<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>

</p>

</b:if>

<div id='backlinks-container'>

<div expr:id='data:widget.instanceId + "_backlinks-container"'>

<b:if cond='data:post.showBacklinks'>

<b:include data='post' name='backlinks'/>

</b:if>

</div>

</div>

</div>

</b:includable>

<b:includable id='main' var='top'>



<div class='blog-posts hfeed'>

<b:include data='top' name='status-message'/>

<data:adStart/>

<b:loop values='data:posts' var='post'>

<b:include data='post' name='post'/>

<b:if cond='data:blog.pageType == "item"'>

<b:include data='post' name='comments'/>

</b:if>

<b:if cond='data:post.includeAd'>

<data:adEnd/>

<data:adCode/>

<data:adStart/>

</b:if>

</b:loop>

<data:adEnd/>

</div>



<b:include name='nextprev'/>



<b:include name='feedLinks'/>

</b:includable>

</b:widget>

</b:section>

</div>



<div id='sidebar-wrapper'>



<div id='sidebar1'>

<div class='Search'>

<form action='/search' method='get'>

<input class='keyword' name='q' type='text'/>

<div id='buttonsearch'><input alt='Buscar' class='search' name='submit' src='http://img204.imageshack.us/img204/5218/buttontransparentzd5.png' title='Buscar' type='image'/>

</div>

</form>

</div>

<div class='Syn'><div class='SynTop'/>

<ul>

<li><a href='http://TUBLOG.blogspot.com/feeds/posts/default'>Entradas</a> (RSS)</li>

<li><a href='http://TUBLOG.blogspot.com/feeds/comments/default'>Comentarios</a> (RSS)</li>

</ul>

</div>

<b:section class='sidebar' id='lateral1' preferred='yes'>

<b:widget id='LinkList1' locked='false' title='Links' type='LinkList'>

<b:includable id='main'>

<b:if cond='data:title'><h2><data:title/></h2></b:if>

<div class='widget-content'>

<ul>

<b:loop values='data:links' var='link'>

<li><a expr:href='data:link.target'><data:link.name/></a></li>

</b:loop>

</ul>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>

<b:widget id='Feed1' locked='false' title='Blog and Web' type='Feed'>

<b:includable id='main'>

<h2><data:title/></h2>

<div class='widget-content'>

<ul expr:id='data:widget.instanceId + "_feedItemListDisplay"'>

<b:loop values='data:feedData.items' var='i'>

<li>

<span class='item-title'>

<a expr:href='data:i.alternate.href'>

<data:i.title/>

</a>

</span>

<b:if cond='data:showItemDate'>

<b:if cond='data:i.str_published != ""'>

<span class='item-date'>

 - <data:i.str_published/>

</span>

</b:if>

</b:if>

<b:if cond='data:showItemAuthor'>

<b:if cond='data:i.author != ""'>

<span class='item-author'>

 - <data:i.author/>

</span>

</b:if>

</b:if>

</li>

</b:loop>

</ul>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>

</b:section>

</div>



<div id='sidebar2'>

<b:section class='sidebar' id='lateral2' preferred='yes'>

<b:widget id='Label1' locked='false' title='Etiquetas' type='Label'>

<b:includable id='main'>

<b:if cond='data:title'>

<h2><data:title/></h2>

</b:if>

<div class='widget-content'>

<ul>

<b:loop values='data:labels' var='label'>

<li>

<b:if cond='data:blog.url == data:label.url'>

<data:label.name/>

<b:else/>

<a expr:href='data:label.url'><data:label.name/></a>

</b:if>

(<data:label.count/>)

</li>

</b:loop>

</ul>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>

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

<b:includable id='main'>

<b:if cond='data:title'>

<h2><data:title/></h2>

</b:if>

<div class='widget-content'>

<div id='ArchiveList'>

<div expr:id='data:widget.instanceId + "_ArchiveList"'>

<b:if cond='data:style == "HIERARCHY"'>

<b:include data='data' name='interval'/>

</b:if>

<b:if cond='data:style == "FLAT"'>

<b:include data='data' name='flat'/>

</b:if>

<b:if cond='data:style == "MENU"'>

<b:include data='data' name='menu'/>

</b:if>

</div>

</div>

<b:include name='quickedit'/>

</div>

</b:includable>

<b:includable id='flat' var='data'>

<ul>

<b:loop values='data:data' var='i'>

<li class='archivedate'>

<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)

</li>

</b:loop>

</ul>

</b:includable>

<b:includable id='menu' var='data'>

<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>

<option value=''><data:title/></option>

<b:loop values='data:data' var='i'>

<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>

</b:loop>

</select>

</b:includable>

<b:includable id='interval' var='intervalData'>

<b:loop values='data:intervalData' var='i'>

<ul>

<li expr:class='"archivedate " + data:i.expclass'>

<b:include data='i' name='toggle'/>

<a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>

(<span class='post-count'><data:i.post-count/></span>)

<b:if cond='data:i.data'>

<b:include data='i.data' name='interval'/>

</b:if>

<b:if cond='data:i.posts'>

<b:include data='i.posts' name='posts'/>

</b:if>

</li>

</ul>

</b:loop>

</b:includable>

<b:includable id='toggle' var='interval'>

<b:if cond='data:interval.toggleId'>

<b:if cond='data:interval.expclass == "expanded"'>

<a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=close&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'>

<span class='zippy toggle-open'>▼ </span>

</a>

<b:else/>

<a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=open&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'>

<span class='zippy'>► </span>

</a>

</b:if>

</b:if>

</b:includable>

<b:includable id='posts' var='posts'>

<ul class='posts'>

<b:loop values='data:posts' var='i'>

<li><a expr:href='data:i.url'><data:i.title/></a></li>

</b:loop>

</ul>

</b:includable>

</b:widget>

</b:section>

</div>

</div>



<div class='clear'/>

</div> 



<div id='footer-wrapper'>

<div class='FL'/>

<div class='FR'/>



<p class='links'>Tublogaqui.blogspot.com | Diseño de <a href='http://designdisease.com/'>Design Disease</a>

| A <a href='http://www.blogger.com'>Blogger</a> por

<a href='http://blogandweb.com/'>Blog and Web</a></p>

</div>

</div></div> 

</body>

</html>

Plantilla Minix

Contenido

Codigo Minix

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//ES" "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[/*

/* **************************

Plantilla adaptada a Blogger por Blog and Web

Diseño original por Storelicious.

Encuentra esta y más plantillas en:

http://www.blogandweb.com

Recuerda que esta plantilla es gratuita y esta

bajo una licencia Creative Commons Atribution.

Puedes usarla para fines personales o comerciales

pero NO REMOVER LOS CREDITOS

Una bonita forma de agradecer es dando un link a Blog and Web.

***************************** */

/* Definición de variables

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

<Variable name="bgcolor" description="Color de fondo del blog"

type="color" default="#F5F5F5" value="#F5F5F5">

<Variable name="textocolor" description="Color general del texto"

type="color" default="#4d4d4d" value="#4d4d4d">

<Variable name="enlacecolor" description="Color de los enlaces (links)"

type="color" default="#6699cc" value="#6699cc">

<Variable name="colortitulomenu" description="Color de los links del menu"

type="color" default="#FFF" value="#FFFFFF">

<Variable name="colorbordes" description="Color de borde en sidebar"

type="color" default="#A3BB50" value="#A3BB50">

<Variable name="colortituloslateral" description="Color de los titulos en la barra lateral"

type="color" default="#FFFFFF" value="#FFFFFF">

<Variable name="colorenlaceencima" description="Color del link al pasar el mouse"

type="color" default="#ff0084" value="#ff0084">

*/

#outer-wrapper {

}

#navbar-iframe {

height:0px;

visibility:hidden;

display:none

}

/*-- (Genrales) --*/

body{

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

font-size:12px;

margin:0px;

padding:0px;

color:$textocolor;

background:$bgcolor url(http://img263.imageshack.us/img263/9962/blogyminyxwebbgjf8.gif) top repeat-x;

}

a{

outline:none;

text-decoration:none;

}

a:link,

a:visited {color:$enlacecolor;}

a:hover {color:$colorenlaceencima;}

img, img a {border:none;}

h2{

padding:5px 0px;

}

blockquote{

color:#666;

font-style:italic;

border-left:3px solid #999;

padding:0px 0px 0px 5px;

}

/*-- (Cabecera) --*/

#header-wrapper {

padding:10px 2px 0px 10px;

}

#header-inner {

}

#header-wrapper h1 {

margin:18px 0px 0px 0px;

padding:0px;

}

#header-wrapper h1, #header-wrapper h1 a {

width:195px;

height:52px;

display:block;

text-indent:-900em;

background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVGac5kyt81UbKW5N9vW5AsnupADz62EBFTBkqGjSbusepKFEz3dDev-ax_fD1FFZ2ye3SezCpibZg9DmXvfPPfyCtM536qtPFwEf_dSIZUj7RzA3rdYT13hCNxGqutEM4YrKh8EsoXvUx/s1600/logo.gif);

background-position:left;

background-repeat:no-repeat;

float:left;

}

#header-wrapper h1 a:hover{

background-position:center bottom;

}

#header-wrapper h1,

#header-wrapper h1 a:link,

#header-wrapper h1 a:visited {

background-position:top;

}

.description {

display:none;

}

.feed_icon{

text-indent:-900em;

float:right;

}

.feed_icon a{

width:60px;

height:55px;

display:block;

background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoX516FEBT0eAx6E084mZkblDwlcj4wGvWK3jt_TAqZIiD8W5kP_ub9ZYTgg-7rCmtBE4Pl_yNnx9R-BEleaFiVYADNs91mVr23DVIRFGFEz-YXNa52LDxmUwWybu-0_f_6F45TEqZK3TS/s1600/icon_feedbig.gif);

background-repeat:no-repeat;

margin:6px 0px 0px 0px;

}

.feed_icon a:link,

.feed_icon a:visited{

background-position:top;

}

.feed_icon a:hover{

background-position:bottom;

}

/*-- (Menú) --*/

#menu{

height:55px;

vertical-align:middle;

}

#menu ul {

padding:0px;

margin:18px 0px 0px 140px;

list-style: none;

}

#menu li {

display:inline;

padding:0px;

margin:0px 3px;

text-align:center;

}

#menu li a{

float: left;

padding:32px 0px 0px 0px;

width:100px;

height: 23px;

text-transform: lowercase;

text-align:center;

font-weight:bold;

background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjILbZDEh1m5V93Ad3XtFYeNFljwf9IdMsvhlm1OtYqBFAyMkB4gcYyIUnlg4NeK72JloPthy0vVB27TJ-D12bMni7kF3udnkceE4QHy9lHLbIPryK8-LL1QOxWvz_2frtm4EEwwL9iraLE/s1600/tabs.gif);

background-repeat:no-repeat;

}

#menu ul a:link,

#menu ul a:visited {

color: $colortitulomenu;

background-position:0px 0px;

}

#menu ul li a:hover {

color: #FFF;

background-position:0px -55px;

}

#menu #current a:link,

#menu #current a:visited,

#menu .current_page_item,

#menu .current_page_item a,

#menu li.current_page_item a{

color: #FFF;

background-position:0px -110px;

}

#menu #current a:hover,

#menu li.current_page_item a:hover{

color:#FFF;

background-position:0px -165px;

}

#menu ul li ul{

display:none;

}

/*-- (Cotenedor) --*/

#content-wrapper {

width:939px;

margin:0px auto 0px auto;

background:#F5F5F5 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqGzCUQh0duteXsAdzLQ0oWyeoc3o9hWwJ1G5cUeulXyJuNv8dmK_bxVkO1IfCFzMrgRhNaka8ke5Dvf23GZyy-6ouJat861dveM9ephyphenhyphencYfWoG6V_5tfyL22AH40wxq2ik2IISqJA2kuI/s1600/wrapBg.gif) top center no-repeat;

color:#4d4d4d;

padding:0px 10px;

}

/*-- (Principal) --*/

#main-wrapper {

float:left;

width:100%;

}

#main {

margin:0px 370px 0px 0px;

width:554px;

padding:7px 5px 0px 5px;

}

#main-wrapper ul {

list-style:none;

padding:0px 0px 0px 20px;

}

#main-wrapper ul li {

background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj19VG4msGBmNt517l0Hel9G-zIlkSkjXWWXZ8hkxbVd2bQpfFCgDOc_8RO05Bkwti4DsGV8CEChfXWlbc3TzqPYAo8iLRurBqoUwiepJvrznLie-tZ9IYzsgqFj-6g8IKq-TQmn9WQ47oo/s1600/icon_bullet.gif);

background-repeat:no-repeat;

background-position:left;

padding:0px 0px 0px 10px;

}

#main-wrapper a:hover {

}

#main .post {

border-bottom:1px solid #CCC;

padding-bottom:30px;

margin-bottom:10px;

}

.post {

margin:3px;

padding:5px 0px;

}

.post-title {

margin:0px;

padding:0px;

font-size:24px;

font-weight:normal;

color:#6699cc;

}

.post-body {

}

.date-header {

}

.post-footer {

font-size:11px;

margin:0px;

padding:0px;

float:right;

clear:both;

white-space: nowrap;

}

.post-footer a:link,

.post-footer a:visited{

background-position:0px 0px;

}

.post-footer a:hover{

background-position:0px -16px;

}

#main-wrapper h4{

height:32px;

font-size:28px;

color:#663333;

letter-spacing:-1px;

margin:0px;

padding:5px 0px;

text-align:center;

font-family:Georgia, "Times New Roman", Times, serif;

font-weight:bold;

font-style:italic;

}

#main-wrapper h4 em{

color:#669900;

}

#main-wrapper small{color:#666;}

.clear {

clear:both;

}

#blog-pager-newer-link {

width:35%;

float: right;

}

#blog-pager-older-link {

width:35%;

float: left;

}

#blog-pager {

text-align: center;

clear:both;

}

#blog-pager {margin:5px 0px 25px 0px; }

#blog-pager a {display:block; text-align:center; padding-top:13px; width:98%; height:26px;}

#blog-pager #blog-pager-newer-link a { background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQBdMkAwvCHH5YzRsp9lSIYu003uVWEdv3cQx3RnvlvTAx89gjLMy2QuiEL1DxQe4y9siN9XpMeRRd6xfe54SMtcuup1O_2xxLL7qNwgz9MHLX7WPijL91urHuGDsspDM4TIK02CgbhLeZ/s1600/btn_right.gif); background-repeat:no-repeat;

}

#blog-pager #blog-pager-older-link a {

background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv9nu8CohRj1fkoT8_t-WLFdpGVVqfq3K85-YnUc0B6Dsu5GBl72ltrr-_IreGop1JSuenX4doVZV2WUGe2NmOJOc6DsKH2UOIh0jpZ3Yyx_cxDeW9s-WnJopIIcZYxp1nEVxxfbSiuNVZ/s1600/btn_left.gif); background-repeat:no-repeat;

}

#blog-pager #blog-pager-newer-link a:link,

#blog-pager #blog-pager-newer-link a:visited {background-position:right 0px;}

#blog-pager #blog-pager-older-link a:link,

#blog-pager #blog-pager-older-link a:visited {background-position:left 0px;}

#blog-pager #blog-pager-newer-link a:hover {background-position: right -39px; color:#FFF}

#blog-pager #blog-pager-older-link a:hover {background-position: left -39px; color:#FFF}

/*-- PAGINACION PAGEBAR --*/

.pageNavi{margin:10px auto; text-align:center; display:block; clear:both;}

/*-- (Lateral) --*/

#sidebar-wrapper {

float:left;

width:360px;

margin:15px 0px 0px -370px;

}

#sidebar-wrapper ul{

list-style:none;

margin:0px 8px;

padding:10px 0px 10px 0px;

width:350px;

}

#sidebar-wrapper ul li{

}

#sidebar-wrapper ul li a{

padding:4px 0px 4px 35px;

display:block;

width:305px;

border-bottom:1px solid #eee;

background-repeat:no-repeat;

}

#BlogArchive1 ul li a{

display:inline;

}

#sidebar-wrapper ul li a:link,

#sidebar-wrapper ul li a:visited{

background-position:5px 0px;

}

#sidebar-wrapper ul li a:hover{

background-position:5px -23px;

}

#sidebar-wrapper h2 {

background-color:$colorbordes;

border-bottom:4px solid #669900;

text-align:center;

text-transform:uppercase;

font-weight:normal;

color:$colortituloslateral;

margin:10px 0px;

padding:5px 0px;

font-size:11px;

}

.widget-content {

}

#Feed1 li a, #Feed2 li a, #NewsBar1 li a, #NewsBar2 li a, #HTML1 li a, #HTML2 li a, #HTML3 li a, #TextList1 li a, #TextList2 li a {

background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNLU25trmaN44KX8n9Es3ONwzAT1YUnqatKJOsvFs9hmQMsgeB0UeI9y0Q3g4h4LpmwwqZHhCe_fdptDZLW9ZkQSojmcXW-JFmj8yUbaf9zWfbdvPKpE50YGEBRJ0BJ4AhHCSN1sjWw3yw/s1600/icon_post.gif);

}

#Label1 ul li a{

display:inline;

line-height:25px;

}

#searchContent{

color:#4c4c4c;

border:4px solid #A3BB50;

background-color:#BBCF74;

}

#searchform{

background-color:#BBCF74;

border-top:1px solid #CDDF8B;

border-left:1px solid #CDDF8B;

border-bottom:1px solid #9CAF57;

border-right:1px solid #9CAF57;

padding:7px 0px 8px 0px;

text-align:center;

height:31px;

}

#search{

margin:0px;

padding:0px;

}

#searchform #s{

background-color:#FFF;

border:2px solid #A3BB50;

padding:5px;

color:#333;

width:230px;

margin:0px 8px 0px 0px;

}

#searchform #searchsubmit{

background-color:#ffbc33;

border:2px solid #CF9926;

color:#333;

padding:4px 5px;

}

/* --(Comentarios)-- */

#comments h2 {

color:#6699CC;

font-size:24px;

font-weight:normal;

margin:0px;

padding:0px;

}

#comments-block {

list-style:none;

margin:0px;

padding:0px;

background:#fff;

border:4px solid #A3BB50;

}

#comments-block dt {background-color:#FFF; margin-bottom:5px; }

#comments-block dt.alt {background-color:#FFF;}

#comments-block dt {

padding:10px 10px 10px 40px;

margin:0px;

font-weight:normal;

color:#C47F62;

border-bottom:1px solid #A3BB50;

background:#BBCF74 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTzVizZx6Wbkw_tjVYF5w-arSGqjGSkgZh3WcO6fzKMD16ZUo9Eq8kNiGGA9gLOTiiIHoTiAZwTqd6AIm9STruBY3zswNmBwJWVegtNLuW6EbTIcplxnW3AsK4tAoMhwlZTHoj5NO8AQNR/s1600/icon_user.gif) no-repeat 7px 10px;

}

.comment-body {padding:0px 8px;}

#comments-block a { font-weight:normal; font-size:12px; }

#comments-block .comment-author a:link,

#comments-block .comment-author a:visited {color:#fff;}

#comments-block a:hover {color: #798F2C}

#comments-block .comment-footer a:link, #comments-block .comment-footer a:visited {color:#4D4D4D; font-size:10px;}

#comments-block cite {font-size:11px; color:#663300; font-style:normal; font-weight:bold;}

#commentlist cite small {}

#comments-block li span.commentNumer {

color: #A3BB50;

font: italic bold 30px Geneva, Arial, Helvetica, sans-serif;

float: right;

margin:0px 10px 0px 0px;

}

/*-- (Pie de página) --*/

#footer-wrapper {

background:#F5F5F5 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYciNHRs0B8eUiCN4u4yhncYe9N4KpGRogH-JqCWoJ7JuVAeFOPWYEUrZCoFZUnhXx6k79bFsFrqal4mUNNZj320dWSang-NqnCADvCXU85Xjr66ZUb0Tz0K5eWVpxWr3FRKmwGDbV0nu9/s1600/footBg.gif) bottom center no-repeat;

text-align:center;

width:902px;

padding:0px 20px 80px 20px;

margin:0px auto;

font-size:11px;

}

#footer-wrapper p {

margin:0px auto;

padding:5px 0px;

clear:left;

}

#footer-wrapper a{}

#footer-wrapper a:link,#footer-wrapper a:visited {color:#036}

#footer-wrapper a:hover {color:#A3BB50}

#footer-wrapper ul {

list-style:none;

margin:10px auto;

padding:0px;

text-align:center;

}

#footer-wrapper ul li {

display:inline;

height:20px;

margin:0px 10px;

text-align:center;

}

#footer-wrapper ul li a {

padding:5px 10px;

}

#footer-wrapper ul li a:link,

#footer-wrapper ul li a:visited {

}

#footer-wrapper #logoFoot {

width:54px;

height:54px;

float:right;

margin:0px 10px 0px 0px;

}

#footer-wrapper #logoFoot a {

width:54px;

height:54px;

display:block;

text-indent:-900em;

background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhA3k3D67cMBTPH502fb7tP-ySsWKSVL9p1OqakiZPvsyMoPHd5sp7HBUSFipO5aO9jw94WTWqGcrAzcOR3mwWrdYZ8QVySbyHFqBZmw3tTZTnSKyFARLDtvImaw1fNogwdS55-Ciu-XnFo/s1600/spiga.gif);

background-repeat:no-repeat;

}

#footer-wrapper #logoFoot a:link,

#footer-wrapper #logoFoot a:visited {

background-position:top;

}

#footer-wrapper #logoFoot a:hover {

background-position:bottom;

}

/* --(ICONOS)-- */

#Label1 li a, #Label2 li a{

background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYzsGn0Tq9CwG-dzvhbZdGgFioKHHmL9aXy14tT1pNHLwEXdrHhyphenhyphen9nlD35iNQRbnPr_-SRC8sJaN5LG_4xZSqqha78h6zmEcmHnv4lMIMu4i8p0aE2LcdhjUOlH2AE6E-p0pb_a5aQvawQ/s1600/icon_folder.gif);

}

#LinkList1 li a, #LinkList2 li a{

background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiezJPC4fgkiwmPpUSDGZwUUb9TiXjl0iq6y2ziui-JjAvumR2kZEecNZr0w17TuAbFkRyDe_eDxHUsttzfF2_t4SVk-duaUKoy-nWinaNZERLw2l6kqnrMFxmp3oQaIXjPFdTIUEwwmiK2/s1600/icon_link.gif);

text-transform:lowercase;

}

.comment-link {

padding-left: 20px;

padding-top: 2px;

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrqeeEWnWrBT7HZTAtyQzVTCnp4ljvWRZTuiRvb1eG-QvcLEZ9znT2zgJ-l1nc3DYbaSW5_uyPViOTkCiOasTKJQPf59dPSNGwyl9F0F_KAMRoNJGEvKA_qBwFLY8H8jch3jkwYCoHO6V6/s1600/icon_comment.gif) no-repeat;

}

]]></b:skin>







<link href='http://plantillasblogyweb.googlepages.com/blogy-minyx.css' rel='stylesheet' type='text/css'/> </head>

<body>

<div id='outer-wrapper'><div id='wrap2'>



<span id='skiplinks' style='display:none;'>

<a href='#main'>ir a principal </a> |

<a href='#sidebar'>Ir a lateral</a>

</span>



<div id='content-wrapper'>



<div id='header-wrapper'>

<p class='feed_icon'><a href='http://TUBLOG.blogspot.com/feeds/posts/default'>RSS2.0</a></p>

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

<b:widget id='Header1' locked='true' title='Blogy Minyx (cabecera)' type='Header'>

<b:includable id='main'>

<b:if cond='data:useImage'>

<b:if cond='data:imagePlacement == "REPLACE"'>



<div id='header-inner'>

<a expr:href='data:blog.homepageUrl' style='display: block'>

<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>

</a>

</div>

<b:else/>



<div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-repeat: no-repeat; " + "width: " + data:width + "px; " + "height: " + data:height + "px;"' id='header-inner'>

<div class='titlewrapper' style='background: transparent'>

<h1 class='title' style='background: transparent; border-width: 0px'>

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<data:title/>

<b:else/>

<a expr:href='data:blog.homepageUrl'><data:title/></a>

</b:if>

</h1>

</div>

<div class='descriptionwrapper'>

<p class='description'><span><data:description/></span></p>

</div>

</div>

</b:if>

<b:else/>



<div id='header-inner'>

<div class='titlewrapper'>

<h1 class='title'>

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<data:title/>

<b:else/>

<a expr:href='data:blog.homepageUrl'><data:title/></a>

</b:if>

</h1>

</div>

<div class='descriptionwrapper'>

<p class='description'><span><data:description/></span></p>

</div>

</div>

</b:if>

</b:includable>

</b:widget>

</b:section>

</div>

<div id='menu'>

<ul id='mnuList'>

<li id='current'><a href='#'>Inicio</a></li>

<li class='page_item'><a href='#'>Blog</a></li>

<li class='page_item'><a href='#'>Fotos</a></li>

<li><a href='#'>Perfil</a></li>

<li><a href='http://blogandweb.com'>Soporte</a></li>

</ul>

</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:includable id='nextprev'>

<div class='blog-pager' id='blog-pager'>

<b:if cond='data:newerPageUrl'>

<span id='blog-pager-newer-link'>

<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>

</span>

</b:if>

<b:if cond='data:olderPageUrl'>

<span id='blog-pager-older-link'>

<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>

</span>

</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>

<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

<b:else/>

<b:if cond='data:newerPageUrl'>

<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

</b:if>

</b:if>

</div>

<div class='clear'/>

</b:includable>

<b:includable id='backlinks' var='post'>

<a name='links'/><h4><data:post.backlinksLabel/></h4>

<b:if cond='data:post.numBacklinks != 0'>

<dl class='comments-block' id='comments-block'>

<b:loop values='data:post.backlinks' var='backlink'>

<div class='collapsed-backlink backlink-control'>

<dt class='comment-title'>

<span class='backlink-toggle-zippy'> </span>

<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>

<b:include data='backlink' name='backlinkDeleteIcon'/>

</dt>

<dd class='comment-body collapseable'>

<data:backlink.snippet/>

</dd>

<dd class='comment-footer collapseable'>

<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>

<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>

</dd>

</div>

</b:loop>

</dl>

</b:if>

<p class='comment-footer'>

<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>

</p>

</b:includable>

<b:includable id='post' var='post'>

<div class='post uncustomized-post-template'>

<a expr:name='data:post.id'/>

<b:if cond='data:post.title'>

<h2 class='post-title'>

<b:if cond='data:post.link'>

<a expr:href='data:post.link'><data:post.title/></a>

<b:else/>

<b:if cond='data:post.url'>

<a expr:href='data:post.url'><data:post.title/></a>

<b:else/>

<data:post.title/>

</b:if>

</b:if>

</h2>

</b:if>

<div class='post-header-line-1'/>

<b:if cond='data:post.dateHeader'>

<small class='date-header'><data:post.dateHeader/></small>

</b:if>

<div class='post-body'>

<p><data:post.body/></p>

<div style='clear: both;'/> 

</div>

<div class='post-footer'>

<p class='post-footer-line post-footer-line-1'>

<span class='post-author'>

<b:if cond='data:top.showAuthor'>

<data:top.authorLabel/> <data:post.author/>

</b:if>

</span>

<span class='post-timestamp'>

<b:if cond='data:top.showTimestamp'>

<data:top.timestampLabel/>

<b:if cond='data:post.url'>

<a class='timestamp-link' expr:href='data:post.url' title='permanent link'><data:post.timestamp/></a>

</b:if>

</b:if>

</span>

<span class='post-comment-link'>

<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:post.allowComments'>

<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>

</b:if>

</b:if>

</span>



<span class='post-backlinks post-comment-link'>

<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:post.showBacklinks'>

<a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a>

</b:if>

</b:if>

</span>

<span class='post-icons'>



<b:if cond='data:post.emailPostUrl'>

<span class='item-action'>

<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>

<span class='email-post-icon'> </span>

</a>

</span>

</b:if>



<b:include data='post' name='postQuickEdit'/>

</span>

</p>

<p class='post-footer-line post-footer-line-2'>

<span class='post-labels'>

<b:if cond='data:post.labels'>

<data:postLabelsLabel/>

<b:loop values='data:post.labels' var='label'>

<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>

</b:loop>

</b:if>

</span>

</p>

<p class='post-footer-line post-footer-line-3'/>

</div>

</div>

</b:includable>

<b:includable id='commentDeleteIcon' var='comment'>

<span expr:class='"item-control " + data:comment.adminClass'>

<a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>

<span class='delete-comment-icon'> </span>

</a>

</span>

</b:includable>

<b:includable id='status-message'>

<b:if cond='data:navMessage'>

<div class='status-msg-wrap'>

<div class='status-msg-body'>

<data:navMessage/>

</div>

<div class='status-msg-border'>

<div class='status-msg-bg'>

<div class='status-msg-hidden'><data:navMessage/></div>

</div>

</div>

</div>

<div style='clear: both;'/>

</b:if>

</b:includable>

<b:includable id='feedLinks'>

<b:if cond='data:blog.pageType != "item"'> 

<b:if cond='data:feedLinks'>

<div class='blog-feeds'>

<b:include data='feedLinks' name='feedLinksBody'/>

</div>

</b:if>

<b:else/> 

<div class='post-feeds'>

<b:loop values='data:posts' var='post'>

<b:if cond='data:post.allowComments'>

<b:if cond='data:post.feedLinks'>

<b:include data='post.feedLinks' name='feedLinksBody'/>

</b:if>

</b:if>

</b:loop>

</div>

</b:if>

</b:includable>

<b:includable id='backlinkDeleteIcon' var='backlink'>

<span expr:class='"item-control " + data:backlink.adminClass'>

<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>

<span class='delete-comment-icon'> </span>

</a>

</span>

</b:includable>

<b:includable id='feedLinksBody' var='links'>

<div class='feed-links'>

<data:feedLinksMsg/>

<b:loop values='data:links' var='f'>

<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>

</b:loop>

</div>

</b:includable>

<b:includable id='postQuickEdit' var='post'>

<b:if cond='data:post.editUrl'>

<span expr:class='"item-control " + data:post.adminClass'>

<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>

<span class='quick-edit-icon'> </span>

</a>

</span>

</b:if>

</b:includable>

<b:includable id='comments' var='post'>

<div class='comments' id='comments'>

<a name='comments'/>

<b:if cond='data:post.allowComments'>

<h2>

<b:if cond='data:post.numComments == 1'>

1 <data:commentLabel/>:

<b:else/>

<data:post.numComments/> <data:commentLabelPlural/>:

</b:if>

</h2>

<dl id='comments-block'>

<b:loop values='data:post.comments' var='comment'>

<dt class='comment-author' expr:id='"comment-" + data:comment.id'>

<a expr:name='"comment-" + data:comment.id'/>

<b:if cond='data:comment.authorUrl'>

<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>

<b:else/>

<data:comment.author/>

</b:if>

<data:commentPostedByMsg/>

</dt>

<dd class='comment-body'>

<b:if cond='data:comment.isDeleted'>

<span class='deleted-comment'><data:comment.body/></span>

<b:else/>

<p><data:comment.body/></p>

</b:if>

</dd>

<dd class='comment-footer'>

<span class='comment-timestamp'>

<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>

<data:comment.timestamp/>

</a>

<b:include data='comment' name='commentDeleteIcon'/>

</span>

</dd>

</b:loop>

</dl>

<p class='comment-footer'>

<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>

</p>

</b:if>

<div id='backlinks-container'>

<div expr:id='data:widget.instanceId + "_backlinks-container"'>

<b:if cond='data:post.showBacklinks'>

<b:include data='post' name='backlinks'/>

</b:if>

</div>

</div>

</div>

</b:includable>

<b:includable id='main' var='top'>



<div class='blog-posts'>

<b:include data='top' name='status-message'/>

<data:adStart/>

<b:loop values='data:posts' var='post'>

<b:include data='post' name='post'/>

<b:if cond='data:blog.pageType == "item"'>

<b:include data='post' name='comments'/>

</b:if>

</b:loop>

<data:adEnd/>

</div>



<b:include name='nextprev'/>



<b:include name='feedLinks'/>

</b:includable>

</b:widget>

</b:section>

</div>



<div id='sidebar-wrapper'>

<div id='searchContent'>

<form action='/search' id='searchform' method='get'>

<div>

<input id='s' name='q' type='text'/>

<input id='searchsubmit' type='submit' value='Buscar'/>

</div>

</form>

</div>

<b:section class='sidebar' id='sidebar' preferred='yes'>

<b:widget id='LinkList1' locked='false' title='Links' type='LinkList'>

<b:includable id='main'>

<b:if cond='data:title'><h2><data:title/></h2></b:if>

<div class='widget-content'>

<ul>

<b:loop values='data:links' var='link'>

<li><a expr:href='data:link.target'><data:link.name/></a></li>

</b:loop>

</ul>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>

<b:widget id='Feed1' locked='false' title='Recursos Blog & Web' type='Feed'>

<b:includable id='main'>

<h2><data:title/></h2>

<div class='widget-content'>

<ul expr:id='data:widget.instanceId + "_feedItemListDisplay"'>

<b:loop values='data:feedData.items' var='i'>

<li>

<span class='item-title'>

<a expr:href='data:i.alternate.href'>

<data:i.title/>

</a>

</span>

<b:if cond='data:showItemDate'>

<b:if cond='data:i.str_published != ""'>

<span class='item-date'>

 - <data:i.str_published/>

</span>

</b:if>

</b:if>

<b:if cond='data:showItemAuthor'>

<b:if cond='data:i.author != ""'>

<span class='item-author'>

 - <data:i.author/>

</span>

</b:if>

</b:if>

</li>

</b:loop>

</ul>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>

<b:widget id='Label1' locked='false' title='Etiquetas' type='Label'>

<b:includable id='main'>

<b:if cond='data:title'>

<h2><data:title/></h2>

</b:if>

<div class='widget-content'>

<ul>

<b:loop values='data:labels' var='label'>

<li>

<b:if cond='data:blog.url == data:label.url'>

<data:label.name/>

<b:else/>

<a expr:href='data:label.url'><data:label.name/></a>

</b:if>

(<data:label.count/>)

</li>

</b:loop>

</ul>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>

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

<b:includable id='main'>

<b:if cond='data:title'>

<h2><data:title/></h2>

</b:if>

<div class='widget-content'>

<div id='ArchiveList'>

<div expr:id='data:widget.instanceId + "_ArchiveList"'>

<b:if cond='data:style == "HIERARCHY"'>

<b:include data='data' name='interval'/>

</b:if>

<b:if cond='data:style == "FLAT"'>

<b:include data='data' name='flat'/>

</b:if>

<b:if cond='data:style == "MENU"'>

<b:include data='data' name='menu'/>

</b:if>

</div>

</div>

<b:include name='quickedit'/>

</div>

</b:includable>

<b:includable id='flat' var='data'>

<ul>

<b:loop values='data:data' var='i'>

<li class='archivedate'>

<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)

</li>

</b:loop>

</ul>

</b:includable>

<b:includable id='menu' var='data'>

<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>

<option value=''><data:title/></option>

<b:loop values='data:data' var='i'>

<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>

</b:loop>

</select>

</b:includable>

<b:includable id='interval' var='intervalData'>

<b:loop values='data:intervalData' var='i'>

<ul>

<li expr:class='"archivedate " + data:i.expclass'>

<b:include data='i' name='toggle'/>

<a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>

(<span class='post-count'><data:i.post-count/></span>)

<b:if cond='data:i.data'>

<b:include data='i.data' name='interval'/>

</b:if>

<b:if cond='data:i.posts'>

<b:include data='i.posts' name='posts'/>

</b:if>

</li>

</ul>

</b:loop>

</b:includable>

<b:includable id='toggle' var='interval'>

<b:if cond='data:interval.toggleId'>

<b:if cond='data:interval.expclass == "expanded"'>

<a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=close&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'>

<span class='zippy toggle-open'>▼ </span>

</a>

<b:else/>

<a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=open&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'>

<span class='zippy'>► </span>

</a>

</b:if>

</b:if>

</b:includable>

<b:includable id='posts' var='posts'>

<ul class='posts'>

<b:loop values='data:posts' var='i'>

<li><a expr:href='data:i.url'><data:i.title/></a></li>

</b:loop>

</ul>

</b:includable>

</b:widget>

</b:section>

</div>



<div class='clear'/>

</div> 



<div id='footer-wrapper'>

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



<p id='logoFoot'>

<a href='http://www.spiga.com.mx/'>www.spiga.com.mx</a>

</p>

<ul>

<li><a href='http://DIRECCION-TU-BLOG.blogspot.com'>Nombre de tu blog aqui</a></li>

<li><a href='http://blogger.com'>Blogger</a></li>

</ul>

<p><strong>©2007</strong> Todos los comentarios son responsabilidad de sus respectivos autores.</p>

<p><strong>© Minyx</strong> ha sido creado por <a href='http://www.storelicious.com' title='Storelicious'>Storelicious</a> y adaptado por <a href='http://blogandweb.com/'>Blog and Web</a></p>

</div>

</div></div> 

</body>

</html>

Publicado por Guti en 0:05 2 comentarios

Pulsar para oir post hablado

Herramientas

domingo, 4 de noviembre de 2007

Contraer todo | Expandir todo

Expandir/Contraer

Contenido:En el estupendo blog de César (dedicado a trucos, herramientas y toda clase de cosas que tenga que ver con el blog y su entorno, aparte de su estimable ayuda en todo lo concerniente al mismo, he pedido encontrar esta estupenda aplicación para Expandir y/o Contraer, tanto texto cómo imagenes y todo lo que se nos ocurra. El código para su implantación es el siguiente:

Entre la etiqueta -Head-/head-, pondremos lo siguiente;:
<script type="text/javascript" src="http://webjcp.googlepages.com/switchcontent.js" >

</script>

<style type="text/css">

.handcursor{

cursor:hand;

cursor:pointer;

}

</style>

-----Y en añadir un elemento de página, en la sección de -HTML-Javascript-,
añadiremos esto otro:

<div><a href="javascript:bobexample.sweepToggle('contract')">Contraer todo</a> | <a href="javascript:bobexample.sweepToggle('expand')">Expandir todo</a></div>

<h3 id="bobcontent1-title" class="handcursor">TITULO</h3>

<div id="bobcontent1" class="switchgroup1">

Contenido

</div>

<h3 id="bobcontent2-title" class="handcursor">TITULO</h3>

<div id="bobcontent2" class="switchgroup1">

Contenido

</div>

<h3 id="bobcontent3-title" class="handcursor">TITULOS</h3>

<div id="bobcontent3" class="switchgroup1">

Contenido

</div>

<script type="text/javascript">

var bobexample=new switchcontent("switchgroup1", "div") //Limit scanning of switch contents to just "div" elements

bobexample.setStatus('<img src="http://webjcp.googlepages.com/abrir.png"/> ', '<img src="http://webjcp.googlepages.com/cerrar.png"/> ')

bobexample.setColor('darkred', 'black')

bobexample.setPersist(true)

bobexample.collapsePrevious(true) //Only one content open at any given time

bobexample.init()

</script>

Titulo

Contenido:

Titulo

Contenido:

Titulo

Contenido:

Publicado por Guti en 23:56 29 comentarios

Pulsar para oir post hablado

Trucos Blog

Contraer todo | Expandir todo

Ver todas las entradas

Contenido:Para ver todas las entradas hasta 999, vasta con añadir el siguiente código
en la parte correspondiente a añadir un elemento de página -apartado de -HTML-javascript-.
El código es el siguiente :
<a href="http://reinosano.blogspot.com/search/label/?max-results=999"><img src="http://img58.imageshack.us/img58/7954/bulletgoro6.png"/>Ver todos los post</a>

Nota : Solamente habrá que cambiar laa partee correspondiente a http://, y poner la direccion de vuestro blog.

Efecto reflejo en Imagenes

Contenido:
Para obtener el efecto de reflejo en las imagenes tienes que pegar el siguiente código antes de -/head-:
Código:<script src='http://blogdecesar.googlepages.com/reflection.js' type='text/javascript'></script>
guardas plantilla y luego añades esto otro en la imagen:
<img src="dirección de foto" class="reflect"/>

Eliminar barra de Blogger

Contenido:
En el caso de que deseemos eliminar la barra de blogger situada en la parte superior del blog debemos insertar el siguiente código antes de -<head>-
Código:
<style type="text/css">

#navbar-iframe {

height:0px;

visibility:hidden;

display:none;

}

</style>

-------
y si nos queda un espacio en blanco Nos situamos en #outer-wrapper

en su lugar deberemos restificar la instrucción a donde dice -padding: 10px-, pondremos a 5 px o a 0px

Titulo

Contenido:

Publicado por Guti en 23:25 0 comentarios

Pulsar para oir post hablado

Utilidades

sábado, 3 de noviembre de 2007

Contraer todo | Expandir todo

Frase/Texto en Cursor

Contenido: Gracias al blog del Escaparate de Rosa podemos poner un texto que sigue el movimiento del ratón: El código de que nos muestra Rosa es el siguiente:
<script language="JavaScript" type="text/javascript">

mensaje = 'COLOCAR AQUI LA FRASE QUE SIGUE AL CURSOR';

font = 'Verdana,Arial';

size = 2;

color = 'black';

velocidad = 0.7;

n4 = (document.layers);

ie = (document.all);

n6 = (document.getElementById);

mensaje = mensaje.split('');

n = mensaje.length;

a = size*10;

ymouse = 0;

xmouse = 0;

props = "<font face="+font+" color="+color+" size="+size+">";

if (n4)

{

for ( i = 0; i < n; i++)

document.write('<layer left="0" top="0" width="+a+" name="n4mensaje'+i+'" height="+a+"><center>'+props+mensaje[i]+'</font></center></layer>');

}

else if (ie)

{

document.write('<div id="padre" style="position:absolute;top:0px;left:0px"><div style="position:relative">');

for (i=0; i < n; i++)

document.write('<div id="iemensaje" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+mensaje[i]+'</font></div>');

document.write('</div></div>');

}

else if (n6)

{

document.write('<div id="padre" style="position:absolute;top:0px;left:0px"><div style="position:relative">');

for (i = 0; i < n; i++)

document.write('<div id="iemensaje'+i+'" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+mensaje[i]+'</font></div>');

document.write('</div></div>');

}

if(n4)

window.captureEvents(Event.MOUSEMOVE);

function Mouse(evento)

{

if(ie)

{

xmouse = event.x+20;

ymouse = event.y+20;

}

else if(n4 || n6)

{

xmouse = evento.pageX+20;

ymouse = evento.pageY+20;

}

}

if(n4)

window.onMouseMove = Mouse

else if(ie || n6)

document.onmousemove = Mouse;

y = new Array();

x = new Array();

Y = new Array();

X = new Array();

Yaux = new Array();

Xaux = new Array();

for (i=0; i < n; i++)

{

y[i] = 0;

x[i] = 0;

Y[i] = 0;

X[i] = 0;

Yaux[i] = 0;

Xaux[i] = 0;

}

function asigna()

{

if (ie)

padre.style.top = document.body.scrollTop;

for (i = 0; i < n; i++)

{

if(n4)

{

document.layers['n4mensaje'+i].top = y[i];

document.layers['n4mensaje'+i].left = x[i]+(i*(a/2));

}

else if(ie)

{

iemensaje[i].style.top = y[i];

iemensaje[i].style.left = x[i]+(i*(a/2));

}

else if(n6)

{

eval("document.getElementById('iemensaje"+i+"').style.top = '"+y[i]+"px'");

eval("document.getElementById('iemensaje"+i+"').style.left = '"+(x[i]+(i*(a/2)))+"px'");

}

}

}

function ondula()

{

y[0]=Math.round(Y[0] +=((ymouse)-Y[0])*velocidad);

x[0]=Math.round(X[0] +=((xmouse)-X[0])*velocidad);

for (var i = 1; i < n; i++)

{

Yaux[i] = Math.round(Y[i]);

Xaux[i ]= Math.round(X[i]);

y[i] = Math.round(Y[i]=Yaux[i]+(y[i-1]-Y[i])*velocidad);

x[i] = Math.round(X[i]=Xaux[i]+(x[i-1]-X[i])*velocidad);

}

asigna();

setTimeout('ondula()',50);

}

window.onload = ondula;

</script>

que lo añadiremos en añadir un nuevo elemento de HTML, y pegamos en su interior este
Script

Mostrar/Ocultar

Contenido:Gracias a http://www. ForosdelWeb.com/, podemos disfrutar de este estupendo
Script, para mostrar y ocultar toda clase de contenido, incluso con varios enlaces
que interactuan entre sí. En el propio contenido del código está explicado como se debe de pegar en el blog, tanto en el -sidebar-, como en las -entradas. Hay una parte que se pone entre la etiqueta -head-, /head-, y otra entre -body -/body-, o en añadir un elemento de HTML y pergarlo en su interior.
El código es el siguiente:
<html>

<head>

<script>

function mostrar(enla , etik) {

obj = document.getElementById(etik);

obj.style.display = (obj.style.display == 'block') ? 'none' : 'block';

enla.innerHTML = (enla.innerHTML == '[-]') ? '[+]' : '[-]';

}

</script>

</head>

<body>

<p><a href="#" onclick="mostrar(this,'oculto'); return false" />[+]</a></p>

<div id="oculto" style="display:none">

Este texto se verá cuando yo quiera

</div>

<div>esto es un texto intermedio, siempre esta visible</div>

<p><a href="#" onclick="mostrar(this,'oculto2'); return false" />[+]</a></p>

<div id="oculto2" style="display:none">

Este texto se verá cuando yo quiera

</div>

<div>esto es otro texto intermedio, siempre esta visible</div>

</body>

</html>

Mostrar/Ocultar con el Ratón

Contenido:Otro Script interesante referente a mostrar y ocultar texto o imagenes, es la variante de pasar el ratón por encima de una palabra y que se vea el texto completo y al quitar el ratón dicho texto se oculta. Resulta bastante llamativo.
Tambien gracias a la gentileza de gente estupanda en programación visto en www.forosdelweb.com. El código lo explica por si sólo, hay una parte a insertar entre la etiqueta -head-/head-, otro parte a poner en el entradas o sidebar, en este caso basta añadir en un elemento de página en Script -HTML-.
El código es el siguiente:
<script type="text/javascript">

function mostrar(enla,etik) {

obj = document.getElementById(etik);

obj.style.visibility = (obj.style.visibility == 'hidden') ? 'visible' : 'hidden';

}

</script>

..............................

<body>

<a href="#" onmouseover="mostrar(this,'capa'); return false" onmouseout="mostrar(this,'capa'); return false">enlace</a>

<div id="capa" style="visibility:hidden">

Este texto se verá cuando ponga el cursor sobre el enlace

</div>

</body>

Tarjetas Navideñas

Contenido:
Para estas proximas Navidades a continuación les detallo algunas páginas de tarjetas Navideñas, para poder enviarlas por correo a sus familiares y amistades:
http://www.guiastur.com/NAVIDAD/
http://www.latincards.com/
http://www.postalvirtual.net/
http://www.tuspostales.net/ecard/
http://www.tarjetasnico.com/
http://www.regalosvirtuales.com/
http://www.postalvirtual.net/postal/

Publicado por Guti en 12:03 0 comentarios

Pulsar para oir post hablado

M/O Acerca del miedo

viernes, 2 de noviembre de 2007

Codigo+Acerca del miedo

Este texto se verá cuando yo quiera

1
Acerca del miedo

Publicado por Guti en 8:48 0 comentarios

Pulsar para oir post hablado

Mostrar/Ocultar

jueves, 1 de noviembre de 2007

[+]

esto es un texto intermedio, siempre esta visible

[+]

esto es otro texto intermedio, siempre esta visible

Publicado por Guti en 20:53 0 comentarios

Pulsar para oir post hablado

El Blog de J.Guti.

Plantillas

lunes, 5 de noviembre de 2007

Plantilla Blogi Illacrino

Codigo Blogi Illacrino

Plantilla Minix

Codigo Minix

Herramientas

domingo, 4 de noviembre de 2007

Expandir/Contraer

Titulo

Titulo

Titulo

Trucos Blog

Ver todas las entradas

Efecto reflejo en Imagenes

Eliminar barra de Blogger

Titulo

Utilidades

sábado, 3 de noviembre de 2007

Frase/Texto en Cursor

Mostrar/Ocultar

Mostrar/Ocultar con el Ratón

Tarjetas Navideñas

M/O Acerca del miedo

viernes, 2 de noviembre de 2007

Mostrar/Ocultar

jueves, 1 de noviembre de 2007

About Me

scroll

Menus

Accesorios

Plantillas

herramientas

Trucos Blog

Utilidades

Curiosidades

Ultimos Post-Rosa

Link

Link

Link

Mostrar/ocultar

Labels

Blog Archive

Enlazan este blog

Desplegable

Calendario

Scroll

Ultimos Post-Gema

El Blog de J.Guti-Ult.Posts

El Blog de J.Guti.

Links

Ayuda Blogs

Links

Suscribirse a