Team:UCSF/Search

From 2010.igem.org

(Difference between revisions)
Line 2: Line 2:
<head>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
<title>Untitled Document</title>
+
<title>jixedbar (Beta) - a jQuery fixed bar plugin</title>
 +
<link type="text/css" href="css/demo.css" rel="stylesheet" />
 +
<!-- jixedbar starts here -->
 +
<link type="text/css" href="http://jixedbar.rawswift.com/js/jixedbar/themes/default/jx.stylesheet.css" rel="stylesheet" />
 +
<script type="text/javascript" src="http://jixedbar.rawswift.com/js/jixedbar/jquery-1.4.2.min.js"></script>
 +
<script type="text/javascript" src="http://jixedbar.rawswift.com/js/jixedbar/src/jquery.jixedbar.min.js"></script>
 +
<script type="text/javascript">
 +
    $(document).ready(function() {
 +
$("#demo-bar").jixedbar();
 +
    });
 +
</script>
 +
<!-- jixedbar ends here -->
-
 
-
 
-
<style type="text/css">
 
-
 
-
 
-
#footer-box {
 
-
 
-
}
 
-
#content {
 
-
 
-
}
 
-
 
-
div#search-controls{
 
-
    display: none;
 
-
}
 
-
 
-
div#top-section{
 
-
    background: url(https://static.igem.org/mediawiki/2010/6/67/Background2.jpg) repeat top left;
 
-
    height: 100px;
 
-
}
 
-
 
-
#mw-searchButton{
 
-
    display: none;
 
-
}
 
-
 
-
div#contentSub{
 
-
    display: none;
 
-
}
 
-
 
-
 
-
div#menubar{
 
-
 
-
    position: absolute;
 
-
    top: 0;
 
-
}
 
-
 
-
div#p-logo{
 
-
    display: none;
 
-
    width:1000px;
 
-
}
 
-
 
-
h1.firstHeading {
 
-
display: none;
 
-
}
 
-
 
-
 
-
 
-
#apDiv1 {
 
-
position:relative;
 
-
overflow:auto;
 
-
height:auto;
 
-
        left:0px;
 
-
        top:0px;
 
-
width:962px;
 
-
z-index:1;
 
-
        background-color: #6666CC;
 
-
border-color:#000;
 
-
border:solid;
 
-
border-width:1px;
 
-
}
 
-
 
-
#apDiv2{
 
-
position:absolute;
 
-
        left:0px;
 
-
        top:0px;
 
-
width:180px;
 
-
        height: 100px;
 
-
z-index:2;
 
-
        background-color: #0666CC;
 
-
border-color:#000;
 
-
border:solid;
 
-
border-width:1px;
 
-
}
 
-
 
-
 
-
#apDiv3{
 
-
position:absolute;
 
-
        left:200px;
 
-
        top:0px;
 
-
width:750px;
 
-
z-index:3;
 
-
        background-color: #0606CC;
 
-
border-color:#000;
 
-
border:solid;
 
-
border-width:1px;
 
-
}
 
-
 
-
 
-
</style>
 
</head>
</head>
-
 
<body>
<body>
-
<div id="apDiv1">
 
-
<div id="apDiv2"></div>
 
-
<div id="apDiv3">
 
-
<table border="0" cellpadding="0" cellspacing="0">
 
-
  <tr>
 
-
<p>dskjfsdf</p>
 
-
<p>dskjfsdf</p>
 
-
<p>dskjfsdf</p>
 
-
<p>dskjfsdf</p>
 
-
<p>dskjfsdf</p>
 
-
<p>dskjfsdf</p>
 
-
<p>dskjfsdf</p>
 
-
<p>dskjfsdf</p>
 
-
<p>dskjfsdf</p>
 
-
<p>dskjfsdf</p>
 
-
<p>dskjfsdf</p>
 
-
<p>dskjfsdf</p>
 
-
<p>dskjfsdf</p>
 
-
<p>dskjfsdf</p>
 
-
<p>dskjfsdf</p>
 
-
<p>dskjfsdf</p>
 
-
<p>dskjfsdf</p>
 
-
<p>dskjfsdf</p>
 
-
<p>dskjfsdf</p>
 
-
<p>dskjfsdf</p>
 
-
<p>dskjfsdf</p>
 
-
<p>dskjfsdf</p>
 
-
<p>dskjfsdf</p>
 
-
<p>dskjfsdf</p>
 
-
<p>dskjfsdf</p>
 
-
<p>dskjfsdf</p>
 
-
<p>dskjfsdf</p>
 
-
<p>dskjfsdf</p>
 
-
<p>dskjfsdf</p>
 
-
<p>dskjfsdf</p>
 
-
<p>dskjfsdf</p>
 
-
<p>dskjfsdf</p>
 
-
<p>dskjfsdf</p>
 
-
<p>dskjfsdf</p>
 
-
<p>dskjfsdf</p>
 
-
<p>dskjfsdf</p>
 
-
<p>dskjfsdf</p>
 
-
<p>dskjfsdf</p>
 
-
<p>dskjfsdf</p>
 
-
<p>dskjfsdf</p>
 
-
<p>dskjfsdf</p>
 
-
<p>dskjfsdf</p>
 
-
<p>dskjfsdf</p>
 
-
<p>dskjfsdf</p>
 
-
<p>dskjfsdf</p>
 
-
<p>dskjfsdf</p>
 
-
<p>dskjfsdf</p>
 
-
<p>dskjfsdf</p>
 
-
<p>dskjfsdf</p>
 
-
<p>dskjfsdf</p>
 
-
<p>dskjfsdf</p>
 
-
<p>dskjfsdf</p>
 
-
<p>dskjfsdf</p>
 
-
<p>dskjfsdf</p>
 
-
<p>dskjfsdf</p>
 
-
<p>dskjfsdf</p>
 
-
<p>dskjfsdf</p>
 
-
<p>dskjfsdf</p>
 
-
<p>dskjfsdf</p>
 
-
<p>dskjfsdf</p>
 
-
  </tr>
+
 
-
</table>
+
<div id="content">
</div>
</div>
-
<div style="clear:both;"></div>
+
<div id="demo-bar">
 +
        <ul>
 +
            <li title="Home"><a href="http://ryan.rawswift.com/"><img src="icons/home.png" alt="" /></a></li>
 +
        </ul>
 +
        <span class="jx-separator-left"></span>
 +
    <ul>       
 +
            <li title="Around The Web"><a href="#"><img src="icons/network.png" alt="Get Social" /></a>
 +
                <ul>
 +
                    <li><a href="http://www.facebook.com/ryanyonzon"><img src="icons/facebook.png" title="Facebook" />&nbsp;&nbsp;&nbsp;Facebook</a></li>
 +
                    <li><a href="https://twitter.com/rawswift"><img src="icons/twitter.png" title="Twitter" />&nbsp;&nbsp;&nbsp;Twitter</a></li>
 +
                    <li><a href="http://www.flickr.com/photos/ryanyonzon/"><img src="icons/pictures.png" title="Flickr" />&nbsp;&nbsp;&nbsp;Flickr</a></li>
 +
                    <li><a href="http://ph.linkedin.com/in/ryanyonzon"><img src="icons/card.png" title="Linkedin" />&nbsp;&nbsp;&nbsp;Linkedin</a></li>
 +
                </ul>
 +
            </li>
 +
        </ul>
 +
        <span class="jx-separator-left"></span>
 +
        <ul>
 +
            <li title="About"><a href="http://ryan.rawswift.com/about/"><img src="icons/info.png" alt="" /></a></li>
 +
            <li title="Resume"><a href="http://ryan.rawswift.com/resume/"><img src="icons/blogs.png" alt="" /></a></li>
 +
<li title="Portfolio"><a href="http://ryan.rawswift.com/portfolio/"><img src="icons/block.png" alt="" /></a></li>
 +
        </ul>
 +
        <span class="jx-separator-left"></span>       
 +
        <ul class="jx-bar-button-right">
 +
      <li title="Feeds"><a href="#"><img src="icons/feed.png" alt="" /></a>
 +
                <ul>
 +
            <li><a href="http://ryan.rawswift.com/feed/"><img src="icons/feed-doc.png" title="Content Feed" />&nbsp;&nbsp;&nbsp;Content Feed</a></li>
 +
            <li><a href="http://ryan.rawswift.com/comments/feed/"><img src="icons/ballon.png" title="Comment Feed" />&nbsp;&nbsp;&nbsp;Comment Feed</a></li>
 +
            <li><a href="http://ryan.rawswift.com/comments/feed/"><img src="icons/ballon.png" title="Comment Feed" />&nbsp;&nbsp;&nbsp;Comment Feed</a></li>
 +
                </ul>
 +
      </li>
 +
        </ul>
 +
        <span class="jx-separator-right"></span>
</div>
</div>
-
<div style="clear:both;"></div>
+
 
</body>
</body>
</html>
</html>

Revision as of 19:45, 31 August 2010

jixedbar (Beta) - a jQuery fixed bar plugin

Retrieved from "http://2010.igem.org/Team:UCSF/Search"