Team:CIDEB-UANL Mexico/menutest1

From 2014hs.igem.org

(Difference between revisions)
 
(30 intermediate revisions not shown)
Line 1: Line 1:
-
<!DOCTYPE html>
+
{{:Team:CIDEB-UANL_Mexico/reset.css}}
-
<html lang="en">
+
{{:Team:CIDEB-UANL_Mexico/style.css}}
 +
{{:Team:CIDEB-UANL_Mexico/sbimenu.css}}
 +
{{:Team:CIDEB-UANL_Mexico/jquery.bgImageMenu.js}}
 +
{{:Team:CIDEB-UANL_Mexico/jquery.easing.1.3.js}}
 +
 
 +
<html>
     <head>
     <head>
         <title>menutest1</title>
         <title>menutest1</title>
-
<meta charset="UTF-8" />
+
        <meta charset="UTF-8" />
         <meta name="description" content="Test of Our Wiki Menu" />
         <meta name="description" content="Test of Our Wiki Menu" />
         <meta name="keywords" content="jquery, background image, image, menu, navigation, panels" />
         <meta name="keywords" content="jquery, background image, image, menu, navigation, panels" />
-
<meta name="author" content="Codrops" />
+
        <meta name="author" content="Codrops" />
-
         <link rel="stylesheet" type="text/css" href="css/style.css" />
+
         <link rel="stylesheet" type="text/css" href="https://2014hs.igem.org/Team:CIDEB-UANL_Mexico/style.css" />
-
<link rel="stylesheet" type="text/css" href="https://2014hs.igem.org/Team:CIDEB-UANL_Mexico/sbimenu.css" />
+
<link rel="stylesheet" type="text/css" href="https://2014hs.igem.org/Team:CIDEB-UANL_Mexico/sbimenu.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=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' />
 +
        <style>
 +
/* Wiki Hacks - START */
 +
/* Author: Pieter van Boheemen */
 +
/* Team: TU Delft */
 +
 
 +
#globalWrapper { background-color: transparent; border: none; margin: 0; padding: 0; width: 100%; height:100%;}
 +
 
 +
#content { background-color: transparent; align: center; border: none; padding: 0; width: 95%; overflow: hidden; height:100%;}
 +
 
 +
#bodyContent { border: none; padding:0; margin:0; width:100%; height:100%;}
 +
 
 +
#catlinks {
 +
    border: none;
 +
    background-color: none;
 +
    padding: 0;
 +
    margin-top: none;
 +
    clear: none;
 +
}
 +
#menubar > ul > li:last-child {
 +
    display: none;}
 +
 
 +
#top-section { height: 0px; margin: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important;
 +
padding:0; border: none; font-size: 13px}
 +
 
 +
#p-logo { height:1px; overflow:hidden; display: none;}
 +
 
 +
#search-controls { overflow:hidden; display:block; background: none; position: absolute; top: 100px; right: 40px;}
 +
 
 +
/*
 +
.left-menu { width: 500px !important; display:block; margin-top:-80px; border: none; text-align: right;}
 +
.left-menu ul { border: none; }
 +
#menubar.right-menu { width:300px; display:block; float:left; margin-top:-80px; border: none;}
 +
.right-menu ul {border: none; width: 300px;}
 +
*/
 +
 
 +
#footer-box { background-image: url('https://static.igem.org/mediawiki/2013hs/9/91/Pattern.png'); background-color: #000000; width: 100%; margin: -10px; padding: 20px 0; display: none;}
 +
 
 +
.visualClear { display: none; }
 +
 
 +
#search-controls { display:none; }
 +
 
 +
h3#siteSub { display: none;}
 +
#contentSub {display: none;}
 +
//p:first-child { display: none;}
 +
 
 +
 
 +
#footer { border: none; width: 965px; margin: 0 auto; padding: 0;}
 +
.firstHeading { display: none;}
 +
#f-list a { color: #333; font-size: 10px;}
 +
#f-list a:hover { color: #666; height: 100px;}
 +
.printfooter { display: none; }
 +
#footer ul { margin: 0; padding: 0;}
 +
#footer ul li { margin-top: 0; margin-bottom: 0; margin-left: 10px; margin-right: 10px; padding: 0;}
 +
 
 +
/* Wiki Hacks - END */
 +
        </style>
     </head>
     </head>
     <body>
     <body>
Line 17: Line 78:
<div class="content">
<div class="content">
<div id="sbi_container" class="sbi_container">
<div id="sbi_container" class="sbi_container">
-
<div class="sbi_panel" data-bg="images/1.jpg">
+
<div class="sbi_panel" data-bg="https://2014hs.igem.org/File:Cideb2014-1.jpg">
<a href="#" class="sbi_label">About</a>
<a href="#" class="sbi_label">About</a>
<div class="sbi_content">
<div class="sbi_content">
Line 27: Line 88:
</div>
</div>
</div>
</div>
-
<div class="sbi_panel" data-bg="images/2.jpg">
+
<div class="sbi_panel" data-bg="https://2014hs.igem.org/File:Cideb2014-1.jpg">
<a href="#" class="sbi_label">Menu</a>
<a href="#" class="sbi_label">Menu</a>
<div class="sbi_content">
<div class="sbi_content">
Line 38: Line 99:
</div>
</div>
</div>
</div>
-
<div class="sbi_panel" data-bg="images/3.jpg">
+
<div class="sbi_panel" data-bg="https://2014hs.igem.org/File:Cideb2014-1.jpg">
<a href="#" class="sbi_label">Location</a>
<a href="#" class="sbi_label">Location</a>
<div class="sbi_content">
<div class="sbi_content">
Line 47: Line 108:
</div>
</div>
</div>
</div>
-
<div class="sbi_panel" data-bg="images/4.jpg">
+
<div class="sbi_panel" data-bg="https://2014hs.igem.org/File:Cideb2014-1.jpg">
<a href="#" class="sbi_label">Chefs</a>
<a href="#" class="sbi_label">Chefs</a>
<div class="sbi_content">
<div class="sbi_content">
Line 55: Line 116:
</div>
</div>
</div>
</div>
-
<div class="sbi_panel" data-bg="images/5.jpg">
+
<div class="sbi_panel" data-bg="https://2014hs.igem.org/File:Cideb2014-1.jpg">
<a href="#" class="sbi_label">Team</a>
<a href="#" class="sbi_label">Team</a>
<div class="sbi_content">
<div class="sbi_content">
Line 65: Line 126:
</div>
</div>
</div>
</div>
-
<div class="sbi_panel" data-bg="images/6.jpg">
+
<div class="sbi_panel" data-bg="https://2014hs.igem.org/File:Cideb2014-1.jpg">
<a href="#" class="sbi_label">Contact</a>
<a href="#" class="sbi_label">Contact</a>
<div class="sbi_content">
<div class="sbi_content">
Line 75: Line 136:
</div>
</div>
</div>
</div>
-
<div class="sbi_panel" data-bg="images/7.jpg">
+
<div class="sbi_panel" data-bg="https://2014hs.igem.org/File:Cideb2014-1.jpg">
<a href="#" class="sbi_label">Find us</a>
<a href="#" class="sbi_label">Find us</a>
<div class="sbi_content">
<div class="sbi_content">
Line 85: Line 146:
</div>
</div>
</div>
</div>
-
<div class="sbi_panel" data-bg="images/8.jpg">
+
<div class="sbi_panel" data-bg="https://2014hs.igem.org/File:Cideb2014-1.jpg">
<a href="#" class="sbi_label">Special</a>
<a href="#" class="sbi_label">Special</a>
<div class="sbi_content">
<div class="sbi_content">
Line 98: Line 159:
</div>
</div>
</div>
</div>
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
+
<script type="text/javascript" src="https://2014hs.igem.org/Team:CIDEB-UANL_Mexico/jquery-1.6.1.min.js"></script>
-
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
+
<script type="text/javascript" src="https://2014hs.igem.org/Team:CIDEB-UANL_Mexico/jquery.easing.1.3.js"></script>
-
<script type="text/javascript" src="js/jquery.bgImageMenu.js"></script>
+
<script type="text/javascript" src="https://2014hs.igem.org/Team:CIDEB-UANL_Mexico/jquery.bgImageMenu.js"></script>
<script type="text/javascript">
<script type="text/javascript">
$(function() {
$(function() {
$('#sbi_container').bgImageMenu({
$('#sbi_container').bgImageMenu({
-
defaultBg : 'images/default.jpg',
+
defaultBg : 'https://2014hs.igem.org/File:Cideb2014default.jpg',
menuSpeed : 300,
menuSpeed : 300,
border : 1,
border : 1,

Latest revision as of 04:25, 14 February 2014

menutest1