EpilogoNing

Archivos... y lo que se me vaya ocurriendo-

Plantilla de Milo para Wordpress. A la hora de adaptarla Nuevo Blogger, le he añadido un ejemplo de Toggle-Accordion de ArtViper, personalización de comentarios (singular/plural), breadcrumbs (Hocro), últimas entradas (Hoctro), últimos comentarios (Beautiful Beta)... y... creo que eso es todo. Podéis ver cómo funciona en Blogger en mi blog de pruebas
Pasaporte



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://3nfpga.blu.livefilestore.com/y1pE1HE1ii3CKrvLjexGqlScWR_lnDmETLZVH8Iqn1lzRIYsuPLAsJCaY33lt39rFV0TG0Wji-51I4/faviconFilm' rel='shortcut icon' type='image/ico'/>

<script type='text/javascript'>



<!--



function expandIt(getIt){



getIt.style.display=(getIt.style.display=="none")?"":"none";



}



//--></script>


<b:skin><![CDATA[/*
/*
Theme Name: password
Theme URI: http://3oneseven.com/
Description: x-files style
Version: 3.0
Author: miloIIIIVII
Author URI: http://3oneseven.com/
*/
#navbar-iframe { height:0px; visibility:hidden; display:none }
body{margin:0;padding:0;font:normal 80%/150% arial,helvetica,sans-serif;

background:#fff url(http://bp1.blogger.com/_BQrzxz9-EQk/R_R2qlJ9DMI/AAAAAAAAEic/KPQ7Jg8mzso/s1600/09.jpg) repeat top left;color:#333;text-align:center;}



#header{padding:20px 0 0 0;margin:0;height:194px;float:left;

width:820px;background:transparent url(http://3.bp.blogspot.com/_BQrzxz9-EQk/SVQhOlLuoNI/AAAAAAAAJJs/irkafWVirLA/s1600/01a.jpg) no-repeat top left;}



#header h1,#header h1 a{color:#7A3412;letter-spacing:-2px;line-height:0.7em;font:1.7em georgia,times new roman,serif;font-variant:small-caps;margin:0;padding:33px 0 0 20px;width:290px;display:block;}



#page{margin:0 auto;padding:0;width:990px;

background:transparent url(http://2tkh1q.blu.livefilestore.com/y1phxb_K2dCeWBG3ewCa-sSAKIweafdmOUtFpU1OJuN-A8gBS2flY4a6RoNS9_vvF9wk3pkwVyukMw/02.jpg) repeat-y top left;text-align:left;}



#content{font-size:1.0em;margin:0;padding:0;float:left;}

.narrowcolumn .postmetadata{text-align:right;}

.narrowcolumn{width:530px;float:right;padding:0 0 20px 0;margin:0;}



.post{background:transparent;margin:5px 15px 0 0;padding:0 0 0 20px;text-align:left;}

.post a img,.post img{border:0;max-width:95%;float:right;margin:0;padding:5px;}

#content img.wp-smiley{float:none;border:none;padding:0;margin:0;}

#content img.wp-wink{float:none;border:none;padding:0;margin: 0;}



.post h2{margin:0 0 5px 0;padding:0 0 0 20px;border-bottom:1px dotted #ccc;letter-spacing:-2px; background:transparent;text-align:left;font:normal 2.0em Georgia,times,"helvetica",arial,sans-serif;}



.post h2 a,.post h2 a:link,.post h2 a:visited{color:#7A3412;background:transparent;}



h3{margin:0 0 5px 0;padding:5px 0 0 20px;border:0;background:transparent;text-align:left;font:normal 1.9em "helvetica",arial,sans-serif;color:#333;letter-spacing:-2px;}



.postmetadata{margin:0;padding:5px 0 0 40px;height:24px;display:block;

background:transparent;font:normal 0.8em Arial,sans-serif;line-height:0.99em;text-align:right;clear:both;}

.post a:link,.post a:visited{color:#4F1100;background:transparent;}

.entry{margin:0;padding:0 25px;}

.entry p a:visited{color:#000;}



small{font:0.9em arial,Helvetica,Sans-Serif;line-height:1.5em;float:right;}

p.alt{margin: 20px 65px 20px 25px;padding:10px;}

.alt {font-size: 0.8em;line-height:0.99em;background:transparent;border-top:1px dotted #ccc;border-bottom: 1px dotted #ccc;}



#sidebar{width:225px;float:left;padding:0 0 0 35px;margin:0;background:transparent;}

#r_sidebar{width:150px;height:490px;float:right;padding:0;margin:-200px 0 0 0;background:transparent url(http://bp0.blogger.com/_BQrzxz9-EQk/R_R36VJ9DOI/AAAAAAAAEis/ZqAiGxLr2yQ/s1600/04fILM.gif) no-repeat top left;overflow:hidden;}



#sidebar form {margin:0;}



#sidebar h2,#r_sidebar h2,#s_footer h2{margin:20px 0 0 0;padding:0 0 0 8px;

background:transparent;border-bottom: 1px dotted #aaa;

font:normal 1.7em Georgia,times,helvetica,arial,Verdana,Sans-Serif;

color:#4F1100;background:transparent;letter-spacing:-2px;}



#sidebar ul,#sidebar ol,#r_sidebar ul,#r_sidebar ol {margin: 0;padding: 0;}

#sidebar ul li,#r_sidebar ul li,#s_footer ul li{list-style-type: none;list-style-image: none;}



#sidebar ul,#r_sidebar ul,#s_footer ul{font:normal 1.0em "arial", Verdana, Arial, sans-serif;}

#sidebar ul,#sidebar ol,#r_sidebar ul,#r_sidebar ol,#s_footer ul,#s_footer ol{margin:5px 0 0 0;}

#sidebar ul li,#r_sidebar ul li,#s_footer ul li{

background:url(http://bp1.blogger.com/_BQrzxz9-EQk/R_R4RlJ9DPI/AAAAAAAAEi0/rnrN23_Pec4/s400/08.gif) no-repeat top left;}

#sidebar ul li,#sidebar ol li,#r_sidebar ul li,#r_sidebar ol li,#s_footer ul li,#s_footer ol li{

margin:3px 0 0 0;padding:0 0 0 33px;}

ol li,#sidebar ol li,#r_sidebar ol li,#s_footer ol li,ul li{list-style:none;}

#sidebar p,#r_sidebar p,#s_footer p{color:#333;background:transparent;

font:normal 1.0em "helvetica", Verdana, Arial, sans-serif;}

#sidebar p,#sidebar select,#r_sidebar p,#r_sidebar select,#s_footer p,#s_footer select{margin:5px 0 0 8px;}



#sidebar ul ul,#sidebar ol,#r_sidebar ul ul,#r_sidebar ol,#s_footer ul ul,#s_footer ol{font:normal 0.8em helvetica,Verdana, Arial, Sans-Serif;}



#s_footer{margin:0;padding:10px 0 0 35px;width:720px;

background:transparent;clear: both;}



.col1{width:225px;float:left;padding:0;margin:0;background:transparent;}

.col2{width:225px;float:left;padding:0 0 0 15px;margin:0;background:transparent;}

.col3{width:225px;float:right;padding:0 0 0 15px;margin:0;background:transparent;}



#footer{margin:0 auto;padding:40px 0 0 0;width:990px;height: 145px;

background:transparent url(http://bp3.blogger.com/_BQrzxz9-EQk/R_SYjFJ9DSI/AAAAAAAAEjM/MzS1QezWqtw/s1600/03.jpg) no-repeat left top;clear: both;}

#footer p {margin: 0 0 0 35px;padding: 10px 0;

text-align: left;font:normal 0.7em arial,"helvetica", Verdana, Arial, sans-serif;}



h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {color: #ccc;}



h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {text-decoration: none;}

#commentform input, #commentform textarea {font: 0.9em Arial,helvetica,Sans-Serif;}



.commentlist li {font: 1.1em arial, "helvetica", Verdana,Sans-Serif;}

#commentform input, #commentform textarea {background-color: #fff;border: 1px solid #ccc;}

#commentform #submit {color: #fff;background-color: #333;border: 1px solid #ccc;}

.commentlist li {font-weight:400;}

.commentlist cite, .commentlist cite a{font-weight:400;font-style:normal;font-size: 1.0em;}

.commentlist p {font-weight:400;line-height: 1.3em;text-transform: none;}

#commentform p {font: 1.0em Verdana, Arial, Sans-Serif;}

.commentmetadata {font-weight:400;}

#commentform input {width: 99%;padding:2px;margin:5px 5px 1px 0;}

#commentform textarea {width: 99%;padding: 2px;}

#commentform #submit {width: 70px;margin:0;}

.commentlist {margin:0;padding:0;text-align: justify;}

.commentlist li {margin: 15px 55px 3px 5px;padding: 5px 15px;

list-style: none;background:transparent;}

.commentlist p {margin: 10px 5px;}

#commentform {margin: 0 25px;}

#commentform p {margin: 5px 0;}

.nocomments {text-align:center;margin: 0;padding: 0;}

.commentmetadata{margin:0 auto;display:block;}



small,.nocomments,.postmetadata,strike{color:#333;}

code {font: 1.1em 'Courier New', Courier, Fixed;}

acronym, abbr, span.caps {font-size: 0.9em;letter-spacing: .07em;}

a, h2 a:hover, h3 a:hover {color: #4F1100;text-decoration: none;}

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



p img {padding: 0;max-width: 100%;}

.aligncenter{display: block;margin:0 auto;margin-right: auto;}

.alignright {float: right;padding: 4px;margin: 0 0 2px 7px;display: inline;}

.alignleft {float: left;padding: 4px;margin: 0 7px 2px 0;display: inline;}



.entry ol {padding: 0 0 0 35px;margin: 0;}

.entry ol li {margin: 0;padding: 0;}

.postmetadata ul, .postmetadata li {display: inline;list-style-type: none;list-style-image: none;}



#search{background:transparent;width:140px;height:30px;}

#searchform{margin:0 auto;padding:5px 0;/* text-align: center; */}

#searchform #s{width:140px;padding:5px;background-color:transparent;border:1px solid #7A3412;font:14px courier new;margin:0;color:#7A3412;float:left;}



.entry form {text-align:center;}

select {width: 130px;}



acronym, abbr, span.caps {cursor: help;}

acronym, abbr {border-bottom: 1px dashed #4F1100;}

blockquote{font:normal 110%/170% times new roman,georgia,sans-serif;margin:15px 30px 0 10px;padding-left:20px;color:#7A3412;border-left:2px solid #7A3412;}

blockquote cite{margin: 5px 0 0;display: block;}

.center {text-align:center;margin:0 auto;display:block;}

hr {display: none;}

a img {border: none;}



.navigation{clear:both;display: block;text-align: center;margin: 20px 55px 20px 25px;

height: 25px;font: small-caps bold 0.8em Arial, sans-serif;}



.ff a img{border:.08em solid #7A3412;padding:0.5em;width:3.5em;height:3.5em;margin:0 .077em .077em 0;}

.ff a:hover img{border:.08em solid #333;width:3.5em;height:3.5em;}



body div#toolTip{position:absolute;z-index:1000;width:180px;background:#fafafa;border:0;text-align:left;

padding:10px;min-height:1em;}

body div#toolTip p{margin:0;padding:0;color:#333;font:14px/19px arial,sans-serif;line-height:13px;}

body div#toolTip p em,body div#toolTip p em span{display:none;}



.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix{display:inline-block;}* html .clearfix{height:1%;}.clearfix{display:block;}

.clear{clear:both;}

hr.clear{clear:both;visibility:hidden;margin:0;padding:0;}



.count{float:right;font-size:33px;color:#ccc;line-height:33px;}



.date{text-align:right;float:right;margin:-35px 0 0 0;padding:0 0 10px 0;font:normal 11px georgia,helvetica,arial,sans-serif;color:#aaa;letter-spacing:-1px;background:transparent;}

.date span.date,.dates span.date{color:#ccc;padding:0 0 0 4px;}

.bigdate{font:25px georgia,helvetica,arial,sans serif;color:#aaa;text-decoration:none!important;}

.dates{text-align:right;float:right;margin:-25px 0 0 0;padding:0;font:normal 11px helvetica,arial,sans-serif;color:#aaa;letter-spacing:-1px;background:transparent;}

.date span.date,.dates span.date{color:#ccc;padding:0 0 0 4px;}



#postmeta{background:transparent;width:99%;margin:0;padding:0;display:block;}

.rel{float:left;width:48%;margin:0;padding-right:20px;}

.social{float:right;width:44%;margin:0;padding:0;}

.sor{width:99%;height:50px;margin:0;padding:0;}

.sos{width:99%;height:135px;margin:0 auto;padding:0;background:transparent url(http://bp1.blogger.com/_BQrzxz9-EQk/R_SX_lJ9DRI/AAAAAAAAEjE/S4l1a8wLs8E/s400/sos.gif) top center no-repeat;}



.ul-tag{list-style:none;margin:0 0 15px;padding:0;}

.ul-tag li{margin:0;padding:2px 0 2px 0;background:none;}

.ul-tag li a, .ul-tag li a:visited{color: #333;text-decoration: none;padding:0 0 0 10px;border-bottom: 1px dotted #ccc;background:none;}

.ul-tag li a:hover{color: #ccc;text-decoration: none;}



.rss{background:transparent url(http://bp1.blogger.com/_BQrzxz9-EQk/R_R4slJ9DQI/AAAAAAAAEi8/EjjifIffSNY/s400/010.gif) top center no-repeat;width:99%;height:55px;margin:10px auto 0;padding:0;}
.rss a{display:block;height:45px;width:99%;text-indent:-9000px;margin:0;padding:0;}
.rss a:hover{background:transparent;}


.des{font:1.2em georgia;color:#7A3412;margin:0;padding:0;letter-spacing:-1px;}
div#post-date { display: inline; float:right; /* set this to right if you want it go to the right */ padding: 1em; /* to keep the text away from the edges */ background-color: transparent; /* you can change this to hold a picture, will make it look nicer */ border: none; /* a border to make it look nice */ } div#post-date span.theMonth { display: inline; font-size: 1.3em; /* smaller compared to the date */ background-color: transparent; color: #aaa; } div#post-date span.theDate { display: inline; /* to put this in a different line */ font-size: 2.5em; /* to make the date stand out */ background-color: transparent; /* to let the background show through */ color:#aaa; } div#post-date span.theYear { display: inline; font-size: 1.3em; /* smaller compared to the date */ background-color: transparent; color:#aaa ; }





/* BreadCrumbs */
<style type="text/css">



/*Credits: Dynamic Drive CSS Library */

/*URL: http://www.dynamicdrive.com/style/ */



.breadcrumb{

font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;

}



.breadcrumb a{

background: transparent url(media/breadcrumb.gif) no-repeat right;

text-decoration: none;

padding-right: 23px; /*adjust bullet image padding*/

color: navy;

}



.breadcrumb a:visited, .breadcrumb a:active{

color: navy;

}



.breadcrumb a:hover{

text-decoration: underline;

}



</style>



]]></b:skin>


<script type='text/javascript'>

// Developed by Hoctro - All rights reserved 2007

// This credit must be included in all your derived usages.



// &quot;cb&quot; 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 &quot;hoctro.blogspot.com&quot;,

// 2. type: type of return data, either &quot;comments&quot; or &quot;posts&quot;,

// 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(&#39;script&#39;);

script.setAttribute(&#39;src&#39;, &#39;http://&#39; + query + &#39;/feeds/&#39; + type + &#39;/default?alt=json-in-script&amp;start-index=&#39;

+ start + &#39;&amp;max-results=&#39; + increment + &#39;&amp;callback=&#39; + func);

script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);

document.documentElement.firstChild.appendChild(script);

},



// getTotalResults needs the json object, and it&#39;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 &quot;name&quot; matches the content *inside &quot;a&quot; tags) of the link

getLink: function(entry, name) {

var alturl;



for (var k = 0; k &lt; 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://3nfpga.blu.livefilestore.com/y1pIzM2XwjKXjPBfxEGuKwUaahCkSvFlX3s3jCM6ksycO88g7vDW1w-dPMaSKm--_yRknQAn_uCJqE/Comentarios.js' type='text/javascript'/>

<script src='http://aditya.vm.googlepages.com/addSmiley.js' type='text/javascript'/>





<script src='http://3nfpga.blu.livefilestore.com/y1p5fT27TrajEtRkaO_kuQV7rDaaaD-ic8ESeA-AgjPN-6OlHom-7QhiiZyjatylcC2ZrzODNj7Lzg/mootools.js' type='text/javascript'/>
<script language='javascript' src='http://3nfpga.blu.livefilestore.com/y1p7nrMs5Ekr20pZf-op3p66Ak8bld1cjx3znlqZdF-eWH7wB75UOEDO_LbriMGVqAYk9814UbwEJonVxcr56sobw/reflection2.js' type='text/ecmascript'/>


<script src='http://3nfpga.blu.livefilestore.com/y1pRNTQQIBJs848O1DWdPzTRoVZfMp33pijKNgkGzIsqMYyOMGHTjfTwlsN-I9Q83X9dUyv7akppAyxBHAQjsBC5A/addEvent.js' type='text/javascript'/>
<script src='http://3nfpga.blu.livefilestore.com/y1pKyjVJ2WxfbZeptXWD381u0DC3laa7f5enaDVfXeXM2FUSUNAEdje9TUjPHse9Ht-nIHoBnoVtGe7tcM19aN-Rw/sweetTitlesPicasso.js' type='text/javascript'/>

<script> function date_replace(d){ var da = d.split(&#39; &#39;); day = &quot;<span class='theDate'>&quot;+da[0]+&quot;</span>&quot;; mon = &quot;<span class='theMonth'>&quot;+da[1].slice(0,3)+&quot;</span>&quot;; year = &quot;<span class='theYear'>&quot;+da[2]+&quot;</span>&quot;; document.write(day+mon+year); } </script>


<script type='text/Javascript'>
function togglecomments (postid) {
var whichpost = document.getElementById(postid);
if (whichpost.className==&quot;commentshown&quot;) { whichpost.className=&quot;commenthidden&quot;; } else { whichpost.className=&quot;commentshown&quot;; }
} </script>

<script src='http://rquqya.blu.livefilestore.com/y1pKPCtjx0K9BkE8HMYcGSex0_M_AOvBAvbW4Xwz7vqoQR4zeVganzxY6u1aP8eimBOOuT-hwgEvBA/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'>
//<![CDATA[
var comment_form_template = '<div class="commentelem"><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';

if(typeof(thisblog_showCommentPhotos) == 'undefined')
thisblog_showCommentPhotos = false;

//]]>
</script>


</head>

<body>
<div id='page'>

<div id='header'>

<h1><a href='http://filmstrip-carrusel.blogspot.com/' title='Regresar al inicio'>Pasaporte</a></h1>

</div>


<div id='sidebar'>
<div class='des'>De Wordpress a Nuevo Blogger</div>
<div class='rss'>
<a href='http://' title='Subscribir este RSS Feed'>RSS</a>
</div>

<b:section class='sidebar' id='Ego' preferred='yes'>
<b:widget id='Profile1' locked='false' title='Ego' type='Profile'>
<b:includable id='main'>
<b:if cond='data:title != &quot;&quot;'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:if cond='data:team == &quot;true&quot;'> <!-- 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 != &quot;&quot;'>
<a expr:href='data:userUrl'><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 == &quot;true&quot;'>
<dd class='profile-data'><data:location/></dd>
</b:if>

<b:if cond='data:aboutme != &quot;&quot;'><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>
</b:includable>
</b:widget>
</b:section>

<h2 class='ex' title=''>Sidebar-Toggle</h2>

<p>Una muestra <br/>
del funcionamiento de<br/>
toggle y acordeón, <br/>
juntitos en amor y compaña.</p>
<p><strong><a href='http://cafe-junio.blogspot.com/' title='Epílogo'>Si a alguien le interesa... lo explicaré en Epílogo</a></strong></p>
<div style='clear:both;margin-top:10px'/><div style='clear:both;margin-top:10px'/>

<h2 class='ex' title=''>Cosillas</h2>
<ul>

<li><div class='toggler'><span style='padding-left:10px'>Aquí hay un Toggle</span></div></li>
<li class='accordion'><h1 class='subheadings'>Acordeón</h1><p><a href='' title=''/> Si te ha dado por picar aquí arriba, habrás visto el primer acordeón. Y se acabó, jajajjaa.</p></li>
<li><div class='toggler'><span style='padding-left:10px'>Segundo acordeón</span></div></li>
<li class='accordion'><h2 class='subheadings'>En realidad, sólo hay que fijarse en los sitios en que salga una un interrogante: porque ahí es dónde están los toggles.</h2><p><a href='' title=''>Fín</a>: Con ésto doy por finalizadas las pruebas que tenía previstas. Ha salido todo bien, salvo la imagen del top menú... no sé porqué me saca el borde inferior blanco... mecachis....</p></li>


</ul>
<div class='sos'/> </div>


<div class='narrowcolumn' id='content'>
<b:section class='narrowcolumn' id='content' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'>
<b:includable id='nextprev'><ul>
<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 + &quot;_blog-pager-newer-link&quot;' 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 + &quot;_blog-pager-older-link&quot;' 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></ul>
<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'>&#160;</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 + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h2 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a><span class='date'><b:if cond='data:post.dateHeader'>
<div id='post-date'>
<script>date_replace(&#39;<data:post.dateHeader/>&#39;);</script>
</div>
</b:if></span>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>


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

<div class='post'><div class='post-body entry-content'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div></div>
<div class='post-footer'>

<div class='post-footer-line post-footer-line-1'><p class='postmetadata'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>
</span>

<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>

| &#187;<span class='post-comment-link'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>

<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.url + &quot;#comments&quot;' expr:onclick='&quot;toggleitem(&amp;quot;comments&quot; + data:post.id + &quot;&amp;quot;);return false;&quot;'><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/> comentarios
</b:if></b:if>

</a>


</b:if>

</b:if>

</span>&#187; | <span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
</b:loop>
</b:if>
</span>

<!-- backlinks -->
<span class='post-backlinks post-comment-link'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:post.showBacklinks'>
<a class='comment-link' expr:href='data:post.url + &quot;#links&quot;'><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'>
<img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_email.gif'/>
</a>
</span>
</b:if>

<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span>
</p></div>

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

</div>

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


</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='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src' style='display: none'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='auto' src='' width='100%'/>
<data:post.iframeColorizer/>
</div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<img src='http://www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='&quot;item-control &quot; + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='http://www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>

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

<data:adStart/>
<b:loop values='data:posts' var='post'>
<ul><b:include data='post' name='breadcrumbs'/></ul>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:post.includeAd'>
<data:adEnd/>
<data:adCode/>
<data:adStart/>
</b:if>
</b:loop>
<data:adEnd/>
</div>

<!-- navigation -->
<b:include name='nextprev'/>

<!-- feed links -->
<ul><b:include name='feedLinks'/></ul>
</b:includable>
<b:includable id='breadcrumbs' var='post'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p class='breadcrumbs'> <span class='post-labels'>
<b:if cond='data:post.labels'>
Estás en:
<a expr:href='data:blog.homepageUrl' rel='tag'>Inicio</a>
&gt; <b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'>
<a expr:href='data:label.url' rel='tag'> <data:label.name/></a>
</b:if>
</b:loop>
<b:if cond='data:post.title'>
&gt; <b><data:post.title/></b>
</b:if>
</b:if>
</span>
</p>
</b:if>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
<a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<img src='http://www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- 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='feedLinksBody' var='links'>
<p class='postmetadata'><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> </p>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' expr:id='&quot;comments&quot; + data:post.id'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;commentsul&quot; + data:post.id'> </div>
<script type='text/javascript'>
document.getElementById(&#39;comments<data:post.id/>&#39;).style.display = &#39;none&#39;;
</script>
</b:if>


<a name='comments'/>
<b:if cond='data:post.allowComments'>

</b:if>

<h3>

<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/>
<data:top.commentLabelPlural/>
</b:if>
</b:if>
</h3>


<div id='commentblock'><ol><dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='&quot;comment-&quot; + data:comment.id'>
<div class='commentphoto' style='float:left;'/>
<a expr:name='&quot;comment-&quot; + 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>
<span class='count'><li>
<data:commentPostedBy/></li></span>

</dt>


<dd class='comment-body'><div class='commenttext-admin'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</div></dd>
<dd class='comment-footer'>
<div class='commentmetadata'><span class='big'>{<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>}
<b:include data='comment' name='commentDeleteIcon'/>
</span></div>

</dd>
<div style='clear:both;'/>
</b:loop>
</dl></ol></div>




<p class='comment-footer'>
<ul><a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>&#191;Algún comentario?</a>
</ul></p>

<ul><div id='backlinks-container'>
<div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div></ul>
</div>
</b:includable>
</b:widget>
</b:section>

<div class='clearfix'/><hr class='clear'/>
<div id='postmeta'> <div class='rel'>
<ul>
<h2>Recientes</h2>
<b:section class='sidebar' id='entradas' preferred='yes'>
<b:widget id='HTML1' locked='false' title='Entradas' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>

</b:if>
<div class='widget-content'>
<data:content/>
<ul><div id='dataPost'/></ul>
<h6 id='hoctro'><a href='http://hoctro.blogspot.com'/></h6>
</div>

<script type='text/javascript'>
// Developed by Hoctro - All rights reserved 2007
// This credit must be included in all your derived usages.
// This widget lists the available posts based on the uP.nPost value below
// Use -1 if you want them all.
var uP = {
nPost : 10
};

var cP = {
// private variable to store the total results
totCount : 0,
// the number of elements for each json call
increment : 10,
// this is the place to define the blog name for subsequent retrieval data
web : &quot;filmstrip-carrusel.blogspot.com&quot;,

listPosts: function(json, tag) {

var text=&quot;&quot;;

for (var i = 0; i &lt; json.feed.entry.length; i++) {
var entry = json.feed.entry[i];

text += &quot;<li>&quot; + &quot;&lt;a href=&#39;&quot; + cb.getLink(entry, &quot;alternate&quot;)
+ &quot;&#39;&gt;&quot; + cb.getTitle(entry) + &quot;</li>&quot;;
}
var p = document.createElement(&#39;span&#39;);
document.getElementById(tag).appendChild(p);
p.innerHTML = text;
},

callPostJson: function(json) {
this.listPosts(json, &quot;dataPost&quot;);
},

getCo : function(json) {
this.totCount = cb.getTotalResults(json);
var count = (uP.nPost &lt; 0) ? this.totCount : uP.nPost;
var i=1;
while(i&lt;=count) {
var incr = (count-i &lt; this.increment) ? count-i+1 : this.increment;
cb.search( cP.web, &quot;posts&quot;, i, incr, &#39;cP.callPostJson&#39;);
if (incr==0) incr=incr+1;
i = i+incr;
}
}
};

cb.search( cP.web, &quot;posts&quot;, 1, 2, &#39;cP.getCo&#39;);

</script>
</b:includable>
</b:widget>
</b:section>
</ul>
</div>
<div class='social'>
<h2>Bookmark</h2>
<ul><li><a href='http://www.stumbleupon.com/submit&amp;url=http://wp.3oneseven.com' title='Stumble it'>
Stumble it</a></li>
<li><a href='http://digg.com/submit?phase=2&amp;url=http://wp.3oneseven.com' title='Submit it to Digg'>Digg it</a></li>
<li><a href='http://del.icio.us/post&amp;url=http://wp.3oneseven.com' title='Add to del.icio.us'>Deli.icio.us</a></li>
<li><a href='http://technorati.com/search/http://wp.3oneseven.com' title='Links in Technorati'>Technorati</a></li>
</ul>

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

<div id='r_sidebar'> <div class='sor'/>
<b:section class='sidebar' id='Archivo' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Archivo del blog' type='BlogArchive'>
<b:includable id='toggle' var='interval'>
<b:if cond='data:interval.toggleId'>
<b:if cond='data:interval.expclass == &quot;expanded&quot;'>
<a class='toggle' expr:href='data:widget.actionUrl + &quot;&amp;action=toggle&quot; + &quot;&amp;dir=close&amp;toggle=&quot; + data:interval.toggleId + &quot;&amp;toggleopen=&quot; + data:toggleopen'>
<span class='zippy toggle-open'>&#9660; </span>
</a>
<b:else/>
<a class='toggle' expr:href='data:widget.actionUrl + &quot;&amp;action=toggle&quot; + &quot;&amp;dir=open&amp;toggle=&quot; + data:interval.toggleId + &quot;&amp;toggleopen=&quot; + data:toggleopen'>
<span class='zippy'>
<b:if cond='data:blog.languageDirection == &quot;rtl&quot;'>
&#9668;
<b:else/>
&#9658;
</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='&quot;archivedate &quot; + 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 + &quot;_ArchiveMenu&quot;'>
<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> <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 + &quot;_ArchiveList&quot;'>
<b:if cond='data:style == &quot;HIERARCHY&quot;'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == &quot;FLAT&quot;'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == &quot;MENU&quot;'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
<b:include name='quickedit'/>
</div></li> </ul>
</b:includable>
</b:widget>
</b:section>
<h2>Busca</h2>
<form action='/search' id='searchform' method='get'><input id='s' name='q' onblur='if (this.value == &apos;&apos;) {this.value = &apos;Search anything&apos;;}' onfocus='if (this.value == &apos;To search, type and hit enter...&apos;) {this.value = &apos;&apos;;}' type='text' value='Escribe lo que buscas y pulsa intro...'/></form>

<h2>FlickR</h2>
<div class='ff'>
<script src='http://www.flickr.com/badge_code.gne?nsid=22196727@N03&amp;count=6&amp;display=latest&amp;name=1&amp;size=square&amp;raw=1' type='text/javascript'/>
</div>


</div>


<div id='s_footer'>
<div class='col1'>
<b:section class='s_footer' id='col1' preferred='yes'>
<b:widget id='Feed1' locked='false' title='Comentarios' type='Feed'>
<b:includable id='main'>

<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>


<h2 class='title'><data:title/></h2>

</b:if>

<div class='widget-content'>

<ul expr:id='data:widget.instanceId + &quot;_feedItemListDisplay&quot;'>

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

<li>

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

<b:if cond='data:i.str_published != &quot;&quot;'>

<span class='item-date'>

El&#160;<data:i.str_published/>

</span>

</b:if>

</b:if>

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

<b:if cond='data:i.author != &quot;&quot;'>

<span class='item-author'>

&#160;- <data:i.author/> comentó en:

</span>

</b:if>

</b:if>

<script type='text/javascript'>getPostTitle(&quot;<data:i.alternate.href/>&quot;)</script>&#160;:

<span class='item-title'>

<data:i.title/>&#160;<script type='text/javascript'>getCommentLink(&quot;<data:i.alternate.href/>&quot;)</script>

</span>

</li>

</b:loop>

</ul>

<b:include name='quickedit'/>

</div>
<p/>

</b:includable>
</b:widget>
<b:widget id='Label1' locked='false' title='Etiquetas' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'>
<data:label.name/>
</span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
<data:label.name/>
</a>
</b:if>
<span dir='ltr'>(<data:label.count/>)</span>
</li>
</b:loop>
</ul>

<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>


<div class='col2'>
<ul>
<h2>Lectores</h2>
<p>MyBlog-Log</p>
</ul>

</div>

<div class='col3'>

<b:section class='footer' id='col3' preferred='yes'>
<b:widget id='LinkList1' locked='false' title='Vinculos' type='LinkList'>
<b:includable id='main'>

<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>


</div>

</div>


<div id='footer'>
<p>
De Wordpress a Nuevo Blogger
<br/>

Created by <a href='http://3oneseven.com/' title='Adaptado por Junio'>miloIIIIVII</a>

</p>
</div></div>


<script language='javascript' type='text/javascript'>
window.onload=function(){

$$(&#39;#menu a&#39;).each(function(el) {
el.addEvent(&#39;mouseenter&#39;,function(){
myEffect = el.effect(&#39;margin-left&#39;, {duration: 100,transition: Fx.Transitions.linear, wait: true}).start(&#39;0&#39;,&#39;30&#39;);
})

el.addEvent(&#39;mouseleave&#39;,function(){
myEffect = el.effect(&#39;margin-left&#39;, {duration: 800,transition: Fx.Transitions.Bounce.easeOut, wait: true}).start(&#39;30&#39;,&#39;0&#39;);
})

})

myStretch = document.getElementsByClassName(&#39;toggler&#39;);
myStretcher = document.getElementsByClassName(&#39;accordion&#39;);


myStretcher.each(function(el){
el.style.display = &#39;&#39;;
});


var ac = new Fx.Accordion(myStretch,myStretcher,

{
onActive: function(tog){
tog.setStyle(&#39;color&#39;, &#39;#ACDA4E&#39;);

tog.setStyle(&#39;cursor&#39;, &#39;help&#39;);

},
onBackground: function(tog){

tog.setStyle(&#39;color&#39;, &#39;#141516&#39;);
tog.setStyle(&#39;background-color&#39;, &#39;transparent&#39;);
tog.setStyle(&#39;cursor&#39;, &#39;help&#39;);

},
alwaysHide: true,
start : &#39;all-closed&#39;,
opacity : true
});


var bod = document.body;
var width = $(bod).getCoordinates();
width = width[&#39;width&#39;];
width = (width - 582) / 2;
$(&#39;newsletter&#39;).setStyle(&#39;left&#39;,width +&quot;px&quot;);
$(&#39;newsletter&#39;).setStyle(&#39;position&#39;,&#39;absolute&#39;);

$(&#39;clickme&#39;).addEvent(&#39;click&#39;,function(){
height = $(&#39;bg_news&#39;).getStyle(&#39;height&#39;).toInt();

if(height == 0){

$(&#39;bg_news&#39;).effect(&#39;height&#39;, { duration: 800, wait:true, transition:Fx.Transitions.Bounce.easeOut }).chain(function(){
$(&#39;contents_newsletter&#39;).setStyle(&#39;display&#39;,&#39;block&#39;);
$(&#39;answer&#39;).setStyle(&#39;display&#39;,&#39;block&#39;);
}).start(&#39;0&#39;,&#39;130&#39;);
}else{
$(&#39;contents_newsletter&#39;).setStyle(&#39;display&#39;,&#39;none&#39;);
$(&#39;answer&#39;).setStyle(&#39;display&#39;,&#39;none&#39;);
$(&#39;bg_news&#39;).effect(&#39;height&#39;, { duration: 1000, wait:true, transition:Fx.Transitions.Bounce.easeOut }).start(&#39;130&#39;,&#39;0&#39;);
}
})

$(&#39;form1&#39;).addEvent(&#39;submit&#39;, function(e) {
new Event(e).stop();
var log = $(&#39;bg_news&#39;).addClass(&#39;ajax_loading&#39;);
new Ajax(&#39;check.php&#39;, {
method: &#39;post&#39;,
update: &#39;answer&#39;,
data: this,
evalScripts:true,
onComplete: function() {
log.removeClass(&#39;ajax_loading&#39;);
}
}).request();
});

$$(&#39;.ex&#39;).each(function(el){
rel = el.getAttribute(&#39;title&#39;);
img = new Element(&#39;img&#39;);
img.src = rel;
el.setAttribute(&#39;rev&#39;,el.innerHTML);
el.setStyle(&#39;background-image&#39;,&#39;none&#39;);
el.setStyle(&#39;padding-left&#39;,&#39;0px&#39;);
el.innerHTML = &#39;&#39;;
img.setAttribute(&#39;alt&#39;,el.innerHTML);
img.injectInside(el);
})
jQuery.noConflict();

}
</script>


</body>
</html>

Compartir 

Añadir un comentario

¡Necesitas ser un miembro de EpilogoNing para añadir comentarios!

Participa en esta red social

Acerca de

Llara Llara creó esta red social en Ning.

¡Crea tu propia red social!

Distintivo

Cargando…

© 2009   Creado por Llara en Ning.   Crear tu propia red social

Emblemas  |  Reportar un problema  |  Privacidad  |  Términos de servicio