|
|
(107 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | {{:Team:UCLA/Template/Javascript}}
| |
- | {{:Team:UCLA/Template/CSS}}
| |
- |
| |
| <html> | | <html> |
- | <!--TOP NAVIGATION MENU BAR--> | + | <h1>Hello</h1> |
- | <style>
| + | <p>lsdkjfclksdhflkjwehlrjfhlkwejrhfkljwehrlkjfwhlekjrhf</p> |
- | #menu_background {
| + | <h2>Hello</h2> |
- | width:80%;
| + | <ul> |
- | height: 100px;
| + | <li>item1</li> |
- | margin: auto;
| + | <li>item2</li> |
- | text-align:center;
| + | <li>item3</li> |
- | font:20px Georgia;
| + | |
- | background:#F2FFED;
| + | |
- | padding:10px;
| + | |
- | }
| + | |
- | </style> | + | |
- | <div id="menu_background"> | + | |
- | <ul id = "menu"> | + | |
- | <li><a href="/Team:UCLA">Home</a></li>
| + | |
- |
| + | |
- | <li><a href="/Team:UCLA/Team">Team</a>
| + | |
- | <ul>
| + | |
- | <li><a href="/Team:UCLA/meet_the_team">Meet the Team</a></li>
| + | |
- | <li><a href="https://igem.org/Team.cgi?year=2014&team_name=UCLA">Official Profile</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- |
| + | |
- | <li><a href="/Team:UCLA/Project">Project</a>
| + | |
- | <ul>
| + | |
- | <li><a href="/Team:UCLA/Project/Customizing Silk">Customizing Silk Properties</a></li>
| + | |
- | <li><a href="/Team:UCLA/Project/Functionalizing Fibers">Functionalizing Fibers</a></li>
| + | |
- | <li><a href="/Team:UCLA/Project/Spinning Silk">Spinning Silk</a></li>
| + | |
- | <li><a href="#">Human Practices</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- |
| + | |
- | <li><a href="/Team:UCLA/Parts">Parts</a>
| + | |
- | <!--<ul>
| + | |
- | <li><a href="#">Page1</a></li>
| + | |
- | <li><a href="#">Page2</a></li>
| + | |
- | <li><a href="#">Page3</a></li>
| + | |
- | </ul>-->
| + | |
- | </li>
| + | |
- | | + | |
- | <li><a href="/Team:UCLA/Modeling">Modeling</a></li>
| + | |
- | | + | |
- | <li><a href="/Team:UCLA/Notebook">Notebook</a>
| + | |
- | <ul>
| + | |
- | <li><a href="/Team:UCLA/Notebook/Protocols">Protocols</a></li>
| + | |
- | <li><a href="/Team:UCLA/Notebook/Calendar">Calendar</a></li>
| + | |
- | <li><a href="/Team:UCLA/Notebook/Weekly Notes">Weekly Notes</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | | + | |
- | <li><a href="/Team:UCLA/Safety">Safety</a></li>
| + | |
- | | + | |
- | <li><a href="/Team:UCLA/Attributions">Attributions</a></li>
| + | |
| </ul> | | </ul> |
- | <a href="https://2014.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"/></a> | + | <h3>Hello</h3> |
- | </div>
| + | <img src="https://static.igem.org/mediawiki/2014/b/b7/2014placeholderimage.jpg"/> |
- | | + | |
- | <!--SIDE SPIDER ANIMATION-->
| + | |
- | <style type="text/css">
| + | |
- | #spider {
| + | |
- | position:relative; //or whatever you need
| + | |
- | display:block;
| + | |
- | top:0px;
| + | |
- | left:500px;
| + | |
- | }
| + | |
- | #spider img {
| + | |
- | position:absolute;
| + | |
- | opacity:0;
| + | |
- | }
| + | |
- | #spider #first {
| + | |
- | opacity:1;
| + | |
- | }
| + | |
- | </style>
| + | |
- | | + | |
- | <!-- SPIDER ANIMATION -->
| + | |
- | <div id="spider">
| + | |
- | <img id = "first" src="http://www.littlewebhut.com/javascript/variables/eightball.gif">
| + | |
- | <img src="http://www.littlewebhut.com/javascript/variables/floatingball.gif">
| + | |
- | <img src="http://www.littlewebhut.com/javascript/variables/redball.gif">
| + | |
- | </div>
| + | |
| </html> | | </html> |