miércoles, 18 de abril de 2012

Ejercicio KompZer.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>The Libertines</title>
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
<link href="libs.css" rel="stylesheet" type="text/css" />

<script src="js/jquery.tools.min.js"></script>
<script src="js/libs.js"></script>
</head>

<body onload1="preloadImages('images/buy_tkts_hover.jpg','images/buy_merch_hover.jpg')">

<div id="content">
<div id="logo"><a href="/"><img src="images/logo.jpg" width="960" height="158" border="0"/></a></div>
<!-- guys info -->
<div id="guys">
<table width="960" height="223" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="images/libs_01.jpg" width="140" height="223" /></td>
<td>
<img src="images/john.jpg" name="john" width="169" height="223" border="0" id="john"/>
<div class="tooltip">
<div class="tooltip_content">
Follow<br>
John
<div class="tooltip_links">
<a class="tooltip_a" href= "PedroCalderas" "><div class="tooltip_link tooltip_my"></div></a>
<a class="tooltip_a" href= "PedroCalderas" ><div class="tooltip_link tooltip_w"></div></a>
</div>
</div>
</div>
</td>
<td>
<img src="images/carl.jpg" name="carl" width="155" height="223" border="0" id="carl"/>
<div class="tooltip">
<div class="tooltip_content">
Follow<br>
Carl
<div class="tooltip_links
</div>
</div>
</td>
<td>
<img src="images/gary.jpg" name="gary" width="141" height="223" border="0" id="gary"/>
<div class="tooltip">
<div class="tooltip_content">
Follow<br>
Gary
<div class="tooltip_links">
<a class="tooltip_a" href=
</div>
</div>
</td>
<td>
<img src=" name="peter" width="154" height="223" border="0" id="peter" />
<div class="tooltip">
<div class="tooltip_content">
Follow<br>
Peter
<div class="tooltip_links">

</div>
</div>
</div>
</td>
<td>
<img src="images/libs_06.jpg" width="201" height="223" /></td>
</tr>
</table></div>
<!-- ends -->

<div id="libs"></div>
<!-- nav -->
<div id="nav">
<div class="home"><a href="/"><img src="img alt="" width="115" height="47" border="0"/></a></div>
<div class="works" target="_blank"><img src="works" alt="" width="115" height="39" border="0"/></a></div>
<div class="shop"><a href="crossme" target="_blank"><img src="works" alt="" width="95" height="43" border="0"/></a></div>
<div class="live"><a href="live.php"><img src="images/btn_live.png" alt="" width="171" height="44" border="0"/></a></div>
<div class="gallery"><a href="gallery.php"><img src="images/btn_gallery.png" alt="" width="127" height="71" border="0"/></a></div>
<div class="discog"><a href="discog.php"><img src="images/btn_discog.png" alt="" width="172" height="44" border="0"/></a></div>
<div class="links"><a href="links.php"><img src="images/btn_links.png" alt="" width="173" height="87" border="0"/></a></div>
<div class="fb"><a href= "PedroCalderas"  target="_blank"><img src="images/fbshare.png" width="70" height="25" /></a>
</div>
</div>
<!-- nav ends -->

<!--content -->
<div id="feed">
<div class="feed-items">
<div class="feed-item">
<a href=><img src=" PedroCalderas"  border="0"/></a>
carlbaratmusic: Bumped into my old friend @willdirtytruth in sau Paulo, he opened up for me. Dirty truth. X </div>
<div class="feed-item">
<a href=><img src= "PedroCalderas"  border="0"/></a>
carlbaratmusic: Happy Easter, wishing you all a fecund festival of fertility... I, my friends, am off to South America x </div>
<div class="feed-item">
<a href=><img src= "PedroCalderas"  border="0"/></a>
carlbaratmusic: I'm told Roger's splendid libertines film hits the silver screen tomorrow... x </div>
<div class="feed-item">
<a href=><img src= "PedroCalderas" border="0"/></a>
carlbaratmusic: RT @RogerSargo: http://t.co/L5XZYESb Nearly at 100%!! </div>
</div></div>

<div id="reunion">
<strong>25th The Forum Kentish Town<br />
27 Leeds Festival <br />
28 Reading Restival</strong><br />

<a href= "PedroCalderas"  target="_blank">Register NOW</a> for your chance to buy 2 tickets to this exclusive show. You have until 6pm on Friday 13th August to register. Winners will be randomly selected on Monday 16th August and sent a unique presale passcode and link to purchase tickets. Successful applicants will then have until 10am on Wednesday 18th August to redeem codes and purchase tickets. <a href=" "PedroCalderas"  target="_blank">Terms</a>
<div id="tckts"><a href= "PedroCalderas" target="_blank"><img src= "PedroCalderas"  width="251" height="118" border="0" onmouseover="MM_swapImage('buytkts','','images/buy_tkts_hover.jpg',1)" onmouseout="MM_swapImgRestore()" /></a><a href=works target="_blank"><img src="" name="buytkts" width="248" height="89" border="0" id="buytkts" onmouseover="MM_swapImage('buytkts','','images/buy_tkts_hover.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></div>
</div>

<div id="vid">
<object width="340" height="220"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=13905400&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" /><embed src="" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="340" height="220"></embed></object>
<div id="store">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="bottom"><a href=" "PedroCalderas"  target="_blank"><img src="images/hdr_shop.jpg" width="235" height="118" border="0" onmouseover="MM_swapImage('buymerch','','images/buy_merch_hover.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></td>
<td rowspan="2"><a href= "PedroCalderas"  target="_blank"><img src="images/t-shirts.jpg" width="134" height="229" border="0" /></a></td>
</tr>
<tr>
<td valign="top"><a href="PedroCalderas" target="_blank"><img src="images/buy_merch.jpg" name="buymerch" width="235" height="89" border="0" id="buymerch" onmouseover="MM_swapImage('buymerch','','images/buy_merch_hover.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></td>
</tr>
</table>
</div>


<!-- content ends -->
</div>
<script>

$("#john").tooltip({

// tweak the position
offset: [80, 130],

// use the "slide" effect
effect: 'slide'

}).dynamic({ bottom: { direction: 'up', bounce: true } });

$("#carl").tooltip({

// tweak the position
offset: [80, 130],

// use the "slide" effect
effect: 'slide'

}).dynamic({ bottom: { direction: 'up', bounce: true } });
$("#gary").tooltip({

// tweak the position
offset: [80, 130],

// use the "slide" effect
effect: 'slide'

}).dynamic({ bottom: { direction: 'up', bounce: true } });

$("#peter").tooltip({
// tweak the position
offset: [80, 130],

// use the "slide" effect
effect: 'slide'

}).dynamic({ bottom: { direction: 'up', bounce: true } });
</script>
</body>
</html>
Publicado por en

No hay comentarios:

Publicar un comentario

Suscribirse a: Enviar comentarios (Atom)