Template:Leanna fb
From 2010.igem.org
(Difference between revisions)
(443 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | {{ | + | {{Leanna_simple}} |
<html> | <html> | ||
<head> | <head> | ||
+ | |||
+ | var $tabs = $('#example').tabs(); // first tab selected | ||
+ | |||
+ | $('#linky').click(function() { // bind click event to link | ||
+ | $tabs.tabs('select', 2); // switch to third tab | ||
+ | return false; | ||
+ | }); | ||
+ | |||
<style type="text/css"> | <style type="text/css"> | ||
- | # | + | #usual { |
- | + | padding:10px; | |
- | + | padding-bottom: 1px; | |
- | + | background-color: #3b5998; | |
+ | border-bottom: 10px solid white; | ||
+ | } | ||
+ | #usual li { list-style:none; float:right; background-color: transparent; } | ||
- | # | + | #usual ul a { |
- | background-color: | + | display:block; |
- | border: none; | + | padding:6px 10px; |
+ | text-decoration:none!important; | ||
+ | margin:1px; | ||
+ | margin-left:0; | ||
+ | font:10px Verdana; | ||
+ | color: #fff !important; | ||
+ | background: #8b9dc3; | ||
+ | } | ||
+ | #usual ul a:hover { | ||
+ | color:#FFF; | ||
+ | background:#97a7c9; | ||
+ | } | ||
+ | #usual ul a.selected { | ||
+ | color:#fff; | ||
+ | background:#8b9dc3; | ||
+ | cursor: default; | ||
+ | } | ||
+ | #usual div { | ||
+ | padding:0px; | ||
+ | *padding-top:3px; | ||
+ | margin: 0px; | ||
+ | *margin-top:-15px; | ||
+ | clear:right; | ||
+ | background: #3b5998; | ||
+ | font:10pt Georgia; | ||
+ | } | ||
+ | #usual div a { color:#000; font-weight:bold; } | ||
+ | |||
+ | #coolll { | ||
+ | background-color: #8b9dc3; | ||
+ | height: 27px; | ||
+ | width: 515px; | ||
+ | border: 1px solid gray; | ||
+ | float: right; | ||
+ | border-bottom: none; | ||
+ | } | ||
+ | |||
+ | .tabz { | ||
+ | margin: 0px; | ||
+ | background-color: #f7f7f7 !important; | ||
+ | border: 1px solid gray; | ||
+ | padding: 10px 10px 10px 10px !important; | ||
+ | border-top: none; | ||
+ | float:right; | ||
+ | width: 495px; | ||
+ | height: 400px; | ||
} | } | ||
- | + | fbname { | |
- | + | font-weight: bold; | |
- | + | color: #3b5998; | |
- | + | font-size: small; | |
- | + | font-family: verdana; | |
} | } | ||
+ | |||
+ | |||
</style> | </style> | ||
+ | |||
+ | |||
</head> | </head> | ||
+ | <body> | ||
+ | <div id="mainContent" class="ui-widget-content"> | ||
+ | |||
+ | |||
+ | <div id="usual"> | ||
+ | |||
+ | <div id="usual1" class="usual"> | ||
+ | <ul id="coolll"> | ||
+ | <div><a style="float: left; position: relative; top: -1px; height: 23px; padding: 5px 20px 0px 10px; background-color: #3b5998; font-weight: bold; color: white; font-family: sans-serif; font-size: 135%; left:-107px;" href="#tab3">partbook</a></div> | ||
+ | <div><a style="float: left; position: relative; top: 25px; height: 23px; padding: 5px; font-size: small; background-color: #3b5998; font-weight: bold; color: white; font-family: sans-serif; left:-178px;" href="#tab4">K415000</a></div> | ||
+ | <li><a href="#tab1">Account</a></li> | ||
+ | <li><a href="#tab2">Profile</a></li> | ||
+ | <li><a href="#tab3" class="selected">Home</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div id="usual1" class="usual"> | ||
+ | <div class="tabz" id="tab1">This is tab 1.</div> | ||
+ | <div class="tabz" id="tab2"><div> | ||
+ | <div id="usual"><div id="usual1" class="inner" style="background:snow;"> | ||
+ | <ul><li><a href="#tabsub1">Videos</a></li> | ||
+ | <li><a href="#tabsub2">Photos</a></li> | ||
+ | <li><a href="#tabsub3">Info</a></li> | ||
+ | <li><a href="#tabsub4" class="selected">Wall</a></li> | ||
+ | </ul> | ||
+ | <div id="tabsub1"><table style="width:100%;"><tr><td><img src="https://static.igem.org/mediawiki/2010/2/20/080410Igem-logo.png" width=150px><td><fbname style="font-size: large; padding-top: 0px;">MIT iGEM</fbname> can't wait until the Jamboree!! :)<br><br><tr><td>is<td>who?</table></div> | ||
+ | |||
+ | <div id="tabsub2"><div style="background-color: snow; font-size: large; padding-top: 0px;"><fbname>Photos of MIT iGEM</fbname></div><table style="width:100%;"><tr><td><a href="https://static.igem.org/mediawiki/2010/3/38/SNC00420.jpg" class="thickbox" reI="fbigem" title="Jon standing over the gel box."><img src="https://static.igem.org/mediawiki/2010/3/38/SNC00420.jpg" width=100px></a><td><a href="https://static.igem.org/mediawiki/2010/c/ca/Pelleted000.jpg" class="thickbox" reI="fbigem" title="Two tubes of pelleted K415000."><img src="https://static.igem.org/mediawiki/2010/c/ca/Pelleted000.jpg" width=100px></a><td><a href="https://static.igem.org/mediawiki/2010/6/6f/Hellokitty.jpg" class="thickbox" title="Hello Kitty."><img src="https://static.igem.org/mediawiki/2010/6/6f/Hellokitty.jpg" width=100px></a><td><a href="https://static.igem.org/mediawiki/2010/9/93/Simplicity.jpg" class="thickbox" title="I'm just glad it's so simple."><img src="https://static.igem.org/mediawiki/2010/9/93/Simplicity.jpg" width=100px></a></table></div> | ||
+ | |||
+ | <div id="tabsub3"><table style="width:100%;"><tr><td><img src="https://static.igem.org/mediawiki/2010/2/20/080410Igem-logo.png" width=150px><td><fbname style="font-size: large; padding-top: 0px;">MIT iGEM</fbname> can't wait until the Jamboree!! :)<br><br><tr><td>my<td>name</table></div> | ||
+ | |||
+ | <div id="tabsub4"><table style="width:100%;"><tr><td><img src="https://static.igem.org/mediawiki/2010/2/20/080410Igem-logo.png" width=150px><td><fbname style="font-size: large; padding-top: 0px;">MIT iGEM</fbname> can't wait until the Jamboree!! :)<br><br><tr><td style="text-align: center; font-family: sans-serif;">Photos of MIT iGEM<td>cool</table></div> | ||
+ | </div> | ||
+ | </div></div></div> | ||
+ | </div> | ||
+ | <div class="tabz" id="tab3"><table style="margin-bottom: 10px;"><tr><td style="padding-right: 5px;"><a id="linky"><img src="https://static.igem.org/mediawiki/2010/2/20/080410Igem-logo.png" width=50px></a><td><fbname>MIT iGEM</fbname> MIT's 2010 iGEM team has combined past biobricks, improved some registry parts, and biobricked many new parts altogether. Get to know our parts and their names and functions!!</table> | ||
+ | <table style="margin-bottom: 10px;"><tr><td style="padding-right: 5px;"><img src="" width=50px><td><fbname>K415000</fbname> is working properly, but is only an intermediate.</table> | ||
+ | </div> | ||
+ | <div class="tabz" id="tab4">K415000</div> | ||
+ | |||
+ | <script type="text/javascript"> | ||
+ | $("#usual1 ul").idTabs(); | ||
+ | </script> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | </body> | ||
</html> | </html> |
Latest revision as of 15:36, 13 August 2010
var $tabs = $('#example').tabs(); // first tab selected $('#linky').click(function() { // bind click event to link $tabs.tabs('select', 2); // switch to third tab return false; });