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

"Reflex"

Plantilla diseñada por MILO para Wordpress, en la que me he basado para Nuevo Blogger. El aspecto y funcionalidad es la misma en Firefox e IE, salvo que una de las dos sidebares baja en este último navegador... lo que no afecta ni al buen aspecto ni a la lectura..

Tiene una barra de menú "dropdown" muy guaoa y fácil de "llenar" y la cabecera es, para mi gusto, realmente bonita: por ella le puse a mi plantilla de prueba "Magnolia... porque es lo que parece la imagen que da entrada a la plantilla.

Quien lo desee, puede verla funcionando en mi blog ¿Magnolia?

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

<head>

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

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

Theme Name: Reflex

Theme URI: http://milo.peety-passion.com/category/themes/

Description: A simple and clean three col fluid theme with an <a href="http://theundersigned.net/">intelligent PHP menu</a> by <a href="http://theundersigned.net/">The undersigned</a>.

Version: 1.0

Author: miloIIIIVII

Author URI: http://milo.peety-passion.com/

#navbar-iframe { height:0px; visibility:hidden; display:none }

body{font-size:16px;}

#main{float:right;width:70%;margin:20px 0 0 27px;padding:5px 5px 5px 5px;}

#content{width:80%;margin:0px auto 0px;padding:0 0 0 10px;}

#l_sidebar{float:left;width:11%;margin-top:115px;}

#r_sidebar{float:left;width:11%;margin-top:155px;margin-left:25p

x;}

]]></b:skin>

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

</head>

<body>

<a name='top'/><h1><a href='http://color-junio.blogspot.com/' title='Hogar... Dulce Hogar...'>¿Magnolia?</a></h1>

<div id='topmenu'><ul><li onmouseout='this.className=""' onmouseover='this.className="msiefix"'><a href='#'>MenÃº</a><ul><li class='page_item'><a href='http://color-junio.blogspot.com/'>Inicio</a></li><li class='page_item'><a href='http://cafe-junio.blogspot.com/' title='EpÃlogo'>PÃ¡gina 1</a></li>

</ul></li><li onmouseout='this.className=""' onmouseover='this.className="msiefix"'><a href='#'>Etiquetas</a><ul> <li><a href='http://color-junio.blogspot.com/search/label/Pruebas' title='Esto es una etiqueta cualquiera.'>Entradas con etiqueta "Pruebas"</a>

</li>

<li><a href='http://color-junio.blogspot.com/search/label/Comento' title='Otra etiqueta sin mÃ¡s.'>Entradas con etiqueta "Comento"</a>

</li>

<li><a href='http://color-junio.blogspot.com/search/label/si' title='Y venga etiquetas...'>Entradas con etiqueta "Si"</a>

</li>

</ul></li><li onmouseout='this.className=""' onmouseover='this.className="msiefix"'><a href='#'>Archivos</a><ul> <li><a href='http://color-junio.blogspot.com/2007_05_01_archive.html' title='Mayo 2007'>Mayo 2007</a></li>

<li><a href='http://color-junio.blogspot.com/2007_07_01_archive.html' title='Julio 2007'>Julio 2007</a>

</li>

</ul></li><li onmouseout='this.className=""' onmouseover='this.className="msiefix"'><a href='#'>Recientes</a><ul> <li><a href='http://color-junio.blogspot.com/2007/05/una-entrada.html' title='Una Entrada'>Una Entrada</a></li>

<li><a href='http://color-junio.blogspot.com/2007/05/y-basta.html' title='Y basta'>Y basta</a></li>

<li><a href='http://color-junio.blogspot.com/2007/05/probando-smileys.html' title='PenÃºltima'>PenÃºltima</a></li>

<li><a href='http://color-junio.blogspot.com/2007/07/preparada.html' title='Preparada'>Preparada</a></li>

<li><a href='http://color-junio.blogspot.com/2007/07/que-no-se-me-olvide.html' title='Que no se me olvide'>Que no se me olvide</a></li>

</ul></li></ul></div></div>

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

<b:widget id='Profile1' locked='false' title='Datos personales' type='Profile'>

<b:includable id='main'>

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

</b:if>

<b:if cond='data:team == "true"'>

<ul>

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

</b:loop>

</ul>

<b:else/>

<b:if cond='data:photo.url != ""'>

</b:if>

<b:if cond='data:showlocation == "true"'>

</b:if>

<b:if cond='data:aboutme != ""'><dd class='profile-textblock'><data:aboutme/></dd></b:if>

</dl>

</b:if>

<b:include name='quickedit'/>

</div></li></ul></div>

</b:includable>

</b:widget>

<b:widget id='HTML2' locked='false' title='Entradas' type='HTML'>

<b:includable id='main'>

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

</b:if>

<data:content/>

</div>

// 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 : -1

};

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 : "color-junio.blogspot.com",

listPosts: function(json, tag) {

var text="";

for (var i = 0; i < json.feed.entry.length; i++) {

var entry = json.feed.entry[i];

text += "<li>" + "<a href='" + cb.getLink(entry, "alternate")

+ "'>" + cb.getTitle(entry) + "</li>";

}

var p = document.createElement('span');

document.getElementById(tag).appendChild(p);

p.innerHTML = text;

callPostJson: function(json) {

this.listPosts(json, "dataPost");

getCo : function(json) {

this.totCount = cb.getTotalResults(json);

var count = (uP.nPost < 0) ? this.totCount : uP.nPost;

var i=1;

while(i<=count) {

var incr = (count-i < this.increment) ? count-i+1 : this.increment;

cb.search( cP.web, "posts", i, incr, 'cP.callPostJson');

if (incr==0) incr=incr+1;

i = i+incr;

}

};

cb.search( cP.web, "posts", 1, 2, 'cP.getCo');

</script>

</li></ul></div>

</b:includable>

</b:widget>

<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 == "expanded"'>

</a>

<b:else/>

</a>

</b:if>

</b:includable>

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

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

<ul>

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

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

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

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

</b:if>

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

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

</b:if>

</li>

</ul>

</b:loop>

</b:includable>

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

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

</b:loop>

</select>

</b:includable>

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

<ul>

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

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

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

</b:loop>

</ul>

</b:includable>

<b:includable id='main'>

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

</b:if>

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

<b:include name='quickedit'/>

</div></li></ul></div>

</b:includable>

</b:widget>

</b:section>

</div>

<b:section class='main' id='main' showaddelement='no'>

<b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'>

<b:includable id='nextprev'>

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

</span>

</b:if>

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

</span>

</b:if>

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

<b:else/>

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

</b:if>

</div>

</b:includable>

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

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

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

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

</dt>

<data:backlink.snippet/>

</dd>

</dd>

</div>

</b:loop>

</dl>

</b:if>

</p>

</b:includable>

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

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

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

<b:else/>

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

<b:else/>

<data:post.title/>

</b:if>

</h3>

</b:if>

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

</b:if>

</div>

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

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

</b:if>

</span>

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

<data:top.timestampLabel/>

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

</b:if>

</span>

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

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

</b:if>

</span>

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

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

</b:if>

</span>

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

</a>

</span>

</b:if>

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

</span>

</p>

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

<data:postLabelsLabel/>

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

</b:loop>

</b:if>

</span>

</p>

<p/>

</div>

</b:includable>

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

</a>

</span>

</b:includable>

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

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

<data:navMessage/>

</div>

</div>

</b:if>

</b:includable>

<b:includable id='feedLinks'>

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

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

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

</div>

</b:if>

<b:else/>

<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:loop>

</div>

</b:if>

</b:includable>

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

</a>

</span>

</b:includable>

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

<data:feedLinksMsg/>

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

</b:loop>

</div>

</b:includable>

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

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

</a>

</span>

</b:if>

</b:includable>

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

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

<h4>

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

1 <data:commentLabel/>:

<b:else/>

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

</b:if>

</h4>

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

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

<b:else/>

<data:comment.author/>

</b:if>

<data:commentPostedByMsg/>

</dt>

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

<b:else/>

</b:if>

</dd></li>

<data:comment.timestamp/>

</a>

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

</span>

</dd>

</b:loop>

</dl></ol>

</p>

</b:if>

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

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

</b:if>

</div>

</b:includable>

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

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

<data:adStart/>

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

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

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

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

</b:if>

</b:loop>

<data:adEnd/>

</div>

<b:include name='nextprev'/>

<b:include name='feedLinks'/>

</b:includable>

</b:widget>

</b:section>

</div></div>

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

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

<b:includable id='main'>

<ul>

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

</b:if>

<ul>

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

<li>

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

<data:label.name/>

<b:else/>

</b:if>

(<data:label.count/>)

</li>

</b:loop>

</ul>

<b:include name='quickedit'/>

</div></ul></div>

</b:includable>

</b:widget>

<b:widget id='LinkList1' locked='false' title='VÃnculos' type='LinkList'>

<b:includable id='main'>

<ul>

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

<ul>

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

</b:loop>

</ul>

<b:include name='quickedit'/>

</div></ul></div>

</b:includable>

</b:widget>

</b:section>

</div></div>

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

<b:widget id='HTML1' locked='false' title='' type='HTML'>

<b:includable id='main'>

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

</b:if>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

</b:section>

</div>

</body>

</html>

Añadir un comentario

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

Participa en esta red social

Bienvenido a
EpilogoNing

Registrarse
o Inicia la sesión

Acerca de

Llara creó esta red social en Ning.

¡Crea tu propia red social!

Distintivo

Cargando…

Obtener distintivo

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