|
|
Line 1: |
Line 1: |
- | {{:Team:Sevilla/template1}} | + | {{:Team:Sevilla/Templates/general}} |
- | | + | |
- | | + | |
- | <html>
| + | |
- | <ul class="lavaLamp">
| + | |
- | <li><a href="#">Logos</a></li>
| + | |
- | <li><a href="#">More</a></li>
| + | |
- | </ul>
| + | |
- | | + | |
- | <!-- <li class="back"><div class="left"></div></li> -->
| + | |
- | | + | |
- | <style>
| + | |
- | /* Styles for the entire LavaLamp menu */
| + | |
- | .lavaLamp {
| + | |
- | position: relative;
| + | |
- | height: 29px; width: 421px;
| + | |
- | background: url("../image/bg.gif") no-repeat top;
| + | |
- | padding: 15px; margin: 10px 0;
| + | |
- | overflow: hidden;
| + | |
- | } | + | |
- | /* Force the list to flow horizontally */
| + | |
- | .lavaLamp li {
| + | |
- | float: left;
| + | |
- | list-style: none;
| + | |
- | }
| + | |
- | /* Represents the background of the highlighted menu-item. */
| + | |
- | .lavaLamp li.back {
| + | |
- | background: url("../image/lava.gif") no-repeat right -30px;
| + | |
- | width: 9px; height: 30px;
| + | |
- | z-index: 8;
| + | |
- | position: absolute;
| + | |
- | }
| + | |
- | .lavaLamp li.back .left {
| + | |
- | background: url("../image/lava.gif") no-repeat top left;
| + | |
- | height: 30px;
| + | |
- | margin-right: 9px;
| + | |
- | }
| + | |
- | /* Styles for each menu-item. */
| + | |
- | .lavaLamp li a {
| + | |
- | position: relative; overflow: hidden;
| + | |
- | text-decoration: none;
| + | |
- | text-transform: uppercase;
| + | |
- | font: bold 14px arial;
| + | |
- | color: #fff; outline: none;
| + | |
- | text-align: center;
| + | |
- | height: 30px; top: 7px;
| + | |
- | z-index: 10; letter-spacing: 0;
| + | |
- | float: left; display: block;
| + | |
- | margin: auto 10px;
| + | |
- | }
| + | |
- | </style>
| + | |
- | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
| + | |
- | <script type="text/javascript" src="http://dl.dropbox.com/u/4492644/jq_lavalamp.js"></script>
| + | |
- | <!-- Optional -->
| + | |
- | <script type="text/javascript" src="http://dl.dropbox.com/u/4492644/jq_easing.js"></script>
| + | |
- | | + | |
- | <script type="text/javascript">
| + | |
- | $(function() { $(".lavaLamp").lavaLamp({ fx: "backout", speed: 700 })});
| + | |
- | </script>
| + | |
- | | + | |
- | | + | |
- | </html>
| + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | <gallery widths=170px:>
| + | |
- | File:Logo_US.gif|Universidad de Sevilla
| + | |
- | File:Vice.png|Vicerrectorado de Estudiantes US
| + | |
- | File:LogoOTRI.gif|Oficina de Transferencia de Resultados de Investigación US
| + | |
- | File:LogoMci.jpg|Ministerio de Ciencia e Innovación
| + | |
- | File:EP_L_rgb.jpg|Eppendorf
| + | |
- | </gallery>
| + | |