diseño mixxmag
<div style="font-family: Arial,sans-serif;">
<script type="text/javascript" src="http://demo.rockettheme.com/wordpress/wp_mixxmag/wp-content/themes/demo/js/mootools.js"></script>
<script type="text/javascript" src="http://demo.rockettheme.com/wordpress/wp_mixxmag/wp-content/themes/demo/js/caption.js"></script>
<link rel="shortcut icon" href="http://demo.rockettheme.com/wordpress/wp_mixxmag/wp-content/themes/demo/favicon.ico" />
<link href="http://demo.rockettheme.com/wordpress/wp_mixxmag/wp-content/themes/demo/css/template.css" rel="stylesheet" type="text/css" />
<link href="http://demo.rockettheme.com/wordpress/wp_mixxmag/wp-content/themes/demo/css/style1.css" rel="stylesheet" type="text/css" />
<!--[if IE 6]> <link href="http://demo.rockettheme.com/wordpress/wp_mixxmag/wp-content/themes/demo/css/template_ie6.css" rel="stylesheet" type="text/css" /> <![endif]-->
<!--[if IE 7]> <link href="http://demo.rockettheme.com/wordpress/wp_mixxmag/wp-content/themes/demo/css/template_ie7.css" rel="stylesheet" type="text/css" /> <![endif]-->
<!--[if IE 8]> <link href="http://demo.rockettheme.com/wordpress/wp_mixxmag/wp-content/themes/demo/css/template_ie8.css" rel="stylesheet" type="text/css" /> <![endif]-->
<link href="http://demo.rockettheme.com/wordpress/wp_mixxmag/wp-content/themes/demo/css/system.css" rel="stylesheet" type="text/css" />
<link href="http://demo.rockettheme.com/wordpress/wp_mixxmag/wp-content/themes/demo/css/general.css" rel="stylesheet" type="text/css" />
<link href="http://demo.rockettheme.com/wordpress/wp_mixxmag/wp-content/themes/demo/css/rokmoomenu.css" rel="stylesheet" type="text/css" />
<link href="http://demo.rockettheme.com/wordpress/wp_mixxmag/wp-content/themes/demo/css/rokmininews.css" rel="stylesheet" type="text/css" />
<link href="http://demo.rockettheme.com/wordpress/wp_mixxmag/wp-content/themes/demo/css/typography.css" rel="stylesheet" type="text/css" />
<link href="http://demo.rockettheme.com/wordpress/wp_mixxmag/wp-content/themes/demo/css/wp.css" rel="stylesheet" type="text/css" />
<style type="text/css">
div.wrapper,#main-body-bg { margin: 0 auto; width: 958px;padding:0;}
#leftcol { width:0px;padding:0;}
#rightcol { width:260px;padding:0;}
#inset-block-left { width:160px;padding:0;}
#inset-block-right { width:0px;padding:0;}
#maincontent-block { margin-right:0px;margin-left:160px;padding:0;}
</style>
<script type="text/javascript" src="http://demo.rockettheme.com/wordpress/wp_mixxmag/wp-content/themes/demo/js/rokutils.js"></script>
<script type="text/javascript" src="http://demo.rockettheme.com/wordpress/wp_mixxmag/wp-content/themes/demo/js/rokmodtools.js"></script>
<script type="text/javascript" src="http://demo.rockettheme.com/wordpress/wp_mixxmag/wp-content/themes/demo/js/rokmoomenu.js"></script>
<script type="text/javascript" src="http://demo.rockettheme.com/wordpress/wp_mixxmag/wp-content/themes/demo/js/mootools.bgiframe.js"></script>
<script type="text/javascript" src="http://demo.rockettheme.com/wordpress/wp_mixxmag/wp-content/themes/demo/js/mod_rokfeature/rokfeature.js"></script>
<script type="text/javascript" src="http://demo.rockettheme.com/wordpress/wp_mixxmag/wp-content/themes/demo/js/variationchooser.js"></script>
<script type="text/javascript">var rokboxPath = "http://demo.rockettheme.com/wordpress/wp_mixxmag/wp-content/themes/demo/js/rokbox/";</script>
<script type="text/javascript" src="http://demo.rockettheme.com/wordpress/wp_mixxmag/wp-content/themes/demo/js/rokbox/rokbox.js"></script>
<link href="http://demo.rockettheme.com/wordpress/wp_mixxmag/wp-content/themes/demo/js/rokbox/themes/light/rokbox-style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://demo.rockettheme.com/wordpress/wp_mixxmag/wp-content/themes/demo/js/rokbox/themes/light/rokbox-config.js"></script>
<!--[if IE 6]>
<script type="text/javascript" src="http://demo.rockettheme.com/wordpress/wp_mixxmag/wp-content/themes/demo/js/rokie6warn.js"></script>
<script src="http://demo.rockettheme.com/wordpress/wp_mixxmag/wp-content/themes/demo/js/DD_belatedPNG.js"></script>
<script>
DD_belatedPNG.fix('.png');
</script>
<![endif]-->
<script type="text/javascript">
window.addEvent('domready', function() {
new Rokmoomenu($E('#horiz-menu'), {
bgiframe: false,
delay: 500,
verhor: true,
animate: {
props: ['height'],
opts: {
duration: 600,
fps: 200,
transition: Fx.Transitions.Sine.easeOut }
},
bg: {
enabled: false,
overEffect: {
duration: 100,
transition: Fx.Transitions.Expo.easeOut },
outEffect: {
duration: 800,
transition: Fx.Transitions.Sine.easeOut }
},
submenus: {
enabled: false,
overEffect: {
duration: 50,
transition: Fx.Transitions.Expo.easeOut },
outEffect: {
duration: 600,
transition: Fx.Transitions.Sine.easeIn },
offsets: {
top: 5,
right: 15,
bottom: 5,
left: 5 }
}
});
});
</script>
<div id="page-bg">
<!--Begin Top Header Bar-->
<div id="top-bar" class="png">
<div class="wrapper">
<div class="links-block">
<ul class="menu">
<li><a href="http://tumamalaflogger.es.tl/Home.htm">Inicio</a></li>
<li><a href="http://tumamalaflogger.es.tl/Contacto.htm">Contacto</a></li>
<li><a href="http://tumamalaflogger.es.tl/Libro-De-Visitantes.htm">Libro De Visitas</a></li>
<li><a href="http://tumamalaflogger.es.tl/Sobre-la-web.htm">Sobre la web</a></li>
<li><a href="http://tumamalaflogger.es.tl/Glosario.htm">Glósario</a></li>
<li><a href="http://tumamalaflogger.es.tl/Otros.htm">Videos</a></li>
<li><a href="#">WordPress Planet</a></li>
</ul>
</div>
<div class="date-block">
<span class="date1">Saturday</span>
<span class="date2">Jun</span>
<span class="date3">12</span>
</div>
</div><!-- .wrapper -->
</div><!-- #top-bar .png -->
<!--End Top Header Bar-->
<div class="wrapper">
<div class="side-shadow-l png">
<div class="side-shadow-r png">
<!--Begin Main Header-->
<div id="top-divider" class="png"></div>
<div id="main-header">
<div id="logo-bg-area"></div>
<div id="logo-surround">
<div id="logo-banner">
<div id="logo-banner2" class="png">
<div id="logo-banner3">
<a href="#" class="nounder" id="logo"><span>Mixxmag WordPress Demo</span></a>
</div><!-- #logo-banner3 -->
</div><!-- #logo-banner2 -->
</div><!-- #logo-banner -->
</div><!-- #logo-surround -->
<div id="header-tools">
<div id="searchmod">
<div class="moduletable">
<form action="http://www.tumamalaflogger.es.tl/Resultados.htm" id="cse-search-box">
<div>
<input type="hidden" name="cx" value="010648546962875262706:gy6v9rktbiy" />
<input type="hidden" name="cof" value="FORID:10" />
<input type="hidden" name="ie" value="UTF-8" />
<input type="text" name="q" size="30" />
<input type="submit" name="sa" value="Buscar" />
</div>
</form>
<script type="text/javascript" src="http://www.google.com/cse/brand?form=cse-search-box&lang=es"></script>
</div><!-- .moduletable -->
</div><!-- #searchmod -->
</div><!-- #header-tools -->
<div id="horiz-menu" class="moomenu">
<div class="wrapper">
<div class="menutop">
<div class="horiz-menu-top"><ul><li class="current_page_item"><a href="#" title="Home"><span>Home</span></a></li><li class="page_item page-item-190"><a href="#" title="Features"><span>Features</span></a><ul><li class="page_item page-item-200"><a "#" title="Preset Styles"><span>Preset Styles</span></a></li><li class="page_item page-item-212"><a href="#" title="RokBox"><span>RokBox</span></a></li><li class="page_item page-item-198"><a href="#" title="Widget Positions"><span>Widget Positions</span></a></li><li class="page_item page-item-210"><a href="#" title="Widget Variations"><span>Widget Variations</span></a></li></ul></li><li class="page_item page-item-192"><a href="#" title="Tutorials"><span>Tutorials</span></a><ul><li class="page_item page-item-196"><a href="#" title="Installation"><span>Installation</span></a></li><li class="page_item page-item-204"><a href="#" title="Configuration"><span>Configuration</span></a></li><li class="page_item page-item-202"><a href="#" title="Logo Editing"><span>Logo Editing</span></a></li><li class="page_item page-item-208"><a href="#" title="RokBox"><span>RokBox</span></a></li><li class="page_item page-item-206"><a href="#" title="RokFeature"><span>RokFeature</span></a></li><li class="page_item page-item-214"><a href="#" title="Translating Template"><span>Translating Template</span></a></li><li class="page_item page-item-216"><a href="#" title="Using Typography"><span>Using Typography</span></a></li><li class="page_item page-item-220"><a href="#" title="Widgets"><span>Widgets</span></a></li></ul></li><li class="page_item page-item-194"><a href="#" title="Typography"><span>Typography</span></a></li></ul></div>
</div><!-- .menutop -->
</div><!-- .wrapper -->
</div><!-- #horiz-menu .moomenu -->
<div class="clr"></div>
</div><!-- #main-header -->
<!--End Main Header-->
<!--Begin Main Content Area-->
<div id="main-body-bg">
<div id="main-body">
<!--Begin Left Column-->
<!--End Left Column-->
<!--Begin Main Column-->
<div id="maincol" style="width: 695px">
<div class="padding">
<div id="breadcrumbs">
<div class="moduletable">
<span class="breadcrumbs pathway">Home</span>
</div><!-- .moduletable -->
</div><!-- #breadcrumbs -->
<div id="featured-block">
<script type="text/javascript">
var RokFeatureImages = [];
window.addEvent('domready', function() {
new RokFeature('featured-block', {
'transition': Fx.Transitions.Quad.easeOut,
'duration': 800,
'opacity': 0.8,
'autoplay': true,
'delay': 7000 });
});
</script>
<div id="rows-3" class="rokfeature-mod">
<div class="rokfeature-image">
<div class="rokfeature-options">
<div class="rokfeature-option-block">
<div class="rokfeature-tab-1"></div>
<div class="rokfeature-block-1">
<a href="#" title="Gritty Stories of Parisian Life"><img src="http://demo.rockettheme.com/wordpress/wp_mixxmag/wp-content/rockettheme/wp_mixxmag/feature-1_thumb.jpg" alt="Gritty Stories of Parisian Life" class="rokfeature-thumb" height="66" width="72" /></a>
<span class="showthumb">A unique photographic perspective on the iconic centre of Paris. An absolutely magnificent shot.</span>
<div class="rokfeature-block-bg1"></div>
</div><!-- .rockfeature-block-3 -->
<script type="text/javascript">
RokFeatureImages.push('http://demo.rockettheme.com/wordpress/wp_mixxmag/wp-content/rockettheme/wp_mixxmag/feature-1.jpg');
</script>
</div><!-- .rockfeature-option-block -->
<div class="rokfeature-title">
<a href="#" title="Gritty Stories of Parisian Life"><span>Gritty Stories of Parisian Life</span></a>
</div><!-- .rokfeature-option-block -->
<div class="rokfeature-readon">
<a href="#">Read More</a>
</div><!-- .rokfeature-readon -->
<div class="rokfeature-option-block">
<div class="rokfeature-tab-2"></div>
<div class="rokfeature-block-2">
<a href="#" title="Epic Harvest Gathering"><img src="http://demo.rockettheme.com/wordpress/wp_mixxmag/wp-content/rockettheme/wp_mixxmag/feature-2_thumb.jpg" alt="Epic Harvest Gathering" class="rokfeature-thumb" height="66" width="72" /></a>
<span class="showthumb">A peculiar gathering, under the lunar spotlight. An annual event in celebration of the Harvest.</span>
<div class="rokfeature-block-bg2"></div>
</div><!-- .rockfeature-block-3 -->
<script type="text/javascript">
RokFeatureImages.push('http://demo.rockettheme.com/wordpress/wp_mixxmag/wp-content/rockettheme/wp_mixxmag/feature-2.jpg');
</script>
</div><!-- .rockfeature-option-block -->
<div class="rokfeature-title">
<a href="#" title="Epic Harvest Gathering"><span>Epic Harvest Gathering</span></a>
</div><!-- .rokfeature-option-block -->
<div class="rokfeature-readon">
<a href="#">Read More</a>
</div><!-- .rokfeature-readon -->
<div class="rokfeature-option-block">
<div class="rokfeature-tab-3"></div>
<div class="rokfeature-block-3">
<a href="#" title="Fashionably Green"><img src="http://demo.rockettheme.com/wordpress/wp_mixxmag/wp-content/rockettheme/wp_mixxmag/feature-3_thumb.jpg" alt="Fashionably Green" class="rokfeature-thumb" height="66" width="72" /></a>
<span class="showthumb">Cycling through the city, escaping the congestion and saving the environment with style.</span>
<div class="rokfeature-block-bg3"></div>
</div><!-- .rockfeature-block-3 -->
<script type="text/javascript">
RokFeatureImages.push('http://demo.rockettheme.com/wordpress/wp_mixxmag/wp-content/rockettheme/wp_mixxmag/feature-3.jpg');
</script>
</div><!-- .rockfeature-option-block -->
<div class="rokfeature-title">
<a href="#" title="Fashionably Green"><span>Fashionably Green</span></a>
</div><!-- .rokfeature-option-block -->
<div class="rokfeature-readon">
<a href="#">Read More</a>
</div><!-- .rokfeature-readon -->
</div><!-- .rokfeature-option-block -->
</div>
</div>
</div><!-- #row-3 -->
<div id="main-content">
<div id="inset-block-left">
<div class="left-padding">
<ul>
<li>
<div class="widgets">
<div class="mainblock-module rokmodtools-tags-sidebar-inset light" style="position: relative;">
<div class="mainblock-mod">
<div class="mainblock-mod2">
<div class="mainblock-title-container">
<h3 class="module-title"><span class="bg"><span class="bg2">Tags</span></span></h3>
<div class="close-handle"></div>
<div class="tools-handle"></div>
</div>
<div class="module">
<a href='#' class='tag-link-9' title='1 topic' style='font-size: 8pt;'>annual</a>
<a href='#' class='tag-link-10' title='1 topic' style='font-size: 8pt;'>cycling</a>
<a href='#' class='tag-link-11' title='2 topics' style='font-size: 14.3pt;'>escape</a>
<a href='#' class='tag-link-12' title='3 topics' style='font-size: 18.5pt;'>gritty</a>
<a href='#' class='tag-link-13' title='2 topics' style='font-size: 14.3pt;'>iconic</a>
<a href='#' class='tag-link-14' title='1 topic' style='font-size: 8pt;'>lunar</a>
<a href='#' class='tag-link-15' title='1 topic' style='font-size: 8pt;'>magnificent</a>
<a href='#' class='tag-link-16' title='1 topic' style='font-size: 8pt;'>paris</a>
<a href='#' class='tag-link-17' title='1 topic' style='font-size: 8pt;'>pea</a>
<a href='#' class='tag-link-18' title='4 topics' style='font-size: 22pt;'>photo</a>
<a href='#' class='tag-link-19' title='1 topic' style='font-size: 8pt;'>spotlight</a>
<a href='#' class='tag-link-20' title='1 topic' style='font-size: 8pt;'>unique</a> </div>
</div>
</div>
<div class="mainblock-mod-bottom">
<div class="mainblock-mod-bottom2">
<div class="mainblock-mod-bottom3"/>
</div>
</div>
</div>
</div>
</li><!-- .widget -->
<li>
<div class="widgets">
<div class="mainblock-module rokmodtools-authors-sidebar-inset light" style="position: relative;">
<div class="mainblock-mod">
<div class="mainblock-mod2">
<div class="mainblock-title-container">
<h3 class="module-title"><span class="bg"><span class="bg2">Authors</span></span></h3>
<div class="close-handle"></div>
<div class="tools-handle"></div>
</div>
<div class="module">
<ul>
<li><a href="http://www.axtrixweb.es.tl" title="Posts by Axtrix">Axtrix</a></li> </ul>
</div>
</div>
</div>
<div class="mainblock-mod-bottom">
<div class="mainblock-mod-bottom2">
<div class="mainblock-mod-bottom3"/>
</div>
</div>
</div>
</div>
</li><!-- .widget -->
<li>
<div class="widgets">
<div class="mainblock-module rokmodtools-meta-sidebar-inset light" style="position: relative;">
<div class="mainblock-mod">
<div class="mainblock-mod2">
<div class="mainblock-title-container">
<h3 class="module-title"><span class="bg"><span class="bg2">Meta</span></span></h3>
<div class="close-handle"></div>
<div class="tools-handle"></div>
</div>
<div class="module">
<ul>
<li><a href="#">Log in</a></li>
<li><a href="#" title="This page validates as XHTML 1.0 Transitional">Valid <abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a></li>
<li><a href="#"><abbr title="XHTML Friends Network">XFN</abbr></a></li>
<li><a href="#" title="Powered by WordPress, state-of-the-art semantic personal publishing platform.">WordPress</a></li>
</ul>
</div>
</div>
</div>
<div class="mainblock-mod-bottom">
<div class="mainblock-mod-bottom2">
<div class="mainblock-mod-bottom3"/>
</div>
</div>
</div>
</div>
</li>
</ul>
</div><!-- .left-padding -->
</div>
<!-- #inset-block-left -->
<div id="maincontent-block">
<div class="blog">
<div class="leading">
<div class="frontpage-item rokmodtools-341">
<div class="frontpage-item-bg">
<div class="content-header">
<div class="content-tools">
<div class="close-handle"></div>
<div class="tools-handle"></div>
<h2 class="contentheading">Axtrixweb - Tu web de recursos, codigos...</h2>
</div>
</div><!-- .content-header -->
<div class="article-extras"><!-- IE6FIX -->
<div class="iteminfo">
<span class="createdate">Friday, 28 August 2009 09:36</span>
</div>
<div class="readon-tab-block">
<div class="readon-tab">
<div class="readon-tab2">
<div class="readon-tab3">
<a href="#" class="readon"><span class="readon-tab-text">Read More</span></a>
</div>
</div>
</div>
</div>
<div class="comments-tab-block">
<div class="readon-tab">
<div class="readon-tab2">
<div class="readon-tab3">
<a href="#" class="readon"><span class="readon-tab-text">No Comments</span></a>
</div>
</div>
</div>
</div>
</div><!-- .frontpage-item-bg -->
<div class="content-padding">
<div>
