"
CSS/gifu/home
From 2014.igem.org
(Difference between revisions)
| Line 5: | Line 5: | ||
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"> | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"> | ||
</script> | </script> | ||
| + | |||
| + | |||
| + | ////// test | ||
| + | |||
| + | <!-- this script got from www.javascriptfreecode.com coded by: Krishna Eydat--> | ||
| + | <html> | ||
| + | <head> | ||
| + | <script language="javascript" type="text/javascript"> | ||
| + | alert("Welcome to my site") | ||
| + | </script> | ||
| + | </head> | ||
| + | </html> | ||
| + | <font face="Tahoma"><a target="_blank" href="http://www.javascriptfreecode.com/"><span style="font-size: 8pt; text-decoration: none">JavaScript Free Code</span></a></font> | ||
| + | |||
| + | |||
| + | |||
| + | ///// end of test | ||
| + | |||
| + | |||
| + | |||
<style type="text/css"> | <style type="text/css"> | ||
Revision as of 15:06, 1 September 2014
////// test <a target="_blank" href="http://www.javascriptfreecode.com/">JavaScript Free Code</a>
///// end of test
<style type="text/css">
/*#home{background:url(
) fixed;
width:;
background-position:center 80%;
background-repeat:no-repeat;
}
- /
- base{
position:relative; top:130px; margin-left:auto; margin-right:auto; width:500px; z-index:100;
}
- point{
position:absolute; top:200px; left:600px; transform: rotate(0 deg); z-index:1000; }
- menu1 {
position:absolute; top:10px; left:170px; width:100px; z-index:10000;
}
- menu2 {
display:inline;
}
.tabs {
position: relative;
padding: 0;
margin-left:auto;
margin-right:auto;
} .tabs li {
list-style: none; display: inline-block;
} .tabs input[type=radio] {
display: none;
} .tabs label {
display: block; cursor: pointer; padding: 5px; line-height: 20px; background-color: #dcdcdc; color: #000000;
margin:0; } .tabs label:hover {
background-color: #e0ffff; color: #000000;
} .tabs input[type=radio]:checked + label {
background-color: #afeeee; color: #000000;
} .tabs .contents {
display: none; position: absolute; top:30px; left: 0; padding: 0px; background: #f0f8ff;
} .tabs input[type=radio]:checked + label + .contents{
display: block;
}
</style> </style> </head>
</html>
