www.anicomics.net/iso
Código HTML:
<!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>Iso Design</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> <script src="js/jquery.nivo.slider.pack.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() { $().UItoTop({ easingType: 'easeOutQuart' }); }); $(function() { $('a[rel=tipsy]').tipsy({fade: true, gravity: 'n'}); }); $(window).load(function() { $('#slider').nivoSlider({ animSpeed:700, //Slide transition speed pauseTime:4000, directionNav:false, //Next, Prev controlNav:false }); }); </script> <!--[if IE]> <script type="text/javascript" src="js/unitpngfix.js"></script> <![endif]--> <style type="text/css"> <!-- body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-image: url(images/celeste.jpg); background-repeat: repeat-x; } .contenedor { width:1000px; margin-left:auto; margin-right:auto; } .menubg { height:42px; width:472px; background-image:url(images/menubg.png); background-repeat:repeat; margin-top:35px; } .Menu { color: #FFFFFF } .bgsl { background-image:url(images/slider.png); height:293px; width:520px; margin-top:-294px; margin-left:470px; position:absolute; z-index:-9000; } .logo { margin-top:-140px; margin-left:20px; } .msn { background-color:#1e1e1e; background-image:url(images/arbol.jpg); margin-top:-11px; height:42px; } .arbol { color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; } .arbol a:link { color: #ffffff; font-family:Arial, Helvetica, sans-serif; text-decoration:none; } .presupuesto { height:50px; width:227px; margin-left:20px; margin-top:20px; } .nivoSlider { position:relative; } .nivoSlider img { position:absolute; top:0px; left:0px; } /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:60; display:none; } /* The slices in the Slider */ .nivo-slice { display:block; position:absolute; z-index:50; height:100%; } /* Caption styles */ .nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; opacity:0.8; /* Overridden by captionOpacity setting */ width:100%; z-index:89; } .nivo-caption p { padding:5px; margin:0; } .nivo-caption a { display:inline !important; } .nivo-html-caption { display:none; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position:absolute; top:45%; z-index:99; cursor:pointer; } .nivo-prevNav { left:0px; } .nivo-nextNav { right:0px; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav a { position:relative; z-index:99; cursor:pointer; } .nivo-controlNav a.active { font-weight:bold; } #slider { width:480px; height:247px; position: absolute; top:-37px; left:490px; no-repeat 50% 50%; } #slider img { position:absolute; top:0px; left:0px; display:none; } #slider a { border:0; display:block; } .nivo-controlNav { position:absolute; left:403px; bottom:5px; } .nivo-controlNav a { display:block; width:10px; height:10px; text-indent:-9999px; border:0; margin-right:3px; float:left; } .nivo-controlNav a.active { background-position:-10px 0; } .nivo-directionNav a { display:block; width:32px; height:34px; text-indent:-9999px; border:0; } a.nivo-nextNav { background-position:-32px 0; right:10px; } a.nivo-prevNav { left:10px; mar } .barras { margin-top:-330px; margin-left:50px; } .web a{ background-image:url(images/web1.png); background-repeat:no-repeat; width:426px; height:34px; text-decoration:none; display:block; text-indent:-9000px; padding: 0px 5px 5px 5px; } .web a:hover{ background-image:url(images/web2.png); background-repeat:no-repeat; width:426px; height:34px; text-decoration:none; display:block; text-indent:-9000px; } .grafico a{ background-image:url(images/grafico1.png); background-repeat:no-repeat; width:426px; height:34px; text-decoration:none; display:block; text-indent:-9000px; padding: 0px 5px 5px 5px; } .grafico a:hover{ background-image:url(images/grafico2.png); background-repeat:no-repeat; width:426px; height:34px; text-decoration:none; display:block; text-indent:-9000px; } .tarjeta a{ background-image:url(images/tarjeta1.png); background-repeat:no-repeat; width:426px; height:34px; text-decoration:none; display:block; text-indent:-9000px; padding: 0px 5px 5px 5px; } .tarjeta a:hover{ background-image:url(images/tarjeta2.png); background-repeat:no-repeat; width:426px; height:34px; text-decoration:none; display:block; text-indent:-9000px; } .otro a{ background-image:url(images/otros1.png); background-repeat:no-repeat; width:426px; height:34px; text-decoration:none; display:block; text-indent:-9000px; padding: 0px 5px 5px 5px; } .otro a:hover{ background-image:url(images/otros2.png); background-repeat:no-repeat; width:426px; height:34px; text-decoration:none; display:block; text-indent:-9000px; } .derecha { margin-top:150px; float:right; width:300px; } .texto { font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Verdana, Arial; font-size:13px; } .Titulo { font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Verdana, Arial; font-size:15px; font-weight:bold; } .resalto { font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Verdana, Arial; font-size:13px; color:#45A8E7; } </style>
