Archivos... y lo que se me vaya ocurriendo-
NY v2
Plantilla de Milo para Wordpress, adaptada a mi manera para Blogger en JJ
Esqueleto:
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<link href='http://bp3.blogger.com/_BQrzxz9-EQk/R2SrRCudX7I/AAAAAAAACbg/nTtbBANZZrM/s400/favicon.gif' rel='shortcut icon' type='image/gif'/>
<script src='http://junioscripts.googlepages.com/mootools.js' type='text/javascript'/>
<script src='http://junioscripts.googlepages.com/BackgroundSlider.js' type='text/javascript'/>
<script src='http://junioscripts.googlepages.com/slideshow1.js' type='text/javascript'/>
<b:skin><![CDATA[/*
/* Theme Name: NewYorker v2 Theme URI:http://3oneseven.com/ Description: A three column fluid theme with multiple loops, menu by <a title="The menu by Derek." href="http://5thirtyone.com/">Derek</a>, check the Read me file for instructions. Version: 3.17 Author: miloIIIIVII Author URI:http://3oneseven.com/ */ body{background:#fff url(http://bp3.blogger.com/_BQrzxz9-EQk/R2SF-CudXxI/AAAAAAAACaQ/UzfNzH4b9ZE/s1600/02.gif) top center no-repeat;color:#333;font-size:14px;font-family:Helvetica,Arial,Tahoma, Sans-Serif;margin:0;padding:0;line-height:20px;} #wrap{background:transparent;color:#333;font-size:14px;font-family:Arial,Helvetica,Sans-Serif;margin:0 auto;padding:0;width:90%;} a,a:visited{color:#600;text-decoration:none;} a:hover{text-decoration:none;color:#333;} #header{background:transparent;width:99%;height:225px;margin:0 auto;padding:0;text-align:left;border:0;} #header h1,#header h1 a{color:#000;font-size:48px;line-height:48px;font-family:century gothic, Verdana,Sans-Serif;text-decoration:none;padding:41px 0 0 5px;margin:0;font-weight:400;} #header h1 a:hover{color:#600;text-decoration:none;background:transparent ;} #flow{background:#fff;width:100%;margin:10px auto;padding:0;} #flic{background:#fff url(http://bp1.blogger.com/_BQrzxz9-EQk/R2SG8iudXyI/AAAAAAAACaY/FEQxwAW_jNc/s400/ff2.gif) center left no-repeat;width:100%;margin:10px auto;padding:0;height:70px;text-align:right;} #row{background:#fff;width:100%;height:420px;margin:5px auto;padding:0;} .description{display:none;} #row2{background:#fff;width:100%;margin:5px auto;padding:0;} .description{display:none;} #flow .col{width:60%;float:left;margin-right:5px;} #flow .col11{width:60%;float:left;margin-right:5px;} #flow .col9{width:300px;float:right;margin:30px 0 0 0;padding:0;} ul.nav{list-style:none;background:#fff;border-top:6px double #333;} .nav li{border-right:1px solid #DDD;float:left;display:block;width:100px;} .nav li a{font-size:14px;outline:none;color:#333;text-decoration:none;display:block;padding:5px 0 12px 5px;width:99px;text-transform:uppercase;} .nav li a span{font-size:11px;color:#777;text-transform:lowercase;} .nav li a:hover{background:#333;color:#eee!important;width:95px;} * html .nav li a:hover{background:#333;width:99px;} .nav li.skip{border-left:1px solid #DDD;float:right;display:block width:100px;} .nav li.skip a{width:100px;} li.top{border-left:1px solid #DDD;float:right;display:block width:100px;} li.top a{width:100px;} .nav li.skip a:hover,li.top a:hover{background:transparent;color:#333 !important;} #toggles,#toggles1,#toggles2,#toggles3{background:#fafafa;border-bottom:2px solid #ccc;} #toggles ul,#toggles1 ul,#toggles2 ul,#toggles3 ul{list-style:none;padding:0 0 3px 0;} #toggles li,#toggles1 li,#toggles2 li{float:left;display:block;width:140px;} #toggles3 li{float:left;display:block;width:150px;} #toggles li a,#toggles1 li a,#toggles2 li a{font-weight:400;color:#333;width:139px;display:block;padding:2px 0 4px 5px;}#toggles3 li a{font-weight:400;color:#333;width:149px;display:block;padding:2px 0 4px 5px;} #toggles li a:hover,#toggles1 li a:hover,#toggles2 li a:hover,#toggles3 li a:hover{color:#900;background:#ccc;} .fix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .fix{display:inline-block;} * html .fix{height:1%;} .fix{display:block;} .h_left{background:transparent;float:left;width:40%;height:170px;} .h_right{background:transparent;float:right;width:200px;height:180px;color:#333;} .entry p:first-letter{color:#600;font-size:x-large;} .entry p:first-line{text-transform:uppercase;} #l_sidebar h2,#r_sidebar h2,#s_footer h2,#contentmiddle h2,#row h2,#row2 h2,.col11 h2{background:#fff url(http://bp0.blogger.com/_BQrzxz9-EQk/R2SOHSudX2I/AAAAAAAACa4/9_larOVTVVQ/s400/cross.gif) top right no-repeat;color:#333;font-size:24px;font-family:Helvetica,Verdana,Arial,Sans-Serif;font-weight: 400;padding:0;margin-bottom:9px;font-variant:small-caps;} .col h2{background:#fff url(http://bp2.blogger.com/_BQrzxz9-EQk/R2SN4yudX1I/AAAAAAAACaw/LtDzGAyaJyQ/s400/ff.gif) top right no-repeat;color:#333;font-size:24px;font-family:Helvetica,Verdana,Arial,Sans-Serif;font-weight: 400;padding:0;margin-bottom:9px;font-variant:small-caps;} h2 a:hover{color:#000;background:none;} #l_sidebar{float:left;background:transparent;width:18%;margin:15px 5px 0 0;padding:20px 0 10px 20px;} #l_sidebar ul,#r_sidebar ul,#s_footer ul{list-style:none;margin:0;padding:0 0 15px 0;} #l_sidebar li,#r_sidebar li,#s_footer li{list-style:none;margin:0;padding:0;} #l_sidebar ul li,#r_sidebar ul li,#s_footer ul li{margin:0;padding:5px 0 0 0;} #l_sidebar ul li a,#r_sidebar ul li a,#s_footer ul li a{color:#600;text-decoration:none;} #l_sidebar ul li a:hover,#r_sidebar ul li a:hover,#s_footer ul li a:hover{color:#fff;text-decoration: none;} #r_sidebar{float:right;background:transparent;width:17%;margin:15px 5px 0 0;padding:20px 10px 10px 10px;} #r_sidebar p,#l_sidebar p,#col6 p{padding:2px 0 16px 0;margin:0;line-height:20px;} #l_sidebar li a,#r_sidebar li a,#s_footer li a{display:block;list-style:none;} #l_sidebar li a:hover,#r_sidebar li a:hover,#s_footer li a:hover{background:#600;color:#fff;list-style:none;} #content{width:98%;margin:20px auto;padding:0;list-style:none;} #content p{padding:10px 0 15px 0;margin:0;line-height:20px;} p.more a{width:292px;height:18px;display:block;background:url(http://bp0.blogger.com/_BQrzxz9-EQk/R2SNjSudX0I/AAAAAAAACao/fq6ytpRBwuw/s400/more.gif) 0 0 no-repeat #fff; color:#600;line-height:18px;text-transform:uppercase;text-decoration:none;margin:0;padding:0 0 0 60px;} #content p ol,#content p ul{margin:0;padding:0 0 0 20px;} blockquote{margin:0;padding:0 10px 0 35px;font-style:italic;color:#000;font-size:17px;line-height:18px;border-right:3px solid #600;background:url(http://bp2.blogger.com/_BQrzxz9-EQk/R2SPiyudX4I/AAAAAAAACbI/AMFjTuhgg6s/s400/q.gif) top left no-repeat #F7F3F7;} #contentmiddle{float:left;width:48%;margin:15px 5px 0 0;padding:20px 10px 10px 10px;list-style:none;} #single{float:left;width:64%;margin:15px 5px 0 0;padding:20px 10px 10px 10px;border-top:7px double #ccc;list-style:none;} .entry p img,#contentmiddle p img{float:right;border:none;margin-left:5px;margin-bottom:5px;} .date{font-size:11px;text-align:left;margin-bottom:2px;} .date span.date{color:#7F7F7F;padding:0 2px 0 4px;} .bigdate{font:25px,century gothic,sans serif;color:#000;text-decoration:none!important;} #contentmiddle ul,#middle ul{list-style:none;margin:0;padding:0 0 20px 0;} #contentmiddle ul li,#middle ul li{margin:0;padding:5px 0 0 0;} #contentmiddle ul li a,#middle ul li a{color:#600;text-decoration:none;} #contentmiddle ul li a:hover,#middle ul li a:hover{color:#333;text-decoration:none;} .postspace{background:transparent;width:80%;height:30px;margin:0;padding:0;} #footer{width:100%;margin:0 auto 0;padding:10px 0 10px 0;background:url(http://bp0.blogger.com/_BQrzxz9-EQk/R2SO1SudX3I/AAAAAAAACbA/GhEjobglNVk/s400/ff1.gif) bottom center no-repeat;text-align:center;font-variant:small-caps;font-size:14px;color:#ccc;} #footer a{color:#ccc;} #search{float:right;width:200px;margin:40px 0 0 0;-moz-opacity:0.4;text-align:right;}#search:hover{-moz-opacity:1.0;}#search .searchimg{float:left;width:14px;height:13px;background:url(http://bp2.blogger.com/_BQrzxz9-EQk/R2SNKyudXzI/AAAAAAAACag/2AkZtXQscSk/s400/fin.gif) 0 0 no-repeat;position:relative;top:4px;}#search input{ width:175px; font-size: 0.85em; background:#CCC;margin-top:2px;}#search input:focus{background:#FFF;}#searchform{margin:1em 0;}#searchform #s{background:#222;border:none;border-bottom:1px solid #333;width:30em;color:#666666;padding:0.25em;}#searchform #searchsubmit{background:#000;color:#666;border:none;font-size:0.9em;text-transform:uppercase;letter-spacing:0.25em;} #commentblock{width:95%;color:#333;float:left;padding:10px 20px 0 20px;margin:10px 0 10px 0;} ol#commentlist{padding:5px 0 5px 0;margin:0;list-style-type:none;} .commentdate{font-size:12px;padding-left:0;} #commentlist li p{margin-bottom:8px;line-height:20px;padding:0;} .commentname{color:#ccc;margin:0;padding:5px 5px 5px 0;}.commentinfo{clear:both;} .commenttext{clear:both;margin:5px 0 20px 0;padding:20px 10px 5px 10px;width: 70%;background:#fff;} .commenttext-admin{clear:both;margin:5px 0px 20px 0px;padding:20px 10px 5px 10px;width:70%;background:#ccc;} #commentsformheader{padding:0;} #commentsform{text-align:left;margin:0;padding:0;} #commentsform form{text-align:left;margin:0;}#commentsform p{margin:0;}#commentsform form textarea{width:99%;}p.comments_link img{margin:0;padding:0;border:none;} .entry{clear:right;} a img,a img:hover{border:none;} .center{text-align:center;}.alignleft{float:left;}.alignright{float:right;} #wp-calendar{text-align:center;background-color:transparent;margin:0;width:95%;}#wp-calendar td{line-height:10px;font-size:10px;color:#333;}#wp-calendar td a{display:block;color:#333;text-decoration:none;line-height:10px;}#wp-calendar #prev a{width:30px;}#wp-calendar #next a{width:30px;margin:0 0 0 30px;}#wp-calendar #today{background:#600;color:#fff;}#wp-calendar #today a{color:#fff;font-weight:700;}#wp-calendar caption{text-align:center;width:100%;margin:0 0 5px 0;font-variant:small-caps;} #s_footer{padding:0;margin:0;width:100%;clear:both;background:#fff;} #s_footer li{list-style:none;} #col1{width:20%;float:left;margin-right:15px;border-top:2px solid #ccc;} #col2{width:15%;float:left;margin-left:15px;border-top:2px solid #ccc;} #col3{width:19%;float:right;margin-left:15px;border-top:2px solid #ccc;} #col4{width:32%;float:left;margin-right:15px;} #col44{width:30%;float:left;margin-right:15px;} #col5{width:240px;float:right;overflow:hidden;} .ff a img{border:.08em solid #ccc;padding:.077em;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7; -khtml-opacity:0.7;width:5.5em;height:3.5em;margin:5px;} .ff a:hover img{border:.08em solid #333;opacity:1;width:5.5em;height:3.5em;margin:5px;padding:.077em;} .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix{display:inline-block;}* html .clearfix{height:1%;}.clearfix{display:block;} hr.clear{clear:both;visibility:hidden;margin:0;padding:0;} .menu{color:#600;border-bottom:1px solid #d9d8cb;height:22px;font:12px Arial,Helvetica,sans-serif; margin-top:30px;width:320px;float:right} .menu ul{margin:0;padding:0;list-style:none;float:right;margin-right:12px;} .menu li{background:none;font-size:13px;padding:0;display:inline;line-height:22px;} .menu li a{color:#600;text-decoration:none;padding:2px 6px 4px 6px;border-left:1px solid #d9d8cb; border-right:1px solid #d9d8cb;border-top:1px solid #d9d8cb;background-color:#f8f8f6;} .menu li a.tabactive{border-left:1px solid #d7d7d7;border-bottom:1px solid #fff;border-right:1px solid #d7d7d7;background-color:#fff;position:relative;color:#000;} #tabcontent1,#tabcontent2,#tabcontent3{width:305px;padding:6px;font-size:12px;margin-bottom:5px;border:1px solid #d9d8cb;border-top:0;display:block;float:right;} #tabcontent1 ul,#tabcontent2 ul,#tabcontent3 ul{list-style:square;} body div#toolTip{position:absolute;z-index:1000;width:180px;background:#ccc;border:0;text-align:left;padding:10px;min-height:1em;-moz-border-radius:5px;} body div#toolTip p{margin:0;padding:0;color:#333;font:11px/12px century gothic,arial,sans-serif;line-height:13px;} body div#toolTip p em{display:block;margin-top:3px;color:#ccc;font-style:normal;font-weight:bold;} body div#toolTip p em span{font-weight:bold;color:#ccc;}
#navbar-iframe { height:0px; visibility:hidden; display:none }
.tool-tip {
color: #fff;
width: 190px;
z-index: 13000;
}
.tool-title {
font-weight: bold;
font-size: 11px;
margin: 0;
color: #9FD4FF;
padding: 8px 8px 4px;
background:#000;
border-left:5px solid firebrick;
}
.tool-text {
font-size: 11px;
padding: 4px 8px 8px;
background:#000;
border-left:5px solid firebrick;
}
.custom-tip {
color: #000;
width: 130px;
z-index: 13000;
}
.custom-title {
font-weight: bold;
font-size: 11px;
margin: 0;
color: #3E4F14;
padding: 8px 8px 4px;
background: #C3DF7D;
border-bottom: 1px solid #B5CF74;
}
.custom-text {
font-size: 11px;
padding: 4px 8px 8px;
background: #CFDFA7;
}
/**************************************************************
SlideShow
v 1.2
**************************************************************/
.slideshow {
border: 1px solid #ccc;
width: 450px;
height: 300px;
}
.loading {
background: url(http://bp1.blogger.com/_BQrzxz9-EQk/R1tZRCvA8JI/AAAAAAAACPY/QJkJERSP65w/s320/indicator.gif) center no-repeat;
}
.slideshowThumbnail {
outline: none;
}
.slideshowThumbnail img {
border: 1px solid white;
padding: 5px;
}
a:hover.slideshowThumbnail img {
border: 1px solid #ccc;
padding: 5px;
}
.current img {
border: 1px solid red;
padding: 5px;
}
.outline {
border: 1px solid orange;
z-index: 0;
position: absolute;
}
#thumbnails {
width: 230px;
float: left;
}
a {
outline: none;
}
a:hover {
color: #ccc;
text-decoration: none;
}
/*************************************************************/
.dock {
width:100%;
text-align: center;
padding-bottom: 3px;
}
.dock a {
text-decoration: none;
}
.dock img {
margin: -2px;
border: none;
width: 0;
}
.dock-legend {
text-align: center;
font-weight: bold;
font-size: 0.8em;
color: #fff;
}
/* category menu */
ul#cat_menu {
float:right;
width: 13em;
height: 25.5em;
height: expression('23.8em'); /* MSIE hack */
overflow: hidden;
background-color: #fff;
margin: 0 auto;
list-style-type: none;
padding: 0;
text-indent: 0;
position: relative;
}
ul#cat_menu li {
padding: 0;
margin: 0;
border-top: 1px solid #484848;
height: 3.5em;
overflow: hidden;
}
ul#cat_menu li a {
font-size: 1em;
font-weight: bold;
padding: 0.7em 0.5em 0.2em 4em;
color: #fff;
text-transform: uppercase;
text-decoration: none;
display: block;
height: 4em;
background-position: 6% top;
background-repeat: no-repeat;
}
ul#cat_menu li a#cat_epilogo {
background-image: url(http://bp2.blogger.com/_BQrzxz9-EQk/R3YyISudaUI/AAAAAAAACxo/v1d85m7V3eA/s1600/casiocan1722_203590.jpg);
}
ul#cat_menu li a#cat_imagen {
background-image: url(http://bp2.blogger.com/_BQrzxz9-EQk/R3YyISudaUI/AAAAAAAACxo/v1d85m7V3eA/s1600/casiocan1722_203590.jpg);
}
ul#cat_menu li a#cat_trabajos {
background-image: url(http://bp2.blogger.com/_BQrzxz9-EQk/R3YyISudaUI/AAAAAAAACxo/v1d85m7V3eA/s1600/casiocan1722_203590.jpg);
}
ul#cat_menu li a#cat_nada {
background-image: url(http://bp2.blogger.com/_BQrzxz9-EQk/R3YyISudaUI/AAAAAAAACxo/v1d85m7V3eA/s1600/casiocan1722_203590.jpg);
}
ul#cat_menu li a#cat_revolutum {
background-image: url(http://bp2.blogger.com/_BQrzxz9-EQk/R3YyISudaUI/AAAAAAAACxo/v1d85m7V3eA/s1600/casiocan1722_203590.jpg);
}
ul#cat_menu li a#cat_inicio {
background-image: url(http://bp2.blogger.com/_BQrzxz9-EQk/R3YyISudaUI/AAAAAAAACxo/v1d85m7V3eA/s1600/casiocan1722_203590.jpg);
}
#demo-bar {
margin: 5px auto;
padding: 5px 0;
width: 600px;
border-bottom: 1px solid #B3D4EF;
background: #EFF8FF;
text-align: center;
}
#demo-wrapper {
margin: 5px auto;
overflow: hidden;
height: 400px;
width: 600px;
border: 1px solid #ddd;
position: relative;
}
#demo-inner {
width: 1600px;
height: 1600px;
background-image: url(http://bp0.blogger.com/_BQrzxz9-EQk/R1SGtivA7NI/AAAAAAAACHI/_txOJGL0cDQ/s1600/FX.jpg);
position: relative;
}
.scrolling-content {
background: #000;
width: 139px;
height: 73px;
text-align: center;
position: absolute;
}
.scrolling-content h1 {
color: #fff;
padding: 25px 0;
font-size: 12px;
}
#content1 {
right: 750px;
top: 100px;
}
#content2 {
right: 1500px;
top: 650px;
}
#content3 {
right: 500px;
top: 550px;
}
#content4 {
left: 1100px;
top: 860px;
}
]]></b:skin>
<script language='javascript' src='http://junioscripts.googlepages.com/mootools.svn.js' type='text/javascript'/>
<script type='text/javascript'>
window.addEvent('domready', function(){
var scroll = new Fx.Scroll('demo-wrapper', {
wait: false,
duration: 2500,
offset: {'x': -200, 'y': -50},
transition: Fx.Transitions.Quad.easeInOut
});
$('link1').addEvent('click', function(event) {
event = new Event(event).stop();
scroll.toElement('content1');
});
$('link2').addEvent('click', function(event) {
event = new Event(event).stop();
scroll.toElement('content2');
});
$('link3').addEvent('click', function(event) {
event = new Event(event).stop();
scroll.toElement('content3');
});
$('link4').addEvent('click', function(event) {
event = new Event(event).stop();
scroll.toElement('content4');
});
});
</script>
<script language='javascript' src='http://junioscripts.googlepages.com/mootools.svn.js' type='text/javascript'/>
<script type='text/javascript'>
window.addEvent('domready', function(){
/* Tips 1 */
var Tips1 = new Tips($$('.Tips1'));
/* Tips 2 */
var Tips2 = new Tips($$('.Tips2'), {
initialize:function(){
this.fx = new Fx.Style(this.toolTip, 'opacity', {duration: 500, wait: false}).set(0);
},
onShow: function(toolTip) {
this.fx.start(1);
},
onHide: function(toolTip) {
this.fx.start(0);
}
});
/* Tips 3 */
var Tips3 = new Tips($$('.Tips3'), {
showDelay: 400,
hideDelay: 400,
fixed: true
});
/* Tips 4 */
var Tips4 = new Tips($$('.Tips4'), {
className: 'custom'
});
});
</script>
<script type='text/javascript'>
function makeCatMenu () {
var szNormal = 3.5, szSmall = 3, szFull = 5.1;
var kwicks = $$("#cat_menu .category");
var menu_height = 0;
var fx = new Fx.Elements(kwicks, {wait: false, duration: 400, transition: Fx.Transitions.Back.easeOut, unit: 'em'});
kwicks.each(function(kwick, i) {
kwick.addEvent("mouseenter", function(event) {
var o = {};
o[i] = {height: [kwick.getStyle("height").toFloat(), szFull]}
kwicks.each(function(other, j) {
if(i != j) {
var h = other.getStyle("height").toFloat();
if(h != szSmall) o[j] = {height: [h, szSmall]};
}
});
fx.start(o);
});
});
$("cat_menu").addEvent("mouseleave", function(event) {
var o = {};
kwicks.each(function(kwick, i) {
o[i] = {height: [kwick.getStyle("height").toFloat(), szNormal]}
});
fx.start(o);
});
}
window.addEvent('domready', makeCatMenu);
</script>
<script src='http://junioscripts.googlepages.com/mootools-release-1.112.js' type='text/javascript'/>
<script src='http://junioscripts.googlepages.com/slimbox.js' type='text/javascript'/>
<link href='http://junioscripts.googlepages.com/slimbox.css' media='screen' rel='stylesheet' type='text/css'/>
<script type='text/javascript'>
//<![CDATA[
var comment_form_template = '<div class="commentelem" style="clear:both">\n'
+ '<div style="float:left;margin-right:5px;clear:both;" id="commentphoto[[CID]]"></div>'
+ '<div class="comment-poster">[[AUTHOR]]</div>\n'
+ '<div class="comment-body"><div class="innerCmntBody">[[BODY]]</div></div>\n'
+ '<div class="comment-timestamp"><a href="[[PERMALINK]]" title="comment permalink">[[DATE]]</a></div></div>\n';
//]]>
</script>
<script src='http://jscripts.ning.com/get.php?xn_auth=no&amp;id=2941927' type='text/javascript'/>
<script src='http://leonelhack.googlepages.com/blogger_comment_photos.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
BloggerProfiles.noimage = 'http://img139.imageshack.us/img139/1011/defaultavatarad7.png'
BloggerProfiles.imageWidth = 60;
BloggerProfiles.imageHeight = 75;
addLoadEvent(function(){showCommentPhotos('commentphoto','comment-author', 1);});
//]]></script>
<script type='text/javascript'>
// Developed by Hoctro - All rights reserved 2007
// This credit must be included in all your derived usages.
// "cb" is intended to be a common library, where different widgets would
// utitlize the shared operations such as getTitle, getLink, etc. from a json object.
var cb = {
// search function requires these parameters:
// 1. query: a blogger address, such as "hoctro.blogspot.com",
// 2. type: type of return data, either "comments" or "posts",
// 3. start: the start-index parameter (where to start extracting data)
// 4. increment: the number of elements the json will get back. (the smaller value, the faster time to travel back)
// 5. func: the returned function the json object will feed.
search: function(query, type, start, increment, func) {
var script = document.createElement('script');
script.setAttribute('src', 'http://' + query + '/feeds/' + type + '/default?alt=json-in-script&start-index='
+ start + '&max-results=' + increment + '&callback=' + func);
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
},
// getTotalResults needs the json object, and it'll return an array of the available members.
getTotalResults: function(json) {
return json.feed.openSearch$totalResults.$t;
},
// getStartIndex gets the start index of a search inside an json object.
getStartIndex: function(json) {
return json.feed.openSearch$startIndex.$t;
},
// getLink return a href link if "name" matches the content *inside "a" tags) of the link
getLink: function(entry, name) {
var alturl;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == name)
alturl = entry.link[k].href;
}
return alturl;
},
// getTitle gets the title of the search inside an json object.
getTitle: function(entry) {
return entry.title.$t;
},
// getContent gets the array content of the search inside an json object.
getContent: function(entry) {
return entry.content.$t;
},
// getCommentAuthor: gets the commenter inside an json object.
getCommentAuthor: function(entry) {
return entry.author[0].name.$t;
}
};
</script>
<script src='http://home.planet.nl/~hansoosting/downloads/beautifulbeta.js' type='text/javascript'/>
<script language='JavaScript' type='text/javascript'>
<!--
function convertPreBlocks() {}
var regular = "x-small";
function bigger(thing){
thing.style.fontSize = "large";
siblingElement = thing.previousSibling;
while(siblingElement) {
if(siblingElement.tagName=="SPAN") {
siblingElement.style.fontSize = "medium";
break;
}
siblingElement = siblingElement.previousSibling;
}
siblingElement = thing.nextSibling;
while(siblingElement) {
if(siblingElement.tagName=="SPAN") {
siblingElement.style.fontSize = "medium";
break;
}
siblingElement = siblingElement.nextSibling;
}
}
function normal(thing){
thing.style.fontSize = regular;
siblingElement = thing.previousSibling;
while(siblingElement) {
if(siblingElement.tagName=="SPAN") {
siblingElement.style.fontSize = regular;
break;
}
siblingElement = siblingElement.previousSibling;
}
siblingElement = thing.nextSibling;
while(siblingElement) {
if(siblingElement.tagName=="SPAN") {
siblingElement.style.fontSize = regular;
break;
}
siblingElement = siblingElement.nextSibling;
}
}
// -->
</script>
<script type='text/javascript'>
// Developed by Hoctro - All rights reserved 2007
// This credit must be included in all your derived usages.
// "cb" is intended to be a common library, where different widgets would
// utitlize the shared operations such as getTitle, getLink, etc. from a json object.
var cb = {
// search function requires these parameters:
// 1. query: a blogger address, such as "hoctro.blogspot.com",
// 2. type: type of return data, either "comments" or "posts",
// 3. start: the start-index parameter (where to start extracting data)
// 4. increment: the number of elements the json will get back. (the smaller value, the faster time to travel back)
// 5. func: the returned function the json object will feed.
search: function(query, type, start, increment, func) {
var script = document.createElement('script');
script.setAttribute('src', 'http://' + query + '/feeds/' + type + '/default?alt=json-in-script&start-index='
+ start + '&max-results=' + increment + '&callback=' + func + '&orderby=published');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
},
// searchLabel function return a result of posts w/ a label query
// it requires these parameters:
// 1. query: a blogger address, such as "hoctro.blogspot.com",
// 2. an array of labels
// 3. func: the returned function the json object will feed.
searchLabel: function(query, label, func) {
var script = document.createElement('script');
script.setAttribute('src', 'http://' + query + '/feeds/posts/default/-/' + encodeURIComponent(label) +
'?alt=json-in-script&callback=' + func + '&orderby=published');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
},
// getTotalResults needs the json object, and it'll return the total number of comments (or posts) of the blog.
getTotalResults: function(json) {
return json.feed.openSearch$totalResults.$t;
},
// getStartIndex gets the start index of a search inside an json object.
getStartIndex: function(json) {
return json.feed.openSearch$startIndex.$t;
},
// getLink return a href link if "name" matches the content inside "a" tags) of the link
getLink: function(entry, name) {
var alturl;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == name)
alturl = entry.link[k].href;
}
return alturl;
},
// getTitle gets the title of the title of an entry of a json object.
getTitle: function(entry) {
return entry.title.$t;
},
// getContent gets the content inside an entry of a json object.
getContent: function(entry) {
return entry.content.$t;
},
// getCommentAuthor: gets the commenter name inside an entry of a json object.
getCommentAuthor: function(entry) {
return entry.author[0].name.$t;
},
// Given a json label search, this function return the decoded label.
getLabelFromURL: function(json) {
for (var l = 0; l < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
// The next two lines are borrowed from Ramani's Neo Template
// code. Thanks Ramani!
var label = raw.substr(raw.lastIndexOf('/')+1);
return decodeURIComponent(label);
}
}
},
txt : function (s) {
return s + " Widget by <a href='http://hoctro.blogspot.com" + "'>Hoctro</a>";
}
};
</script>
<link href='http://yui.yahooapis.com/2.3.0/build/tabview/assets/tabview.css' rel='stylesheet' type='text/css'/>
<link href='http://yui.yahooapis.com/2.3.0/build/tabview/assets/border_tabs.css' rel='stylesheet' type='text/css'/>
<script src='http://yui.yahooapis.com/2.3.0/build/yahoo-dom-event/yahoo-dom-event.js' type='text/javascript'/>
<script src='http://yui.yahooapis.com/2.3.0/build/element/element-beta-min.js' type='text/javascript'/>
<script src='http://yui.yahooapis.com/2.3.0/build/tabview/tabview-min.js' type='text/javascript'/>
<style type='text/css'>
.yui-content {
padding:1em; /* pad content container */
}
.yui-navset .yui-content {
border:1px solid #ccc;
}
.yui-navset .yui-nav .selected a, .yui-navset .yui-nav a:hover {
background-color:#fff;
}
.yui-navset .yui-nav li a {
background:#e5e5e5 url(http://developer.yahoo.com/yui/examples/tabview/img/round_4px_trans_gray.gif) no-repeat;
}
.yui-navset .yui-nav li a em {
background:transparent url(http://developer.yahoo.com/yui/examples/tabview/img/round_4px_trans_gray.gif) no-repeat top right;
padding:0.5em;
}
/* top oriented */
.yui-navset-top .yui-nav { margin-bottom:-1px; } /* for overlap, based on content border-width */
.yui-navset-top .yui-nav li a {
border-bottom:1px solid #ccc;
}
.yui-navset-top .yui-nav .selected a { border-bottom:0; }
.yui-navset-top .yui-nav .selected a em { padding-bottom:0.6em; } /* adjust height */
</style>
</head>
<body>
<div id='wrap'><div id='header'><a name='top'/>
<div class='h_left'>
<h1><a href='http://jj-junio.blogspot.com/' title='regresar al inicio'>Test: JJ</a></h1></div>
<div class='h_right'>
<div id='search'>
<form action='/search' id='sform' method='get'>
<div class='searchimg'/>
<input id='q' name='q' size='15' type='text' value=''/>
</form></div></div><hr class='clear'/>
<ul class='nav fix'>
<li><a href='http://jj-junio.blogspot.com/' title='Regresar al principio '>Inicio<br/><span>Todo Pruebas</span></a></li>
<li><a href='http://cafe-junio.blogspot.com/' onmousedown='toggleDiv("toggles2");' title='explicaciones'>Epílogo<br/><span>hacks</span></a></li>
<li><a href='http://cuentos-historias.blogspot.com/' onmousedown='toggleDiv("toggles");' title='De todo un poco'>Revolutum<br/><span>pues... eso</span></a></li>
<li><a href='http://imagen-junio.blogspot.com/' onmousedown='toggleDiv("toggles1");' title='+ pruebas'>Imagen<br/><span>+ pruebas</span></a></li>
<li><a href='http://nada-junio.blogspot.com/' onmousedown='toggleDiv("toggles3");' title='dibus'>Nada<br/><span>Dibujos, fotos</span></a></li>
<li><a href='http://jj-junio.blogspot.com/' title='Link title'>Vínculos<br/><span>ninguno, de momento</span></a></li>
<li class='skip'><a href='http://' title='RSS'>RSS<br/><span>no hay feed a la vista</span></a></li>
</ul></div>
<div id='content'><div id='flow'>
<div class='col'>
<h2>Contenidos</h2></div></div>
<div id='contentmiddle'>
<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.dateHeader'>
<span class='date'><data:post.dateHeader/></span>
</b:if>
<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 class='Tips1' expr:href='data:post.url' title='entradas JJ'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
<small><img alt='etiquetas' src='http://bp3.blogger.com/_BQrzxz9-EQk/R2ShYCudX5I/AAAAAAAACbQ/QAHvazjtf5w/s400/top.gif'/>
<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a class='Tips1' expr:href='data:label.url' rel='tag' title='+ entradas bajo esta etiqueta'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span></small> |
<small><img alt='comentarios' src='http://bp3.blogger.com/_BQrzxz9-EQk/R2ShYCudX5I/AAAAAAAACbQ/QAHvazjtf5w/s400/top.gif'/>
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.allowComments'>
<b:loop values='data:post.feedLinks' var='f'>
<a class='comments' expr:href='data:post.url + "#comments"' expr:onclick='"peekaboo_comments_display(&quot;" + data:f.url + "&quot;,&quot;commentsul" + data:post.id + "&quot;,&quot;&quot;,&quot;" + data:post.url + "#comments&quot;,&quot;max comments&quot;);toggleitem(&quot;comments" + data:post.id + "&quot;);return false;"' rel='comments' title='click aquí para ver y dejar comentarios'><b:if cond='data:post.numComments == 0'>
Sin comentarios
<b:else/>
<b:if cond='data:post.numComments == 1'>
Un comentario
<b:else/>
<data:post.numComments/>
</b:if></b:if>
</a>
</b:loop>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.url + "#comments"' expr:onclick='"toggleitem(&quot;comments" + data:post.id + "&quot;);return false;"'><b:if cond='data:post.numComments == 0'>
Sin
<b:else/>
<b:if cond='data:post.numComments == 1'>
Uno
<b:else/>
<data:post.numComments/> comentarios
</b:if></b:if></a>
</b:if>
</b:if>
</span></small>
<div class='post-header-line-1'/>
<div class='post-body' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
<style>#fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<p><data:post.body/></p>
<span id='showlink'>
<a expr:href='data:post.url'>Más......</a>
</span>
<script type='text/javascript'>
checkFull("post-" + "<data:post.id/>");
</script>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<small><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>
<!-- backlinks -->
<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'>
<!-- email post links -->
<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>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span>
</p>
<p class='post-footer-line post-footer-line-2'>
</p>
<p class='post-footer-line post-footer-line-3'/>
</div></small><div class='postspace'/>
</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"'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
<b:else/> <!--Post feed links -->
<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 id='comments'>
<b:if cond='data:post.numComments == 0'>
|Sin comentarios
<b:else/>
<b:if cond='data:post.numComments == 1'>
1 comentario:
<b:else/>
<data:post.numComments/>
<data:top.commentLabelPlural/>
</b:if>
</b:if>
</h2>
<div id='commentblock'><ol class='commentlist'>
<blockquote><li class='graybox'>
<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>
<small><data:commentPostedByMsg/></small>
</dt>
<small><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> </small>
<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>
</b:loop>
</dl></li></blockquote></ol></div>
<img alt='Me aburro...' class='alignright' src='http://bp0.blogger.com/_BQrzxz9-EQk/R2SieSudX6I/AAAAAAAACbY/uYztiYiS2sQ/s400/bore.gif'/>
<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>¿Quieres decir algo...?</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'>
<!-- posts -->
<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>
<!-- navigation -->
<b:include name='nextprev'/>
<!-- feed links -->
<b:include name='feedLinks'/>
</b:includable>
</b:widget>
</b:section>
<div id='thumbnails'>
<a class='slideshowThumbnail' href='http://bp0.blogger.com/_BQrzxz9-EQk/R1yDOivA8nI/AAAAAAAACT4/LINxFvwB0ZM/s800/5.jpg'> <img border='0' height='50' src='http://bp0.blogger.com/_BQrzxz9-EQk/R1yDOivA8nI/AAAAAAAACT4/LINxFvwB0ZM/s320/5.jpg' width='50'/></a>
<a class='slideshowThumbnail' href='http://bp1.blogger.com/_BQrzxz9-EQk/R1yDvyvA8oI/AAAAAAAACUA/bgyvo3HODV8/s800/1.jpg'><img border='0' height='50' src='http://bp1.blogger.com/_BQrzxz9-EQk/R1yDvyvA8oI/AAAAAAAACUA/bgyvo3HODV8/s320/1.jpg' width='50'/></a>
<a class='slideshowThumbnail' href='http://bp0.blogger.com/_BQrzxz9-EQk/R1yERivA8pI/AAAAAAAACUI/tz4kzlv6fyI/s800/1130095651Paisajes1.jpg'><img border='0' height='50' src='http://bp0.blogger.com/_BQrzxz9-EQk/R1yERivA8pI/AAAAAAAACUI/tz4kzlv6fyI/s320/1130095651Paisajes1.jpg' width='50'/></a>
<a class='slideshowThumbnail' href='http://bp3.blogger.com/_BQrzxz9-EQk/R1yEqSvA8qI/AAAAAAAACUQ/ycK3lCAWdCg/s800/Arturo19_3.jpg'><img border='0' height='50' src='http://bp3.blogger.com/_BQrzxz9-EQk/R1yEqSvA8qI/AAAAAAAACUQ/ycK3lCAWdCg/s320/Arturo19_3.jpg' width='50'/></a>
<a class='slideshowThumbnail' href='http://bp0.blogger.com/_BQrzxz9-EQk/R1yFIivA8rI/AAAAAAAACUY/-4W8X2R6fGs/s800/EpHead.jpg'><img border='0' height='50' src='http://bp0.blogger.com/_BQrzxz9-EQk/R1yFIivA8rI/AAAAAAAACUY/-4W8X2R6fGs/s320/EpHead.jpg' width='50'/></a>
<a class='slideshowThumbnail' href='http://bp2.blogger.com/_BQrzxz9-EQk/R1yGNCvA8tI/AAAAAAAACUo/6KNyizm0Rzc/s800/ljf280.tmp.jpg'><img border='0' height='50' src='http://bp2.blogger.com/_BQrzxz9-EQk/R1yGNCvA8tI/AAAAAAAACUo/6KNyizm0Rzc/s320/ljf280.tmp.jpg' width='50'/></a>
<p><a href='#' onclick='show.play(); return false;'>Play</a> | <a href='#' onclick='show.stop(); return false;'>Stop</a> | <a href='#' onclick='show.next(); return false;'>Next</a> | <a href='#' onclick='show.previous(); return false;'>Previous</a></p>
</div>
<div class='slideshow' id='slideshow'/>
<script type='text/javascript'>
window.addEvent('domready',function(){
var obj = {
wait: 3000,
effect: 'fade',
duration: 1000,
loop: true,
thumbnails: true,
backgroundSlider: true
}
show = new SlideShow('slideshow','slideshowThumbnail',obj);
show.play();
});
</script>
</div>
</div>
<div id='col9'>
<ul id='cat_menu'>
<li class='category'><a href='http://cafe-junio.blogspot.com/' id='cat_epilogo'>Epílogo</a></li>
<li class='category'><a href='http://imagen-junio.blogspot.com/' id='cat_imagen'>Imagen</a></li>
<li class='category'><a href='http://adrihome.blogspot.com/' id='cat_trabajos'>Trabajos</a></li>
<li class='category'><a href='http://nada-junio.blogspot.com/' id='cat_nada'>Nada</a></li>
<li class='category'><a href='http://cuentos-historias.blogspot.com/' id='cat_revolutum'>Revolutum</a></li>
<li class='category'><a href='http://jj-junio.blogspot.com/' id='cat_inicio'>Inicio</a></li>
</ul>
<div class='menu'>
<b:section class='menu' id='sidr' preferred='yes'>
<b:widget id='HTML1' locked='false' title='Contenidos' type='HTML'>
<b:includable id='main'>
<ul><li>
<div class='widget-content'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'/>
</b:if>
<div id='doc'>
<div>
<h2/>
<div class='yui-navset' id='multiTab1'/>
</div>
<!--
<div>
<h2></h2>
<div class='yui-navset' id='multiTab2'/>
</div>
-->
</div>
<div id='103'/>
</div>
<script type='text/javascript'>
// Developed by Hoctro - All rights reserved 2007
// This credit must be included in all your derived usages.
var p1 = document.createElement('h6');
document.getElementById('103').appendChild(p1);
p1.innerHTML = cb.txt('TabView');
function listOneTab(json, tabView, title, act) {
var label = '';
var text = '';
var nPost = 10;
if (title == "")
label += cb.getLabelFromURL(json);
else
label += title;
text += "<div id='" + label + "'><ul>";
var numberPost = (json.feed.entry.length <= nPost) ?
json.feed.entry.length : nPost;
for (var i = 0; i < numberPost; i++) {
var entry = json.feed.entry[i];
text += "<li>" + "<a href='" + cb.getLink(entry, "alternate")
+ "'>" + cb.getTitle(entry) + "</li>";
}
text += '</ul></div>';
tabView.addTab( new YAHOO.widget.Tab({
label: label,
content: text,
active : act
}));
}
var blog1 = "jj-junio.blogspot.com";
var tabView1 = new YAHOO.widget.TabView('multiTab1');
var labels1 = ['Imagen', 'Slideshow','Comento'];
function listTab1(json) {
listOneTab(json, tabView1, "", false);
}
function listLatestPostsTab1(json) {
listOneTab(json, tabView1, "Entradas", true);
}
function listLatestCommentsTab1(json) {
listOneTab(json, tabView1, "Comentarios", false);
}
// Activating calls!
// Latest Posts
cb.search( blog1, "posts", 1, 25, 'listLatestPostsTab1');
// Latest Comments
cb.search( blog1, "comments", 1, 25, 'listLatestCommentsTab1');
// Preferred Labels
for (var i=0; i < labels1.length; i++)
if (labels1[i]) cb.searchLabel(blog1, labels1[i], 'listTab1');
/*
var blog2 = "hackosphere.blogspot.com";
var tabView2 = new YAHOO.widget.TabView('multiTab2');
var labels2 = ['Neo','Widgets', "Blogger Power"];
function listTab2(json) {
listOneTab(json, tabView2, "", false);
}
function listLatestPostsTab2(json) {
listOneTab(json, tabView2, "Entradas", true);
}
function listLatestCommentsTab2(json) {
listOneTab(json, tabView2, "Latest Comments", false);
}
// Activating calls!
// Latest Posts
cb.search( blog2, "posts", 1, 25, 'listLatestPostsTab2');
// Latest Comments
cb.search( blog2, "comments", 1, 25, 'listLatestCommentsTab2');
// Preferred Labels
for (var i=0; i < labels2.length; i++)
if (labels2[i]) cb.searchLabel("hackosphere.blogspot.com", labels2[i], 'listTab2');
*/
</script></li></ul>
</b:includable>
</b:widget>
</b:section>
</div></div>
<div class='clearfix'/>
<div id='flic'>
<div class='ff'>
<script src='http://www.flickr.com/badge_code.gne?nsid=13940862@N04&count=4&display=latest&name=1&size=square&raw=1' type='text/javascript'/>
</div>
</div>
<div id='row'><div id='col4'>
<b:section class='sidebar' id='lsid' preferred='yes'>
<b:widget id='Profile1' locked='false' title='Ego' type='Profile'>
<b:includable id='main'>
<ul>
<b:if cond='data:title != ""'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:if cond='data:team == "true"'> <!-- team blog profile -->
<ul>
<b:loop values='data:authors' var='i'>
<li><a expr:href='data:i.userUrl'><data:i.display-name/></a></li>
</b:loop>
</ul>
<b:else/> <!-- normal blog profile -->
<b:if cond='data:photo.url != ""'>
<a class='Tips1' expr:href='data:userUrl' title='Ver perfil'><img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a>
</b:if>
<dl class='profile-datablock'>
<dt class='profile-data'><data:displayname/></dt>
<b:if cond='data:showlocation == "true"'>
<dd class='profile-data'><data:location/></dd>
</b:if>
<b:if cond='data:aboutme != ""'><dd class='profile-textblock'><data:aboutme/></dd></b:if>
</dl>
<a class='profile-link' expr:href='data:userUrl'><data:viewProfileMsg/></a>
</b:if>
<b:include name='quickedit'/>
</div></ul>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='col4'>
<b:section class='sidebar' id='col40' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Archivo' type='BlogArchive'>
<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'>
<b:if cond='data:blog.languageDirection == "rtl"'>
◄
<b:else/>
►
</b:if>
</span>
</a>
</b:if>
</b:if>
</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' dir='ltr'>(<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='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='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='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:includable id='main'>
<ul class='ul-archives'><li>
<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></li></ul>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='col5'>
<b:section class='sidebar' id='col2' preferred='yes'>
<b:widget id='Label1' locked='false' title='Etiquetas' type='Label'>
<b:includable id='main'>
<ul><li>
<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'>
<span expr:dir='data:blog.languageDirection'>
<data:label.name/>
</span>
<b:else/>
<a class='Tips1' expr:dir='data:blog.languageDirection' expr:href='data:label.url' title='Ver entradas bajo esta etiqueta'>
<data:label.name/>
</a>
</b:if>
<span dir='ltr'>(<data:label.count/>)</span>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div></li></ul>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
<div id='s_footer'>
</div><div style='clear:both;'/>
<div id='footer'>
<p>....Copyright 2007 <a href='http://caFe-junio.blogspot.com/' title='Copyright'>Test</a> | Adaptado por <a href='http://cafe-junio.blogspot.com/' title='Epílogo.'>Junio</a>&<a href='http://5thirtyone.com/' title='The menu by Derek.'>531</a> | <a class='rss' href='feed:'> Entradas RSS</a> | <a class='rss' href='feed:'> Comentarios RSS</a> | <a href='#top' title='Saltar a la cabecera'>Top ↑</a></p>
</div></div>
</body>
</html>
Esqueleto:
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<link href='http://bp3.blogger.com/_BQrzxz9-EQk/R2SrRCudX7I/AAAAAAAACbg/nTtbBANZZrM/s400/favicon.gif' rel='shortcut icon' type='image/gif'/>
<script src='http://junioscripts.googlepages.com/mootools.js' type='text/javascript'/>
<script src='http://junioscripts.googlepages.com/BackgroundSlider.js' type='text/javascript'/>
<script src='http://junioscripts.googlepages.com/slideshow1.js' type='text/javascript'/>
<b:skin><![CDATA[/*
/* Theme Name: NewYorker v2 Theme URI:http://3oneseven.com/ Description: A three column fluid theme with multiple loops, menu by <a title="The menu by Derek." href="http://5thirtyone.com/">Derek</a>, check the Read me file for instructions. Version: 3.17 Author: miloIIIIVII Author URI:http://3oneseven.com/ */ body{background:#fff url(http://bp3.blogger.com/_BQrzxz9-EQk/R2SF-CudXxI/AAAAAAAACaQ/UzfNzH4b9ZE/s1600/02.gif) top center no-repeat;color:#333;font-size:14px;font-family:Helvetica,Arial,Tahoma, Sans-Serif;margin:0;padding:0;line-height:20px;} #wrap{background:transparent;color:#333;font-size:14px;font-family:Arial,Helvetica,Sans-Serif;margin:0 auto;padding:0;width:90%;} a,a:visited{color:#600;text-decoration:none;} a:hover{text-decoration:none;color:#333;} #header{background:transparent;width:99%;height:225px;margin:0 auto;padding:0;text-align:left;border:0;} #header h1,#header h1 a{color:#000;font-size:48px;line-height:48px;font-family:century gothic, Verdana,Sans-Serif;text-decoration:none;padding:41px 0 0 5px;margin:0;font-weight:400;} #header h1 a:hover{color:#600;text-decoration:none;background:transparent ;} #flow{background:#fff;width:100%;margin:10px auto;padding:0;} #flic{background:#fff url(http://bp1.blogger.com/_BQrzxz9-EQk/R2SG8iudXyI/AAAAAAAACaY/FEQxwAW_jNc/s400/ff2.gif) center left no-repeat;width:100%;margin:10px auto;padding:0;height:70px;text-align:right;} #row{background:#fff;width:100%;height:420px;margin:5px auto;padding:0;} .description{display:none;} #row2{background:#fff;width:100%;margin:5px auto;padding:0;} .description{display:none;} #flow .col{width:60%;float:left;margin-right:5px;} #flow .col11{width:60%;float:left;margin-right:5px;} #flow .col9{width:300px;float:right;margin:30px 0 0 0;padding:0;} ul.nav{list-style:none;background:#fff;border-top:6px double #333;} .nav li{border-right:1px solid #DDD;float:left;display:block;width:100px;} .nav li a{font-size:14px;outline:none;color:#333;text-decoration:none;display:block;padding:5px 0 12px 5px;width:99px;text-transform:uppercase;} .nav li a span{font-size:11px;color:#777;text-transform:lowercase;} .nav li a:hover{background:#333;color:#eee!important;width:95px;} * html .nav li a:hover{background:#333;width:99px;} .nav li.skip{border-left:1px solid #DDD;float:right;display:block width:100px;} .nav li.skip a{width:100px;} li.top{border-left:1px solid #DDD;float:right;display:block width:100px;} li.top a{width:100px;} .nav li.skip a:hover,li.top a:hover{background:transparent;color:#333 !important;} #toggles,#toggles1,#toggles2,#toggles3{background:#fafafa;border-bottom:2px solid #ccc;} #toggles ul,#toggles1 ul,#toggles2 ul,#toggles3 ul{list-style:none;padding:0 0 3px 0;} #toggles li,#toggles1 li,#toggles2 li{float:left;display:block;width:140px;} #toggles3 li{float:left;display:block;width:150px;} #toggles li a,#toggles1 li a,#toggles2 li a{font-weight:400;color:#333;width:139px;display:block;padding:2px 0 4px 5px;}#toggles3 li a{font-weight:400;color:#333;width:149px;display:block;padding:2px 0 4px 5px;} #toggles li a:hover,#toggles1 li a:hover,#toggles2 li a:hover,#toggles3 li a:hover{color:#900;background:#ccc;} .fix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .fix{display:inline-block;} * html .fix{height:1%;} .fix{display:block;} .h_left{background:transparent;float:left;width:40%;height:170px;} .h_right{background:transparent;float:right;width:200px;height:180px;color:#333;} .entry p:first-letter{color:#600;font-size:x-large;} .entry p:first-line{text-transform:uppercase;} #l_sidebar h2,#r_sidebar h2,#s_footer h2,#contentmiddle h2,#row h2,#row2 h2,.col11 h2{background:#fff url(http://bp0.blogger.com/_BQrzxz9-EQk/R2SOHSudX2I/AAAAAAAACa4/9_larOVTVVQ/s400/cross.gif) top right no-repeat;color:#333;font-size:24px;font-family:Helvetica,Verdana,Arial,Sans-Serif;font-weight: 400;padding:0;margin-bottom:9px;font-variant:small-caps;} .col h2{background:#fff url(http://bp2.blogger.com/_BQrzxz9-EQk/R2SN4yudX1I/AAAAAAAACaw/LtDzGAyaJyQ/s400/ff.gif) top right no-repeat;color:#333;font-size:24px;font-family:Helvetica,Verdana,Arial,Sans-Serif;font-weight: 400;padding:0;margin-bottom:9px;font-variant:small-caps;} h2 a:hover{color:#000;background:none;} #l_sidebar{float:left;background:transparent;width:18%;margin:15px 5px 0 0;padding:20px 0 10px 20px;} #l_sidebar ul,#r_sidebar ul,#s_footer ul{list-style:none;margin:0;padding:0 0 15px 0;} #l_sidebar li,#r_sidebar li,#s_footer li{list-style:none;margin:0;padding:0;} #l_sidebar ul li,#r_sidebar ul li,#s_footer ul li{margin:0;padding:5px 0 0 0;} #l_sidebar ul li a,#r_sidebar ul li a,#s_footer ul li a{color:#600;text-decoration:none;} #l_sidebar ul li a:hover,#r_sidebar ul li a:hover,#s_footer ul li a:hover{color:#fff;text-decoration: none;} #r_sidebar{float:right;background:transparent;width:17%;margin:15px 5px 0 0;padding:20px 10px 10px 10px;} #r_sidebar p,#l_sidebar p,#col6 p{padding:2px 0 16px 0;margin:0;line-height:20px;} #l_sidebar li a,#r_sidebar li a,#s_footer li a{display:block;list-style:none;} #l_sidebar li a:hover,#r_sidebar li a:hover,#s_footer li a:hover{background:#600;color:#fff;list-style:none;} #content{width:98%;margin:20px auto;padding:0;list-style:none;} #content p{padding:10px 0 15px 0;margin:0;line-height:20px;} p.more a{width:292px;height:18px;display:block;background:url(http://bp0.blogger.com/_BQrzxz9-EQk/R2SNjSudX0I/AAAAAAAACao/fq6ytpRBwuw/s400/more.gif) 0 0 no-repeat #fff; color:#600;line-height:18px;text-transform:uppercase;text-decoration:none;margin:0;padding:0 0 0 60px;} #content p ol,#content p ul{margin:0;padding:0 0 0 20px;} blockquote{margin:0;padding:0 10px 0 35px;font-style:italic;color:#000;font-size:17px;line-height:18px;border-right:3px solid #600;background:url(http://bp2.blogger.com/_BQrzxz9-EQk/R2SPiyudX4I/AAAAAAAACbI/AMFjTuhgg6s/s400/q.gif) top left no-repeat #F7F3F7;} #contentmiddle{float:left;width:48%;margin:15px 5px 0 0;padding:20px 10px 10px 10px;list-style:none;} #single{float:left;width:64%;margin:15px 5px 0 0;padding:20px 10px 10px 10px;border-top:7px double #ccc;list-style:none;} .entry p img,#contentmiddle p img{float:right;border:none;margin-left:5px;margin-bottom:5px;} .date{font-size:11px;text-align:left;margin-bottom:2px;} .date span.date{color:#7F7F7F;padding:0 2px 0 4px;} .bigdate{font:25px,century gothic,sans serif;color:#000;text-decoration:none!important;} #contentmiddle ul,#middle ul{list-style:none;margin:0;padding:0 0 20px 0;} #contentmiddle ul li,#middle ul li{margin:0;padding:5px 0 0 0;} #contentmiddle ul li a,#middle ul li a{color:#600;text-decoration:none;} #contentmiddle ul li a:hover,#middle ul li a:hover{color:#333;text-decoration:none;} .postspace{background:transparent;width:80%;height:30px;margin:0;padding:0;} #footer{width:100%;margin:0 auto 0;padding:10px 0 10px 0;background:url(http://bp0.blogger.com/_BQrzxz9-EQk/R2SO1SudX3I/AAAAAAAACbA/GhEjobglNVk/s400/ff1.gif) bottom center no-repeat;text-align:center;font-variant:small-caps;font-size:14px;color:#ccc;} #footer a{color:#ccc;} #search{float:right;width:200px;margin:40px 0 0 0;-moz-opacity:0.4;text-align:right;}#search:hover{-moz-opacity:1.0;}#search .searchimg{float:left;width:14px;height:13px;background:url(http://bp2.blogger.com/_BQrzxz9-EQk/R2SNKyudXzI/AAAAAAAACag/2AkZtXQscSk/s400/fin.gif) 0 0 no-repeat;position:relative;top:4px;}#search input{ width:175px; font-size: 0.85em; background:#CCC;margin-top:2px;}#search input:focus{background:#FFF;}#searchform{margin:1em 0;}#searchform #s{background:#222;border:none;border-bottom:1px solid #333;width:30em;color:#666666;padding:0.25em;}#searchform #searchsubmit{background:#000;color:#666;border:none;font-size:0.9em;text-transform:uppercase;letter-spacing:0.25em;} #commentblock{width:95%;color:#333;float:left;padding:10px 20px 0 20px;margin:10px 0 10px 0;} ol#commentlist{padding:5px 0 5px 0;margin:0;list-style-type:none;} .commentdate{font-size:12px;padding-left:0;} #commentlist li p{margin-bottom:8px;line-height:20px;padding:0;} .commentname{color:#ccc;margin:0;padding:5px 5px 5px 0;}.commentinfo{clear:both;} .commenttext{clear:both;margin:5px 0 20px 0;padding:20px 10px 5px 10px;width: 70%;background:#fff;} .commenttext-admin{clear:both;margin:5px 0px 20px 0px;padding:20px 10px 5px 10px;width:70%;background:#ccc;} #commentsformheader{padding:0;} #commentsform{text-align:left;margin:0;padding:0;} #commentsform form{text-align:left;margin:0;}#commentsform p{margin:0;}#commentsform form textarea{width:99%;}p.comments_link img{margin:0;padding:0;border:none;} .entry{clear:right;} a img,a img:hover{border:none;} .center{text-align:center;}.alignleft{float:left;}.alignright{float:right;} #wp-calendar{text-align:center;background-color:transparent;margin:0;width:95%;}#wp-calendar td{line-height:10px;font-size:10px;color:#333;}#wp-calendar td a{display:block;color:#333;text-decoration:none;line-height:10px;}#wp-calendar #prev a{width:30px;}#wp-calendar #next a{width:30px;margin:0 0 0 30px;}#wp-calendar #today{background:#600;color:#fff;}#wp-calendar #today a{color:#fff;font-weight:700;}#wp-calendar caption{text-align:center;width:100%;margin:0 0 5px 0;font-variant:small-caps;} #s_footer{padding:0;margin:0;width:100%;clear:both;background:#fff;} #s_footer li{list-style:none;} #col1{width:20%;float:left;margin-right:15px;border-top:2px solid #ccc;} #col2{width:15%;float:left;margin-left:15px;border-top:2px solid #ccc;} #col3{width:19%;float:right;margin-left:15px;border-top:2px solid #ccc;} #col4{width:32%;float:left;margin-right:15px;} #col44{width:30%;float:left;margin-right:15px;} #col5{width:240px;float:right;overflow:hidden;} .ff a img{border:.08em solid #ccc;padding:.077em;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7; -khtml-opacity:0.7;width:5.5em;height:3.5em;margin:5px;} .ff a:hover img{border:.08em solid #333;opacity:1;width:5.5em;height:3.5em;margin:5px;padding:.077em;} .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix{display:inline-block;}* html .clearfix{height:1%;}.clearfix{display:block;} hr.clear{clear:both;visibility:hidden;margin:0;padding:0;} .menu{color:#600;border-bottom:1px solid #d9d8cb;height:22px;font:12px Arial,Helvetica,sans-serif; margin-top:30px;width:320px;float:right} .menu ul{margin:0;padding:0;list-style:none;float:right;margin-right:12px;} .menu li{background:none;font-size:13px;padding:0;display:inline;line-height:22px;} .menu li a{color:#600;text-decoration:none;padding:2px 6px 4px 6px;border-left:1px solid #d9d8cb; border-right:1px solid #d9d8cb;border-top:1px solid #d9d8cb;background-color:#f8f8f6;} .menu li a.tabactive{border-left:1px solid #d7d7d7;border-bottom:1px solid #fff;border-right:1px solid #d7d7d7;background-color:#fff;position:relative;color:#000;} #tabcontent1,#tabcontent2,#tabcontent3{width:305px;padding:6px;font-size:12px;margin-bottom:5px;border:1px solid #d9d8cb;border-top:0;display:block;float:right;} #tabcontent1 ul,#tabcontent2 ul,#tabcontent3 ul{list-style:square;} body div#toolTip{position:absolute;z-index:1000;width:180px;background:#ccc;border:0;text-align:left;padding:10px;min-height:1em;-moz-border-radius:5px;} body div#toolTip p{margin:0;padding:0;color:#333;font:11px/12px century gothic,arial,sans-serif;line-height:13px;} body div#toolTip p em{display:block;margin-top:3px;color:#ccc;font-style:normal;font-weight:bold;} body div#toolTip p em span{font-weight:bold;color:#ccc;}
#navbar-iframe { height:0px; visibility:hidden; display:none }
.tool-tip {
color: #fff;
width: 190px;
z-index: 13000;
}
.tool-title {
font-weight: bold;
font-size: 11px;
margin: 0;
color: #9FD4FF;
padding: 8px 8px 4px;
background:#000;
border-left:5px solid firebrick;
}
.tool-text {
font-size: 11px;
padding: 4px 8px 8px;
background:#000;
border-left:5px solid firebrick;
}
.custom-tip {
color: #000;
width: 130px;
z-index: 13000;
}
.custom-title {
font-weight: bold;
font-size: 11px;
margin: 0;
color: #3E4F14;
padding: 8px 8px 4px;
background: #C3DF7D;
border-bottom: 1px solid #B5CF74;
}
.custom-text {
font-size: 11px;
padding: 4px 8px 8px;
background: #CFDFA7;
}
/**************************************************************
SlideShow
v 1.2
**************************************************************/
.slideshow {
border: 1px solid #ccc;
width: 450px;
height: 300px;
}
.loading {
background: url(http://bp1.blogger.com/_BQrzxz9-EQk/R1tZRCvA8JI/AAAAAAAACPY/QJkJERSP65w/s320/indicator.gif) center no-repeat;
}
.slideshowThumbnail {
outline: none;
}
.slideshowThumbnail img {
border: 1px solid white;
padding: 5px;
}
a:hover.slideshowThumbnail img {
border: 1px solid #ccc;
padding: 5px;
}
.current img {
border: 1px solid red;
padding: 5px;
}
.outline {
border: 1px solid orange;
z-index: 0;
position: absolute;
}
#thumbnails {
width: 230px;
float: left;
}
a {
outline: none;
}
a:hover {
color: #ccc;
text-decoration: none;
}
/*************************************************************/
.dock {
width:100%;
text-align: center;
padding-bottom: 3px;
}
.dock a {
text-decoration: none;
}
.dock img {
margin: -2px;
border: none;
width: 0;
}
.dock-legend {
text-align: center;
font-weight: bold;
font-size: 0.8em;
color: #fff;
}
/* category menu */
ul#cat_menu {
float:right;
width: 13em;
height: 25.5em;
height: expression('23.8em'); /* MSIE hack */
overflow: hidden;
background-color: #fff;
margin: 0 auto;
list-style-type: none;
padding: 0;
text-indent: 0;
position: relative;
}
ul#cat_menu li {
padding: 0;
margin: 0;
border-top: 1px solid #484848;
height: 3.5em;
overflow: hidden;
}
ul#cat_menu li a {
font-size: 1em;
font-weight: bold;
padding: 0.7em 0.5em 0.2em 4em;
color: #fff;
text-transform: uppercase;
text-decoration: none;
display: block;
height: 4em;
background-position: 6% top;
background-repeat: no-repeat;
}
ul#cat_menu li a#cat_epilogo {
background-image: url(http://bp2.blogger.com/_BQrzxz9-EQk/R3YyISudaUI/AAAAAAAACxo/v1d85m7V3eA/s1600/casiocan1722_203590.jpg);
}
ul#cat_menu li a#cat_imagen {
background-image: url(http://bp2.blogger.com/_BQrzxz9-EQk/R3YyISudaUI/AAAAAAAACxo/v1d85m7V3eA/s1600/casiocan1722_203590.jpg);
}
ul#cat_menu li a#cat_trabajos {
background-image: url(http://bp2.blogger.com/_BQrzxz9-EQk/R3YyISudaUI/AAAAAAAACxo/v1d85m7V3eA/s1600/casiocan1722_203590.jpg);
}
ul#cat_menu li a#cat_nada {
background-image: url(http://bp2.blogger.com/_BQrzxz9-EQk/R3YyISudaUI/AAAAAAAACxo/v1d85m7V3eA/s1600/casiocan1722_203590.jpg);
}
ul#cat_menu li a#cat_revolutum {
background-image: url(http://bp2.blogger.com/_BQrzxz9-EQk/R3YyISudaUI/AAAAAAAACxo/v1d85m7V3eA/s1600/casiocan1722_203590.jpg);
}
ul#cat_menu li a#cat_inicio {
background-image: url(http://bp2.blogger.com/_BQrzxz9-EQk/R3YyISudaUI/AAAAAAAACxo/v1d85m7V3eA/s1600/casiocan1722_203590.jpg);
}
#demo-bar {
margin: 5px auto;
padding: 5px 0;
width: 600px;
border-bottom: 1px solid #B3D4EF;
background: #EFF8FF;
text-align: center;
}
#demo-wrapper {
margin: 5px auto;
overflow: hidden;
height: 400px;
width: 600px;
border: 1px solid #ddd;
position: relative;
}
#demo-inner {
width: 1600px;
height: 1600px;
background-image: url(http://bp0.blogger.com/_BQrzxz9-EQk/R1SGtivA7NI/AAAAAAAACHI/_txOJGL0cDQ/s1600/FX.jpg);
position: relative;
}
.scrolling-content {
background: #000;
width: 139px;
height: 73px;
text-align: center;
position: absolute;
}
.scrolling-content h1 {
color: #fff;
padding: 25px 0;
font-size: 12px;
}
#content1 {
right: 750px;
top: 100px;
}
#content2 {
right: 1500px;
top: 650px;
}
#content3 {
right: 500px;
top: 550px;
}
#content4 {
left: 1100px;
top: 860px;
}
]]></b:skin>
<script language='javascript' src='http://junioscripts.googlepages.com/mootools.svn.js' type='text/javascript'/>
<script type='text/javascript'>
window.addEvent('domready', function(){
var scroll = new Fx.Scroll('demo-wrapper', {
wait: false,
duration: 2500,
offset: {'x': -200, 'y': -50},
transition: Fx.Transitions.Quad.easeInOut
});
$('link1').addEvent('click', function(event) {
event = new Event(event).stop();
scroll.toElement('content1');
});
$('link2').addEvent('click', function(event) {
event = new Event(event).stop();
scroll.toElement('content2');
});
$('link3').addEvent('click', function(event) {
event = new Event(event).stop();
scroll.toElement('content3');
});
$('link4').addEvent('click', function(event) {
event = new Event(event).stop();
scroll.toElement('content4');
});
});
</script>
<script language='javascript' src='http://junioscripts.googlepages.com/mootools.svn.js' type='text/javascript'/>
<script type='text/javascript'>
window.addEvent('domready', function(){
/* Tips 1 */
var Tips1 = new Tips($$('.Tips1'));
/* Tips 2 */
var Tips2 = new Tips($$('.Tips2'), {
initialize:function(){
this.fx = new Fx.Style(this.toolTip, 'opacity', {duration: 500, wait: false}).set(0);
},
onShow: function(toolTip) {
this.fx.start(1);
},
onHide: function(toolTip) {
this.fx.start(0);
}
});
/* Tips 3 */
var Tips3 = new Tips($$('.Tips3'), {
showDelay: 400,
hideDelay: 400,
fixed: true
});
/* Tips 4 */
var Tips4 = new Tips($$('.Tips4'), {
className: 'custom'
});
});
</script>
<script type='text/javascript'>
function makeCatMenu () {
var szNormal = 3.5, szSmall = 3, szFull = 5.1;
var kwicks = $$("#cat_menu .category");
var menu_height = 0;
var fx = new Fx.Elements(kwicks, {wait: false, duration: 400, transition: Fx.Transitions.Back.easeOut, unit: 'em'});
kwicks.each(function(kwick, i) {
kwick.addEvent("mouseenter", function(event) {
var o = {};
o[i] = {height: [kwick.getStyle("height").toFloat(), szFull]}
kwicks.each(function(other, j) {
if(i != j) {
var h = other.getStyle("height").toFloat();
if(h != szSmall) o[j] = {height: [h, szSmall]};
}
});
fx.start(o);
});
});
$("cat_menu").addEvent("mouseleave", function(event) {
var o = {};
kwicks.each(function(kwick, i) {
o[i] = {height: [kwick.getStyle("height").toFloat(), szNormal]}
});
fx.start(o);
});
}
window.addEvent('domready', makeCatMenu);
</script>
<script src='http://junioscripts.googlepages.com/mootools-release-1.112.js' type='text/javascript'/>
<script src='http://junioscripts.googlepages.com/slimbox.js' type='text/javascript'/>
<link href='http://junioscripts.googlepages.com/slimbox.css' media='screen' rel='stylesheet' type='text/css'/>
<script type='text/javascript'>
//<![CDATA[
var comment_form_template = '<div class="commentelem" style="clear:both">\n'
+ '<div style="float:left;margin-right:5px;clear:both;" id="commentphoto[[CID]]"></div>'
+ '<div class="comment-poster">[[AUTHOR]]</div>\n'
+ '<div class="comment-body"><div class="innerCmntBody">[[BODY]]</div></div>\n'
+ '<div class="comment-timestamp"><a href="[[PERMALINK]]" title="comment permalink">[[DATE]]</a></div></div>\n';
//]]>
</script>
<script src='http://jscripts.ning.com/get.php?xn_auth=no&amp;id=2941927' type='text/javascript'/>
<script src='http://leonelhack.googlepages.com/blogger_comment_photos.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
BloggerProfiles.noimage = 'http://img139.imageshack.us/img139/1011/defaultavatarad7.png'
BloggerProfiles.imageWidth = 60;
BloggerProfiles.imageHeight = 75;
addLoadEvent(function(){showCommentPhotos('commentphoto','comment-author', 1);});
//]]></script>
<script type='text/javascript'>
// Developed by Hoctro - All rights reserved 2007
// This credit must be included in all your derived usages.
// "cb" is intended to be a common library, where different widgets would
// utitlize the shared operations such as getTitle, getLink, etc. from a json object.
var cb = {
// search function requires these parameters:
// 1. query: a blogger address, such as "hoctro.blogspot.com",
// 2. type: type of return data, either "comments" or "posts",
// 3. start: the start-index parameter (where to start extracting data)
// 4. increment: the number of elements the json will get back. (the smaller value, the faster time to travel back)
// 5. func: the returned function the json object will feed.
search: function(query, type, start, increment, func) {
var script = document.createElement('script');
script.setAttribute('src', 'http://' + query + '/feeds/' + type + '/default?alt=json-in-script&start-index='
+ start + '&max-results=' + increment + '&callback=' + func);
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
},
// getTotalResults needs the json object, and it'll return an array of the available members.
getTotalResults: function(json) {
return json.feed.openSearch$totalResults.$t;
},
// getStartIndex gets the start index of a search inside an json object.
getStartIndex: function(json) {
return json.feed.openSearch$startIndex.$t;
},
// getLink return a href link if "name" matches the content *inside "a" tags) of the link
getLink: function(entry, name) {
var alturl;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == name)
alturl = entry.link[k].href;
}
return alturl;
},
// getTitle gets the title of the search inside an json object.
getTitle: function(entry) {
return entry.title.$t;
},
// getContent gets the array content of the search inside an json object.
getContent: function(entry) {
return entry.content.$t;
},
// getCommentAuthor: gets the commenter inside an json object.
getCommentAuthor: function(entry) {
return entry.author[0].name.$t;
}
};
</script>
<script src='http://home.planet.nl/~hansoosting/downloads/beautifulbeta.js' type='text/javascript'/>
<script language='JavaScript' type='text/javascript'>
<!--
function convertPreBlocks() {}
var regular = "x-small";
function bigger(thing){
thing.style.fontSize = "large";
siblingElement = thing.previousSibling;
while(siblingElement) {
if(siblingElement.tagName=="SPAN") {
siblingElement.style.fontSize = "medium";
break;
}
siblingElement = siblingElement.previousSibling;
}
siblingElement = thing.nextSibling;
while(siblingElement) {
if(siblingElement.tagName=="SPAN") {
siblingElement.style.fontSize = "medium";
break;
}
siblingElement = siblingElement.nextSibling;
}
}
function normal(thing){
thing.style.fontSize = regular;
siblingElement = thing.previousSibling;
while(siblingElement) {
if(siblingElement.tagName=="SPAN") {
siblingElement.style.fontSize = regular;
break;
}
siblingElement = siblingElement.previousSibling;
}
siblingElement = thing.nextSibling;
while(siblingElement) {
if(siblingElement.tagName=="SPAN") {
siblingElement.style.fontSize = regular;
break;
}
siblingElement = siblingElement.nextSibling;
}
}
// -->
</script>
<script type='text/javascript'>
// Developed by Hoctro - All rights reserved 2007
// This credit must be included in all your derived usages.
// "cb" is intended to be a common library, where different widgets would
// utitlize the shared operations such as getTitle, getLink, etc. from a json object.
var cb = {
// search function requires these parameters:
// 1. query: a blogger address, such as "hoctro.blogspot.com",
// 2. type: type of return data, either "comments" or "posts",
// 3. start: the start-index parameter (where to start extracting data)
// 4. increment: the number of elements the json will get back. (the smaller value, the faster time to travel back)
// 5. func: the returned function the json object will feed.
search: function(query, type, start, increment, func) {
var script = document.createElement('script');
script.setAttribute('src', 'http://' + query + '/feeds/' + type + '/default?alt=json-in-script&start-index='
+ start + '&max-results=' + increment + '&callback=' + func + '&orderby=published');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
},
// searchLabel function return a result of posts w/ a label query
// it requires these parameters:
// 1. query: a blogger address, such as "hoctro.blogspot.com",
// 2. an array of labels
// 3. func: the returned function the json object will feed.
searchLabel: function(query, label, func) {
var script = document.createElement('script');
script.setAttribute('src', 'http://' + query + '/feeds/posts/default/-/' + encodeURIComponent(label) +
'?alt=json-in-script&callback=' + func + '&orderby=published');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
},
// getTotalResults needs the json object, and it'll return the total number of comments (or posts) of the blog.
getTotalResults: function(json) {
return json.feed.openSearch$totalResults.$t;
},
// getStartIndex gets the start index of a search inside an json object.
getStartIndex: function(json) {
return json.feed.openSearch$startIndex.$t;
},
// getLink return a href link if "name" matches the content inside "a" tags) of the link
getLink: function(entry, name) {
var alturl;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == name)
alturl = entry.link[k].href;
}
return alturl;
},
// getTitle gets the title of the title of an entry of a json object.
getTitle: function(entry) {
return entry.title.$t;
},
// getContent gets the content inside an entry of a json object.
getContent: function(entry) {
return entry.content.$t;
},
// getCommentAuthor: gets the commenter name inside an entry of a json object.
getCommentAuthor: function(entry) {
return entry.author[0].name.$t;
},
// Given a json label search, this function return the decoded label.
getLabelFromURL: function(json) {
for (var l = 0; l < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
// The next two lines are borrowed from Ramani's Neo Template
// code. Thanks Ramani!
var label = raw.substr(raw.lastIndexOf('/')+1);
return decodeURIComponent(label);
}
}
},
txt : function (s) {
return s + " Widget by <a href='http://hoctro.blogspot.com" + "'>Hoctro</a>";
}
};
</script>
<link href='http://yui.yahooapis.com/2.3.0/build/tabview/assets/tabview.css' rel='stylesheet' type='text/css'/>
<link href='http://yui.yahooapis.com/2.3.0/build/tabview/assets/border_tabs.css' rel='stylesheet' type='text/css'/>
<script src='http://yui.yahooapis.com/2.3.0/build/yahoo-dom-event/yahoo-dom-event.js' type='text/javascript'/>
<script src='http://yui.yahooapis.com/2.3.0/build/element/element-beta-min.js' type='text/javascript'/>
<script src='http://yui.yahooapis.com/2.3.0/build/tabview/tabview-min.js' type='text/javascript'/>
<style type='text/css'>
.yui-content {
padding:1em; /* pad content container */
}
.yui-navset .yui-content {
border:1px solid #ccc;
}
.yui-navset .yui-nav .selected a, .yui-navset .yui-nav a:hover {
background-color:#fff;
}
.yui-navset .yui-nav li a {
background:#e5e5e5 url(http://developer.yahoo.com/yui/examples/tabview/img/round_4px_trans_gray.gif) no-repeat;
}
.yui-navset .yui-nav li a em {
background:transparent url(http://developer.yahoo.com/yui/examples/tabview/img/round_4px_trans_gray.gif) no-repeat top right;
padding:0.5em;
}
/* top oriented */
.yui-navset-top .yui-nav { margin-bottom:-1px; } /* for overlap, based on content border-width */
.yui-navset-top .yui-nav li a {
border-bottom:1px solid #ccc;
}
.yui-navset-top .yui-nav .selected a { border-bottom:0; }
.yui-navset-top .yui-nav .selected a em { padding-bottom:0.6em; } /* adjust height */
</style>
</head>
<body>
<div id='wrap'><div id='header'><a name='top'/>
<div class='h_left'>
<h1><a href='http://jj-junio.blogspot.com/' title='regresar al inicio'>Test: JJ</a></h1></div>
<div class='h_right'>
<div id='search'>
<form action='/search' id='sform' method='get'>
<div class='searchimg'/>
<input id='q' name='q' size='15' type='text' value=''/>
</form></div></div><hr class='clear'/>
<ul class='nav fix'>
<li><a href='http://jj-junio.blogspot.com/' title='Regresar al principio '>Inicio<br/><span>Todo Pruebas</span></a></li>
<li><a href='http://cafe-junio.blogspot.com/' onmousedown='toggleDiv("toggles2");' title='explicaciones'>Epílogo<br/><span>hacks</span></a></li>
<li><a href='http://cuentos-historias.blogspot.com/' onmousedown='toggleDiv("toggles");' title='De todo un poco'>Revolutum<br/><span>pues... eso</span></a></li>
<li><a href='http://imagen-junio.blogspot.com/' onmousedown='toggleDiv("toggles1");' title='+ pruebas'>Imagen<br/><span>+ pruebas</span></a></li>
<li><a href='http://nada-junio.blogspot.com/' onmousedown='toggleDiv("toggles3");' title='dibus'>Nada<br/><span>Dibujos, fotos</span></a></li>
<li><a href='http://jj-junio.blogspot.com/' title='Link title'>Vínculos<br/><span>ninguno, de momento</span></a></li>
<li class='skip'><a href='http://' title='RSS'>RSS<br/><span>no hay feed a la vista</span></a></li>
</ul></div>
<div id='content'><div id='flow'>
<div class='col'>
<h2>Contenidos</h2></div></div>
<div id='contentmiddle'>
<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.dateHeader'>
<span class='date'><data:post.dateHeader/></span>
</b:if>
<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 class='Tips1' expr:href='data:post.url' title='entradas JJ'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
<small><img alt='etiquetas' src='http://bp3.blogger.com/_BQrzxz9-EQk/R2ShYCudX5I/AAAAAAAACbQ/QAHvazjtf5w/s400/top.gif'/>
<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a class='Tips1' expr:href='data:label.url' rel='tag' title='+ entradas bajo esta etiqueta'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span></small> |
<small><img alt='comentarios' src='http://bp3.blogger.com/_BQrzxz9-EQk/R2ShYCudX5I/AAAAAAAACbQ/QAHvazjtf5w/s400/top.gif'/>
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.allowComments'>
<b:loop values='data:post.feedLinks' var='f'>
<a class='comments' expr:href='data:post.url + "#comments"' expr:onclick='"peekaboo_comments_display(&quot;" + data:f.url + "&quot;,&quot;commentsul" + data:post.id + "&quot;,&quot;&quot;,&quot;" + data:post.url + "#comments&quot;,&quot;max comments&quot;);toggleitem(&quot;comments" + data:post.id + "&quot;);return false;"' rel='comments' title='click aquí para ver y dejar comentarios'><b:if cond='data:post.numComments == 0'>
Sin comentarios
<b:else/>
<b:if cond='data:post.numComments == 1'>
Un comentario
<b:else/>
<data:post.numComments/>
</b:if></b:if>
</a>
</b:loop>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.url + "#comments"' expr:onclick='"toggleitem(&quot;comments" + data:post.id + "&quot;);return false;"'><b:if cond='data:post.numComments == 0'>
Sin
<b:else/>
<b:if cond='data:post.numComments == 1'>
Uno
<b:else/>
<data:post.numComments/> comentarios
</b:if></b:if></a>
</b:if>
</b:if>
</span></small>
<div class='post-header-line-1'/>
<div class='post-body' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
<style>#fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<p><data:post.body/></p>
<span id='showlink'>
<a expr:href='data:post.url'>Más......</a>
</span>
<script type='text/javascript'>
checkFull("post-" + "<data:post.id/>");
</script>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<small><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>
<!-- backlinks -->
<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'>
<!-- email post links -->
<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>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span>
</p>
<p class='post-footer-line post-footer-line-2'>
</p>
<p class='post-footer-line post-footer-line-3'/>
</div></small><div class='postspace'/>
</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"'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
<b:else/> <!--Post feed links -->
<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 id='comments'>
<b:if cond='data:post.numComments == 0'>
|Sin comentarios
<b:else/>
<b:if cond='data:post.numComments == 1'>
1 comentario:
<b:else/>
<data:post.numComments/>
<data:top.commentLabelPlural/>
</b:if>
</b:if>
</h2>
<div id='commentblock'><ol class='commentlist'>
<blockquote><li class='graybox'>
<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>
<small><data:commentPostedByMsg/></small>
</dt>
<small><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> </small>
<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>
</b:loop>
</dl></li></blockquote></ol></div>
<img alt='Me aburro...' class='alignright' src='http://bp0.blogger.com/_BQrzxz9-EQk/R2SieSudX6I/AAAAAAAACbY/uYztiYiS2sQ/s400/bore.gif'/>
<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>¿Quieres decir algo...?</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'>
<!-- posts -->
<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>
<!-- navigation -->
<b:include name='nextprev'/>
<!-- feed links -->
<b:include name='feedLinks'/>
</b:includable>
</b:widget>
</b:section>
<div id='thumbnails'>
<a class='slideshowThumbnail' href='http://bp0.blogger.com/_BQrzxz9-EQk/R1yDOivA8nI/AAAAAAAACT4/LINxFvwB0ZM/s800/5.jpg'> <img border='0' height='50' src='http://bp0.blogger.com/_BQrzxz9-EQk/R1yDOivA8nI/AAAAAAAACT4/LINxFvwB0ZM/s320/5.jpg' width='50'/></a>
<a class='slideshowThumbnail' href='http://bp1.blogger.com/_BQrzxz9-EQk/R1yDvyvA8oI/AAAAAAAACUA/bgyvo3HODV8/s800/1.jpg'><img border='0' height='50' src='http://bp1.blogger.com/_BQrzxz9-EQk/R1yDvyvA8oI/AAAAAAAACUA/bgyvo3HODV8/s320/1.jpg' width='50'/></a>
<a class='slideshowThumbnail' href='http://bp0.blogger.com/_BQrzxz9-EQk/R1yERivA8pI/AAAAAAAACUI/tz4kzlv6fyI/s800/1130095651Paisajes1.jpg'><img border='0' height='50' src='http://bp0.blogger.com/_BQrzxz9-EQk/R1yERivA8pI/AAAAAAAACUI/tz4kzlv6fyI/s320/1130095651Paisajes1.jpg' width='50'/></a>
<a class='slideshowThumbnail' href='http://bp3.blogger.com/_BQrzxz9-EQk/R1yEqSvA8qI/AAAAAAAACUQ/ycK3lCAWdCg/s800/Arturo19_3.jpg'><img border='0' height='50' src='http://bp3.blogger.com/_BQrzxz9-EQk/R1yEqSvA8qI/AAAAAAAACUQ/ycK3lCAWdCg/s320/Arturo19_3.jpg' width='50'/></a>
<a class='slideshowThumbnail' href='http://bp0.blogger.com/_BQrzxz9-EQk/R1yFIivA8rI/AAAAAAAACUY/-4W8X2R6fGs/s800/EpHead.jpg'><img border='0' height='50' src='http://bp0.blogger.com/_BQrzxz9-EQk/R1yFIivA8rI/AAAAAAAACUY/-4W8X2R6fGs/s320/EpHead.jpg' width='50'/></a>
<a class='slideshowThumbnail' href='http://bp2.blogger.com/_BQrzxz9-EQk/R1yGNCvA8tI/AAAAAAAACUo/6KNyizm0Rzc/s800/ljf280.tmp.jpg'><img border='0' height='50' src='http://bp2.blogger.com/_BQrzxz9-EQk/R1yGNCvA8tI/AAAAAAAACUo/6KNyizm0Rzc/s320/ljf280.tmp.jpg' width='50'/></a>
<p><a href='#' onclick='show.play(); return false;'>Play</a> | <a href='#' onclick='show.stop(); return false;'>Stop</a> | <a href='#' onclick='show.next(); return false;'>Next</a> | <a href='#' onclick='show.previous(); return false;'>Previous</a></p>
</div>
<div class='slideshow' id='slideshow'/>
<script type='text/javascript'>
window.addEvent('domready',function(){
var obj = {
wait: 3000,
effect: 'fade',
duration: 1000,
loop: true,
thumbnails: true,
backgroundSlider: true
}
show = new SlideShow('slideshow','slideshowThumbnail',obj);
show.play();
});
</script>
</div>
</div>
<div id='col9'>
<ul id='cat_menu'>
<li class='category'><a href='http://cafe-junio.blogspot.com/' id='cat_epilogo'>Epílogo</a></li>
<li class='category'><a href='http://imagen-junio.blogspot.com/' id='cat_imagen'>Imagen</a></li>
<li class='category'><a href='http://adrihome.blogspot.com/' id='cat_trabajos'>Trabajos</a></li>
<li class='category'><a href='http://nada-junio.blogspot.com/' id='cat_nada'>Nada</a></li>
<li class='category'><a href='http://cuentos-historias.blogspot.com/' id='cat_revolutum'>Revolutum</a></li>
<li class='category'><a href='http://jj-junio.blogspot.com/' id='cat_inicio'>Inicio</a></li>
</ul>
<div class='menu'>
<b:section class='menu' id='sidr' preferred='yes'>
<b:widget id='HTML1' locked='false' title='Contenidos' type='HTML'>
<b:includable id='main'>
<ul><li>
<div class='widget-content'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'/>
</b:if>
<div id='doc'>
<div>
<h2/>
<div class='yui-navset' id='multiTab1'/>
</div>
<!--
<div>
<h2></h2>
<div class='yui-navset' id='multiTab2'/>
</div>
-->
</div>
<div id='103'/>
</div>
<script type='text/javascript'>
// Developed by Hoctro - All rights reserved 2007
// This credit must be included in all your derived usages.
var p1 = document.createElement('h6');
document.getElementById('103').appendChild(p1);
p1.innerHTML = cb.txt('TabView');
function listOneTab(json, tabView, title, act) {
var label = '';
var text = '';
var nPost = 10;
if (title == "")
label += cb.getLabelFromURL(json);
else
label += title;
text += "<div id='" + label + "'><ul>";
var numberPost = (json.feed.entry.length <= nPost) ?
json.feed.entry.length : nPost;
for (var i = 0; i < numberPost; i++) {
var entry = json.feed.entry[i];
text += "<li>" + "<a href='" + cb.getLink(entry, "alternate")
+ "'>" + cb.getTitle(entry) + "</li>";
}
text += '</ul></div>';
tabView.addTab( new YAHOO.widget.Tab({
label: label,
content: text,
active : act
}));
}
var blog1 = "jj-junio.blogspot.com";
var tabView1 = new YAHOO.widget.TabView('multiTab1');
var labels1 = ['Imagen', 'Slideshow','Comento'];
function listTab1(json) {
listOneTab(json, tabView1, "", false);
}
function listLatestPostsTab1(json) {
listOneTab(json, tabView1, "Entradas", true);
}
function listLatestCommentsTab1(json) {
listOneTab(json, tabView1, "Comentarios", false);
}
// Activating calls!
// Latest Posts
cb.search( blog1, "posts", 1, 25, 'listLatestPostsTab1');
// Latest Comments
cb.search( blog1, "comments", 1, 25, 'listLatestCommentsTab1');
// Preferred Labels
for (var i=0; i < labels1.length; i++)
if (labels1[i]) cb.searchLabel(blog1, labels1[i], 'listTab1');
/*
var blog2 = "hackosphere.blogspot.com";
var tabView2 = new YAHOO.widget.TabView('multiTab2');
var labels2 = ['Neo','Widgets', "Blogger Power"];
function listTab2(json) {
listOneTab(json, tabView2, "", false);
}
function listLatestPostsTab2(json) {
listOneTab(json, tabView2, "Entradas", true);
}
function listLatestCommentsTab2(json) {
listOneTab(json, tabView2, "Latest Comments", false);
}
// Activating calls!
// Latest Posts
cb.search( blog2, "posts", 1, 25, 'listLatestPostsTab2');
// Latest Comments
cb.search( blog2, "comments", 1, 25, 'listLatestCommentsTab2');
// Preferred Labels
for (var i=0; i < labels2.length; i++)
if (labels2[i]) cb.searchLabel("hackosphere.blogspot.com", labels2[i], 'listTab2');
*/
</script></li></ul>
</b:includable>
</b:widget>
</b:section>
</div></div>
<div class='clearfix'/>
<div id='flic'>
<div class='ff'>
<script src='http://www.flickr.com/badge_code.gne?nsid=13940862@N04&count=4&display=latest&name=1&size=square&raw=1' type='text/javascript'/>
</div>
</div>
<div id='row'><div id='col4'>
<b:section class='sidebar' id='lsid' preferred='yes'>
<b:widget id='Profile1' locked='false' title='Ego' type='Profile'>
<b:includable id='main'>
<ul>
<b:if cond='data:title != ""'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:if cond='data:team == "true"'> <!-- team blog profile -->
<ul>
<b:loop values='data:authors' var='i'>
<li><a expr:href='data:i.userUrl'><data:i.display-name/></a></li>
</b:loop>
</ul>
<b:else/> <!-- normal blog profile -->
<b:if cond='data:photo.url != ""'>
<a class='Tips1' expr:href='data:userUrl' title='Ver perfil'><img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a>
</b:if>
<dl class='profile-datablock'>
<dt class='profile-data'><data:displayname/></dt>
<b:if cond='data:showlocation == "true"'>
<dd class='profile-data'><data:location/></dd>
</b:if>
<b:if cond='data:aboutme != ""'><dd class='profile-textblock'><data:aboutme/></dd></b:if>
</dl>
<a class='profile-link' expr:href='data:userUrl'><data:viewProfileMsg/></a>
</b:if>
<b:include name='quickedit'/>
</div></ul>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='col4'>
<b:section class='sidebar' id='col40' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Archivo' type='BlogArchive'>
<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'>
<b:if cond='data:blog.languageDirection == "rtl"'>
◄
<b:else/>
►
</b:if>
</span>
</a>
</b:if>
</b:if>
</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' dir='ltr'>(<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='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='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='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:includable id='main'>
<ul class='ul-archives'><li>
<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></li></ul>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='col5'>
<b:section class='sidebar' id='col2' preferred='yes'>
<b:widget id='Label1' locked='false' title='Etiquetas' type='Label'>
<b:includable id='main'>
<ul><li>
<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'>
<span expr:dir='data:blog.languageDirection'>
<data:label.name/>
</span>
<b:else/>
<a class='Tips1' expr:dir='data:blog.languageDirection' expr:href='data:label.url' title='Ver entradas bajo esta etiqueta'>
<data:label.name/>
</a>
</b:if>
<span dir='ltr'>(<data:label.count/>)</span>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div></li></ul>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
<div id='s_footer'>
</div><div style='clear:both;'/>
<div id='footer'>
<p>....Copyright 2007 <a href='http://caFe-junio.blogspot.com/' title='Copyright'>Test</a> | Adaptado por <a href='http://cafe-junio.blogspot.com/' title='Epílogo.'>Junio</a>&<a href='http://5thirtyone.com/' title='The menu by Derek.'>531</a> | <a class='rss' href='feed:'> Entradas RSS</a> | <a class='rss' href='feed:'> Comentarios RSS</a> | <a href='#top' title='Saltar a la cabecera'>Top ↑</a></p>
</div></div>
</body>
</html>
Añadir un comentario
Bienvenido a
EpilogoNing
Acerca de
Distintivo
© 2010 Creado por Llara en Ning. Crear tu propia red social
Emblemas | Reportar un problema | Privacidad | Términos de servicio
¡Necesitas ser un miembro de EpilogoNing para añadir comentarios!
Participa en esta red social