<link rel="stylesheet" href="http://kamyxxii.altervista.org/lacameradeiblog/script/lytebox/lytebox.css" type="text/css" media="screen" /><script type="text/javascript" language="javascript" src="http://kamyxxii.altervista.org/lacameradeiblog/script/lytebox/lyteboxred.js"></script><script type="text/javascript" language="javascript" src="http://kamyxxii.altervista.org/lacameradeiblog/script/lytebox/lyteboxblue.js"></script><script type="text/javascript" language="javascript" src="http://kamyxxii.altervista.org/lacameradeiblog/script/lytebox/lyteboxgreen.js"></script><script type="text/javascript" language="javascript" src="http://kamyxxii.altervista.org/lacameradeiblog/script/lytebox/lyteboxgold.js"></script><script type="text/javascript" language="javascript" src="http://kamyxxii.altervista.org/lacameradeiblog/script/lytebox/lyteboxgrey.js"></script>
<a href="http://4.bp.blogspot.com/_F2w2x4XKC74/ScYfyRHC7NI/AAAAAAAAAcM/q_1W7jWjlSk/s400/fiore+rosso.jpg">
<img src="http://4.bp.blogspot.com/_F2w2x4XKC74/ScYfyRHC7NI/AAAAAAAAAcM/q_1W7jWjlSk/s400/fiore+rosso.jpg" /></a><a rel="lytebox" href="http://4.bp.blogspot.com/_F2w2x4XKC74/ScYfyRHC7NI/AAAAAAAAAcM/q_1W7jWjlSk/s400/fiore+rosso.jpg">
<img src="http://4.bp.blogspot.com/_F2w2x4XKC74/ScYfyRHC7NI/AAAAAAAAAcM/q_1W7jWjlSk/s400/fiore+rosso.jpg" /></a>
#latest-dock { margin:0; padding:0;
background:#FFFFFF;
border-bottom:1px solid #fbf9fa;
}
.dock-back { padding:20px 0;
background:#FFFFFF;
}
#dock { margin:0 auto;
padding:0;
width:940px;
list-style:none;
position:relative;
text-align:center;
}
#dock li { margin:0;
padding:0 0 18px 0;
display:inline;
}
#dock li.dock-active { background:url(http://4.bp.blogspot.com/_XByc9SCisZM/SbgTMqJDb_I/AAAAAAAABV8/M3DZ6N8pdzA/s1600/dock-shadow.png) no-repeat bottom center;
}
#dock li a:link, #dock li a:active, #dock li a:visited { margin:30px 7px 0 7px;
padding:2px 0 0 0;
width:75px;
height:58px; background:url(http://2.bp.blogspot.com/_XByc9SCisZM/SbgTMnfl30I/AAAAAAAABV0/SUyCFCs4JLg/s1600/dock-preview-back.png) no-repeat top center;
display:inline-block;
}
#dock li span { margin:0;
padding:0;
width:980px;
height:auto;
position:absolute;
display:none;
top:0;
left:0;
text-align:center;
font:bold 1.17em Arial, Helvetica, sans-serif;
color:#31393d;
}
.latest { width:980px;
text-align:center;
font:bold 1.17em Arial, Helvetica, sans-serif;
color:#31393d;
position:absolute;
}
<div id='latest-dock'><div class='dock-back container clearfix'>
<div class='latest'>Articoli in rilievo:</div> <ul id='dock'>
<li><a href='collegamento all'articolo' title='titolo del collegamento'><img height="54px" width="69px" alt='titolo dell'articolo' src='link dell'immagine da visualizzare'/></a><span>Titolo dell'articolo</span></li>
</ul>
</div></div>
<li><a href='collegamento all'articolo' title='titolo del collegamento'><img height="54px" width="69px" alt='titolo dell'articolo' src='link dell'immagine da visualizzare'/></a><span>Titolo dell'articolo</span></li>
<script type="text/javascript">
<!--
function mouseMoving(e){
if( window.event){
actual_x = document.body.scrollLeft+
actual_y = document.body.scrollTop+
}else{
actual_x = e.pageX;
actual_y = e.pageY;
}
actual_x = Math.abs((Math.round(actual_x/
actual_y = Math.abs((Math.round(actual_y/
green = Math.round(((255-actual_x) + (255-actual_y))/2);
body_elm = document.getElementsByTagName(
body_elm.backgroundColor="rgb(
}
document.onmousemove = mouseMoving;
// -->
</script>
<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>
<img src='Link diretto all'immagine del bottone'/>
<data:newerPageTitle/><data:olderPageTitle/>
<img height="350" src="http://xxx/xxx/s1600/mare.jpg" width="400" /><img alt="mare" height="350" src="http://xxx/xxx/s1600/mare.jpg" width="400" />
