Team:CIDEB-UANL Mexico/menutemplate

From 2013hs.igem.org

(Difference between revisions)
 
(28 intermediate revisions not shown)
Line 1: Line 1:
{{:Team:CIDEB-UANL_Mexico/style}}
{{:Team:CIDEB-UANL_Mexico/style}}
{{:Team:CIDEB-UANL_Mexico/css}}
{{:Team:CIDEB-UANL_Mexico/css}}
 +
{{:Team:CIDEB-UANL_Mexico/cssreset}}
{{:Team:CIDEB-UANL_Mexico/menustyle}}
{{:Team:CIDEB-UANL_Mexico/menustyle}}
{{:Team:CIDEB-UANL_Mexico/java1}}
{{:Team:CIDEB-UANL_Mexico/java1}}
{{:Team:CIDEB-UANL_Mexico/java2}}
{{:Team:CIDEB-UANL_Mexico/java2}}
 +
{{:Team:CIDEB-UANL_Mexico/header}}
<html lang="en">
<html lang="en">
<head>
<head>
-
<title>Sliding Background Image Menu with jQuery</title>
 
<meta charset="UTF-8" />
<meta charset="UTF-8" />
<meta name="description" content="Sliding Background Image Menu with jQuery" />
<meta name="description" content="Sliding Background Image Menu with jQuery" />
Line 13: Line 14:
<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' />
<link href='http://fonts.googleapis.com/css?family=News+Cycle&v1' rel='stylesheet' type='text/css' />
<link href='http://fonts.googleapis.com/css?family=News+Cycle&v1' rel='stylesheet' type='text/css' />
-
<link href='http://fonts.googleapis.com/css?family=Dosis:400,700' rel='stylesheet' type='text/css'>
 
<style type="text/css">
<style type="text/css">
.Estilo3 { font-size: 50px;
.Estilo3 { font-size: 50px;
Line 28: Line 28:
}
}
  .Estilo6 {
  .Estilo6 {
-
color: #FFFFFF;
+
color: #000000;
font-size: 20px;
font-size: 20px;
-
font-family: 'Dosis', sans-serif;
+
font-family: 'PT Sans Narrow';
padding: 20px;
padding: 20px;
}
}
Line 36: Line 36:
</head>
</head>
     <body>
     <body>
-
 
-
<div class="header">
 
-
  <div style="background-color: #000000"align="center">
 
-
    <table width="100%" border="0" bgcolor="#000000">
 
-
      <tr>
 
-
        <td><div align="center" class="Estilo3">THERMONATOR: THE CROP GUARDIAN</div></td>
 
-
          </tr>
 
-
        </table>
 
-
      </div>
 
-
</div>
 
-
 
<div class="content">  
<div class="content">  
   <div id="sbi_container" class="sbi_container">  
   <div id="sbi_container" class="sbi_container">  
Line 76: Line 65:
       </div>
       </div>
     </div>
     </div>
-
     <div class="sbi_panel" data-bg="images/4.jpg"> <a href="#" class="sbi_label">Math</a>  
+
     <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">  
       <div class="sbi_content">  
         <ul>
         <ul>
Line 83: Line 72:
       </div>
       </div>
     </div>
     </div>
-
     <div class="sbi_panel" data-bg="images/5.jpg"> <a href="#" class="sbi_label">HP</a>  
+
     <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">  
       <div class="sbi_content">  
         <ul>
         <ul>
Line 92: Line 81:
       </div>
       </div>
     </div>
     </div>
-
     <div class="sbi_panel" data-bg="images/6.jpg"> <a href="#" class="sbi_label">Software</a>  
+
     <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">  
       <div class="sbi_content">  
         <ul>
         <ul>
Line 101: Line 90:
       </div>
       </div>
     </div>
     </div>
-
     <div class="sbi_panel" data-bg="images/7.jpg"> <a href="#" class="sbi_label">Safety</a>  
+
     <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">  
       <div class="sbi_content">  
         <ul>
         <ul>
Line 110: Line 99:
       </div>
       </div>
     </div>
     </div>
-
     <div class="sbi_panel" data-bg="images/8.jpg"> <a href="#" class="sbi_label">Photos</a>  
+
     <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">  
       <div class="sbi_content">  
         <ul>
         <ul>
Line 128: Line 117:
     <td>
     <td>
<p align="center" class="Estilo10">Welcome to the IGEM-CIDEB UANL's wiki TOUR</p>
<p align="center" class="Estilo10">Welcome to the IGEM-CIDEB UANL's wiki TOUR</p>
-
                         <p align="justify" class="Estilo6">This is Vip-Tor, 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-Tor, 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" 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>
        <td><a class="twitter-timeline" href="https://twitter.com/iGEM_CIDEB" data-widget-id="342537625611149313">Tweets por @iGEM_CIDEB</a>
        <td><a class="twitter-timeline" href="https://twitter.com/iGEM_CIDEB" data-widget-id="342537625611149313">Tweets por @iGEM_CIDEB</a>
<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>
<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>
Line 137: Line 126:
   
   
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
+
<script type="text/javascript">
<script type="text/javascript">
$(function() {
$(function() {
$('#sbi_container').bgImageMenu({
$('#sbi_container').bgImageMenu({
-
defaultBg : 'images/default.jpg',
+
defaultBg : 'https://static.igem.org/mediawiki/2013hs/3/3a/Default-2106.jpg',
menuSpeed : 300,
menuSpeed : 300,
border : 1,
border : 1,

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.

cideb
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
facebooktwitterenvelope