Biomod/2011/TUM/TNT/Template:TUMNanU
<html>
<style>
- column-one { display:none; width:0px;}
.container{background-color: #f5f5f5; margin-top:50px}
- content { width: 0px; margin: 0 auto auto 0; padding: 1em 1em 1em 1em; align: center;}
- column-content {width: 0px; float: left; margin: 0 0 0 0;padding: 0;}
.firstHeading {display:none; width:0px;}
- globalWrapper{ width:1280px;}
- column-one {display:none; width:0px;background-color: #ffffff;}
- content{ margin: 0 0 0 0; padding: 1em 1em 1em 1em; position: center; width: 800px;background-color: #f5f5f5; }
.container{ width: 800px; margin: auto; background-color: #ffffff; text-align:justify; font-family: helvetica, arial, sans-serif; color:#555555; margin-top:25px; }
- bodyContent{ width: 1280px; align: center; background-color: #ffffff;}
- column-content{width: 1280px;background-color: #ffffff;}
.firstHeading { display:none;width:0px;background-color: #ffffff;}
- header{position: center; width: 800px;background-color: #ffffff;}
<style type="text/css"> body {
font-family: helvetica, arial, sans-serif; color: black;
background:#f5f5f5;
}
ul#topnav {
margin: 0 0 0 0 ; padding: 0 0 0 0; float: left; width: 800px; list-style: none; position: relative;
font-family: helvetica, arial, sans-serif;
font-size: 1em; background: #f5f5f5;
height: 5px;
} ul#topnav li { float: left; margin: 0; padding: 0; border-right: 6px solid #ffffff; /*--Divider for each parent level links--*/ } ul#topnav li a { padding: 10px 15px; display: block; color: #333333; text-decoration: none; } ul#topnav li:hover { background: #cccccc;} /*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/
ul#topnav li span { float: left; padding: 15px 0; position: absolute; left: 0; top:30px; display: none; /*--Hide by default--*/ width: 800px; background: #cccccc; color: #333333; /*--Bottom right rounded corner--*/ -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; /*--Bottom left rounded corner--*/ -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; } ul#topnav li:hover span { display: block; } /*--Show subnav on hover--*/ ul#topnav li span a { display: inline; } /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/ ul#topnav li span a:hover {text-decoration: underline;}
- abstractandlinks{
width:800px; background-color:#f5f5f5; text-align:justify;font-family: helvetica, arial, sans-serif; color:#555555; margin-top:60px; }
- abstract{
font-family: helvetica, arial, sans-serif; width: 490px; margin-top: 20px; padding:0px 5px; float: left;background-color:#f5f5f5; height: 410px; }
- links{
font-family: helvetica, arial, sans-serif; width: 290px; margin-top: 20px; padding:0px 5px; float: left; background:#f5f5f5;height: 410px; }
- tour{
font-family: helvetica, arial, sans-serif; width: 790px; padding:0px 5px; margin-top: 1em, margin-bottom: 1em; float: left;background:#f5f5f5; font-size: 2em; }
- struktur{
font-family: helvetica, arial, sans-serif; width: 790px; padding:0px 5px; float: left;background:#f5f5f5; }
</style>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script type="text/javascript"> $(document).ready(function() {
$("ul#topnav li").hover(function() { //Hover over event on list item $(this).css({ 'background' : '#cccccc'}); //Add background color and image on hovered list item $(this).find("span").show(); //Show the subnav } , function() { //on hover out... $(this).css({ 'background' : 'none'}); //Ditch the background $(this).find("span").hide(); //Hide the subnav });
}); </script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('#lside1').mouseover(function() { $('#lside1').stop().animate({backgroundPosition: '0px 0px'}, 1000); }); $('#lside1').mouseleave(function() { $('#lside1').stop().animate({backgroundPosition: '-250px 0px'}, 1000); }); $('#lside2').mouseover(function() { $('#lside2').stop().animate({backgroundPosition: '0px 0px'}, 1000); }); $('#lside2').mouseleave(function() { $('#lside2').stop().animate({backgroundPosition: '-250px 0px'}, 1000); }); $('#lside3').mouseover(function() { $('#lside3').stop().animate({backgroundPosition: '0px 0px'}, 1000); }); $('#lside3').mouseleave(function() { $('#lside3').stop().animate({backgroundPosition: '-250px 0px'}, 1000); }); }); </script>
<style type="text/css">
#side1 { width: 250px; height: 100px; position: relative; top: 0px; left: 20px;}
#lside1 { width: 250px; height: 100px; background: url(http://www.tftshop.net/Testbild_100ppi.jpg) -250px 0px no-repeat; position: absolute; top: 0px; left: 0px;}
#side2 { width: 250px; height: 100px; position: relative; top: 0px; left: 20px;}
#lside2 { width: 250px; height: 100px; background: url(http://www.tftshop.net/Testbild_100ppi.jpg) -250px 0px no-repeat; position: absolute; top: 0px; left: 0px;}
#side3 { width: 250px; height: 100px; position: relative; top: 0px; left: 20px;}
#lside3 { width: 250px; height: 100px; background: url(http://www.tftshop.net/Testbild_100ppi.jpg) -250px 0px no-repeat; position: absolute; top: 0px; left: 0px;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){ $('#mainpic').attr('src',
'http://www.tftshop.net/Testbild_100ppi.jpg');
$('#mainpic').attr('src',
'http://australian-kanguru-watchers.de/wp-content/uploads/2009/11/dnet24-testbild.jpg');
$('#mainpic').attr('src',
'http://eschbaer.de/wp-content/uploads/final_testbild.png');
$('#mainpic').attr('src',
'http://www.media-digest.com/wp-content/uploads/2009/05/test-pattern-briefs.jpg');
$("#but1").mouseenter(function() { $('#mainpic').attr('src', 'http://www.cnet.co.uk/i/c/rv/e/digitalcameras/fujifilm/finepix_f200exr/f200exrstorygraphic1large.jpg'); }); $("#but2").mouseenter(function() { $('#mainpic').attr('src',
'http://xmas.tfoe.net/img/testbild.jpg');
}); $("#but3").mouseenter(function() { $('#mainpic').attr('src',
'http://www.tv-testbild.com/bilder/nbc-320.jpg');
}); $("#but4").mouseenter(function() { $('#mainpic').attr('src',
'http://www.tv-testbild.com/pictures/orf2.jpg');
});
});
</script> <style type="text/css">
#maincon { width:800px; position:relative;} #mainpic { width:800px;} #but1 { width:60px; height:60px; position:absolute; left:88px; top:19px; z-index:2; background-image:url('http://upload.wikimedia.org/wikipedia/commons/thumb/1/1e/Button_Icon_GreenForest.svg/300px-Button_Icon_GreenForest.svg.png');} #but2 { width:60px; height:60px; position:absolute; left:489px; top:220px; z-index:2; background-image:url('http://upload.wikimedia.org/wikipedia/commons/thumb/0/07/Button_Icon_Red.svg/300px-Button_Icon_Red.svg.png');} #but3 { width:60px; height:60px; position:absolute; left:320px; top:302px; z-index:2; background-image:url('http://www.lefinnois.net/aqua/aqua1.jpg');} #but4 { width:60px; height:60px; position:absolute; left:509px; top:4px; z-index:2; background-image:url('http://www.lefinnois.net/aqua/aqua1.jpg');}
</style>
<title>
TUM NanU - Home
</title> </head>
<body background-color="#F0F0F0">