Team:CIDEB-UANL Mexico/menutemplate
From 2013hs.igem.org
(Difference between revisions)
DiegoValadez (Talk | contribs) (Created page with "{{:Team:CIDEB-UANL_Mexico/style}} {{:Team:CIDEB-UANL_Mexico/menu}} <html> <head> <link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow' rel='stylesheet' type='text/cs...") |
|||
(31 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
{{:Team:CIDEB-UANL_Mexico/style}} | {{:Team:CIDEB-UANL_Mexico/style}} | ||
- | {{:Team:CIDEB-UANL_Mexico/ | + | {{:Team:CIDEB-UANL_Mexico/css}} |
- | <html> | + | {{:Team:CIDEB-UANL_Mexico/cssreset}} |
+ | {{:Team:CIDEB-UANL_Mexico/menustyle}} | ||
+ | {{:Team:CIDEB-UANL_Mexico/java1}} | ||
+ | {{:Team:CIDEB-UANL_Mexico/java2}} | ||
+ | {{:Team:CIDEB-UANL_Mexico/header}} | ||
+ | <html lang="en"> | ||
<head> | <head> | ||
+ | <meta charset="UTF-8" /> | ||
+ | <meta name="description" content="Sliding Background Image Menu with jQuery" /> | ||
+ | <meta name="keywords" content="jquery, background image, image, menu, navigation, panels" /> | ||
+ | <meta name="author" content="Codrops" /> | ||
<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow' rel='stylesheet' type='text/css' /> | <link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow' rel='stylesheet' type='text/css' /> | ||
- | <style> | + | <link href='http://fonts.googleapis.com/css?family=News+Cycle&v1' rel='stylesheet' type='text/css' /> |
- | + | <style type="text/css"> | |
- | # | + | .Estilo3 { font-size: 50px; |
- | + | font-family: 'PT Sans Narrow'; | |
- | + | font-style: normal; | |
+ | color: #FFFFFF; | ||
+ | } | ||
+ | .Estilo8 { | ||
+ | font-size: 31px; | ||
+ | color: #000000; | ||
+ | } | ||
+ | .Estilo10 { font-size: 36px; | ||
+ | color: #FFFFFF; | ||
+ | } | ||
+ | .Estilo6 { | ||
+ | color: #000000; | ||
+ | font-size: 20px; | ||
font-family: 'PT Sans Narrow'; | font-family: 'PT Sans Narrow'; | ||
- | + | padding: 20px; | |
- | + | ||
} | } | ||
- | + | </style> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | </style> | + | |
- | + | ||
</head> | </head> | ||
- | + | <body> | |
- | <body> | + | <div class="content"> |
- | + | <div id="sbi_container" class="sbi_container"> | |
- | < | + | <div class="sbi_panel" data-bg="https://static.igem.org/mediawiki/2013hs/b/b0/Menu1-2106.jpg"> <a href="#" class="sbi_label">Project</a> |
- | < | + | <div class="sbi_content"> |
- | < | + | <ul> |
- | <div class=" | + | <li><a href="#">Our Story</a></li> |
- | + | <li><a href="#">Family</a></li> | |
- | </ | + | <li><a href="#">Mission</a></li> |
- | </ | + | </ul> |
- | </ | + | </div> |
- | + | </div> | |
- | < | + | <div class="sbi_panel" data-bg="https://static.igem.org/mediawiki/2013hs/c/c7/Menu2-2106.JPG"> <a href="#" class="sbi_label">Team</a> |
- | < | + | <div class="sbi_content"> |
- | < | + | <ul> |
- | <div class=" | + | <li><a href="#">Vegetarian</a></li> |
- | + | <li><a href="#">Seafood</a></li> | |
+ | <li><a href="#">Salads</a></li> | ||
+ | <li><a href="#">Summer Special</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="sbi_panel" data-bg="https://static.igem.org/mediawiki/2013hs/0/07/Menu3-2106.jpg"> <a href="#" class="sbi_label">Lab</a> | ||
+ | <div class="sbi_content"> | ||
+ | <ul> | ||
+ | <li><a href="#">Restaurant</a></li> | ||
+ | <li><a href="#">Country</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="sbi_panel" data-bg="https://static.igem.org/mediawiki/2013hs/d/d0/4.jpg"> <a href="#" class="sbi_label">Math</a> | ||
+ | <div class="sbi_content"> | ||
+ | <ul> | ||
+ | <li><a href="#">Mauro Sousa</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="sbi_panel" data-bg="https://static.igem.org/mediawiki/2013hs/a/a7/Menu5-2106.jpg"> <a href="#" class="sbi_label">HP</a> | ||
+ | <div class="sbi_content"> | ||
+ | <ul> | ||
+ | <li><a href="#">Subitem</a></li> | ||
+ | <li><a href="#">Subitem</a></li> | ||
+ | <li><a href="#">Subitem</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="sbi_panel" data-bg="https://static.igem.org/mediawiki/2013hs/3/3e/Menu6-2106.jpg"> <a href="#" class="sbi_label">Software</a> | ||
+ | <div class="sbi_content"> | ||
+ | <ul> | ||
+ | <li><a href="#">Subitem</a></li> | ||
+ | <li><a href="#">Subitem</a></li> | ||
+ | <li><a href="#">Subitem</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="sbi_panel" data-bg="https://static.igem.org/mediawiki/2013hs/f/fe/7.jpg"> <a href="#" class="sbi_label">Safety</a> | ||
+ | <div class="sbi_content"> | ||
+ | <ul> | ||
+ | <li><a href="#">Subitem</a></li> | ||
+ | <li><a href="#">Subitem</a></li> | ||
+ | <li><a href="#">Subitem</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="sbi_panel" data-bg="https://static.igem.org/mediawiki/2013hs/4/45/Menu8-2106.jpg"> <a href="#" class="sbi_label">Photos</a> | ||
+ | <div class="sbi_content"> | ||
+ | <ul> | ||
+ | <li><a href="#">Subitem</a></li> | ||
+ | <li><a href="#">Subitem</a></li> | ||
+ | <li><a href="#">Subitem</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
</div> | </div> | ||
- | + | ||
- | + | ||
- | < | + | <table border="0" align="center" cellpadding="10" cellspacing="10"> |
- | + | <tr > | |
- | + | ||
- | <tr> | + | <td> |
- | <td> | + | <p align="center" class="Estilo10">Welcome to the IGEM-CIDEB UANL's wiki TOUR</p> |
- | <p> | + | <p align="justify" class="Estilo6">This is Vip-Thor, our best agent. He will guide you through this wiki for you to know everything about his mission. You just have to click on Vip-Thor, that is at the bottom of each page, to go to the next section. If you want to skip one part you just have to go to the navigation menu that is above of the page. The first part of the TOUR is in the PROJECT section. We hope you enjoy this tour.</p></td> |
- | <p align="justify"> | + | <td><a class="twitter-timeline" href="https://twitter.com/iGEM_CIDEB" data-widget-id="342537625611149313">Tweets por @iGEM_CIDEB</a> |
- | </td> | + | <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> |
- | <td | + | </td> |
- | + | </tr> | |
- | </td> | + | </table> |
- | </tr> | + | |
- | </table> | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | |||
+ | |||
+ | <script type="text/javascript"> | ||
+ | $(function() { | ||
+ | $('#sbi_container').bgImageMenu({ | ||
+ | defaultBg : 'https://static.igem.org/mediawiki/2013hs/3/3a/Default-2106.jpg', | ||
+ | menuSpeed : 300, | ||
+ | border : 1, | ||
+ | type : { | ||
+ | mode : 'verticalSlideAlt', | ||
+ | speed : 450, | ||
+ | easing : 'easeOutBack' | ||
+ | } | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | </body> | ||
</html> | </html> | ||
{{:Team:CIDEB-UANL_Mexico/footer}} | {{:Team:CIDEB-UANL_Mexico/footer}} |
Latest revision as of 14:20, 21 June 2013
Thermonator: The Crop Guardian
Welcome to the IGEM-CIDEB UANL's wiki TOUR This is Vip-Thor, our best agent. He will guide you through this wiki for you to know everything about his mission. You just have to click on Vip-Thor, that is at the bottom of each page, to go to the next section. If you want to skip one part you just have to go to the navigation menu that is above of the page. The first part of the TOUR is in the PROJECT section. We hope you enjoy this tour. |
Tweets por @iGEM_CIDEB |
Contact us! Follow us on twitter and facebook or send us a mail.
CIDEB UANL Team. Centro de Investigación y Desarrollo de Educación Bilingüe |
||||