Team:Penn/test

From 2012.igem.org

(Difference between revisions)
 
(50 intermediate revisions not shown)
Line 1: Line 1:
 +
{{:Team:Penn/Template/Site}}
 +
<html>
 +
<head>
<style type="text/css">
<style type="text/css">
Line 8: Line 11:
border: 1px solid black;
border: 1px solid black;
padding: 5px;
padding: 5px;
-
background-color: lightyellow;
+
background-color: #fff;
 +
}
 +
.indent{
 +
padding-left:5px;
 +
text-align:justify;
 +
margin-right:5px;
}
}
-
#pscroller2{
+
img.header {
-
width: 350px;
+
float:left;
-
height: 20px;
+
clear:right;
-
border: 1px solid black;
+
margin-right:20px;
-
padding: 3px;
+
}
 +
.name
 +
{
 +
padding-right:40px;
 +
  float:right;
}
}
 +
#pscroller2 a{
#pscroller2 a{
Line 28: Line 41:
<script type="text/javascript">
<script type="text/javascript">
 +
/*Example message arrays for the two demo scrollers*/
/*Example message arrays for the two demo scrollers*/
var pausecontent=new Array()
var pausecontent=new Array()
-
pausecontent[0]='<a href="http://www.javascriptkit.com">JavaScript Kit</a><br />Comprehensive JavaScript tutorials and over 400+ free scripts!'
+
pausecontent[0]='<div class="indent"><img src="http://benjaminshyong.com/igem2011/wp-content/uploads/2011/09/Untitled-e1317089819600.png" class="header" height="70" width="50" />Theres nothing mini about these miniprep yields<br /><br><div class="name">--Peter Qiao</div></div>'
-
pausecontent[1]='<a href="http://www.codingforums.com">Coding Forums</a><br />Web coding and development forums.'
+
pausecontent[1]='<div class="indent"><img src="http://benjaminshyong.com/igem2011/wp-content/uploads/2011/09/P1000543-e1317095308771-221x300.jpg" class="header" height="70" width="50" />Do you want to sleep or do you want to win?<br /><br><div class="name">--Avin Veerakumar</div></div>'
-
pausecontent[2]='<a href="http://www.cssdrive.com" target="_new">CSS Drive</a><br />Categorized CSS gallery and examples.'
+
pausecontent[2]='<div class="indent"><img src="http://benjaminshyong.com/igem2011/wp-content/uploads/2011/09/P1000543-e1317095308771-221x300.jpg" class="header" height="70" width="50" />Now we're rolling<br /><br><div class="name">--</div></div>'
-
 
+
-
var pausecontent2=new Array()
+
-
pausecontent2[0]='<a href="http://www.news.com">News.com: Technology and business reports</a>'
+
-
pausecontent2[1]='<a href="http://www.cnn.com">CNN: Headline and breaking news 24/7</a>'
+
-
pausecontent2[2]='<a href="http://news.bbc.co.uk">BBC News: UK and international news</a>'
+
</script>
</script>
Line 150: Line 159:
</script>
</script>
 +
</head>
 +
<body>
 +
<br><br><br>
 +
<script type="text/javascript">
 +
 +
//new pausescroller(name_of_message_array, CSS_ID, CSS_classname, pause_in_miliseconds)
 +
new pausescroller(pausecontent, "pscroller1", "someclass", 3000)
 +
document.write("<br />")
 +
 +
</script>
 +
 +
</body>
 +
 +
</html>

Latest revision as of 06:30, 26 October 2012

Penn 2012 iGEM Wiki

Image Map



Retrieved from "http://2012.igem.org/Team:Penn/test"