Difference between revisions of "Template:Nanormous"

From OpenWetWare
Jump to: navigation, search
Line 10: Line 10:
 
$(".firstHeading").text(h1[h1.length-1]);
 
$(".firstHeading").text(h1[h1.length-1]);
 
</script>
 
</script>
        <style type='text/css'>
 
            .kwicks {
 
                height: 50px;
 
            }
 
            .kwicks > a {
 
                height: 50px;
 
            }
 
 
            #panel-1 { background-color: #2ecc71; }
 
            #panel-2 { background-color: #3498db; }
 
            #panel-3 { background-color: #e74c3c; }
 
            #panel-4 { background-color: #9b59b6; }
 
        </style>
 
 
</head>
 
</head>
 
  <div class='kwicks kwicks-horizontal'>
 
  <div class='kwicks kwicks-horizontal'>
<a href='#' id='panel-1'></a>
+
<a href='#' id='panel-1'>home</a>
<a href='#' id='panel-2'></a>
+
<a href='#' id='panel-2'>project</a>
<a href='#' id='panel-3'></a>
+
<a href='#' id='panel-3'>team</a>
<a href='#' id='panel-4'></a>
+
<a href='#' id='panel-4'>human practice</a>
 
</div>
 
</div>
 
         <script src='http://nanomours.googlecode.com/svn/trunk/js/jquery.kwicks.js' type='text/javascript'></script>
 
         <script src='http://nanomours.googlecode.com/svn/trunk/js/jquery.kwicks.js' type='text/javascript'></script>

Revision as of 14:27, 13 July 2013

<html> <head> <link href='http://nanomours.googlecode.com/svn/trunk/main.css' rel='stylesheet' type='text/css'> <link href='http://nanomours.googlecode.com/svn/trunk/css/jquery.kwicks.css' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700|Trade+Winds|Lato:400,700' rel='stylesheet' type='text/css'>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

<script type"text/javascript"> //fix heading var h1 = $(".firstHeading").text().split("/"); $(".firstHeading").text(h1[h1.length-1]); </script> </head>

<div class='kwicks kwicks-horizontal'>

<a href='#' id='panel-1'>home</a> <a href='#' id='panel-2'>project</a> <a href='#' id='panel-3'>team</a> <a href='#' id='panel-4'>human practice</a> </div>

       <script src='http://nanomours.googlecode.com/svn/trunk/js/jquery.kwicks.js' type='text/javascript'></script>
       <script type='text/javascript'>
           $(function() {
               $('.kwicks').kwicks({
                   maxSize : 250,
                   behavior: 'menu'
               });
           });
       </script>

</html>