|
|
| (6 intermediate revisions not shown) |
| Line 2: |
Line 2: |
| | <head> | | <head> |
| | <style> | | <style> |
| | + | |
| | + | <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script> |
| | + | <script type="text/javascript" src="https://igem.org/User:Ssharif/coin-slider.min.js&action=raw&ctype=text/javascript></script> |
| | + | <script type="text/javascript" src="https://igem.org/User:Ssharif/coin-slider.js&action=raw&ctype=text/javascript></script> |
| | + | <link rel="stylesheet" href="https://igem.org/User:Ssharif/coin-slider-style.css&action=raw&ctype=text/css" type="text/css" /> |
| | | | |
| | /*background image*/ | | /*background image*/ |
| Line 151: |
Line 156: |
| | background-repeat:no-repeat; | | background-repeat:no-repeat; |
| | background-size:100%; | | background-size:100%; |
| - | }
| |
| - | div.twrapper
| |
| - | {
| |
| - | float:left;
| |
| - | height:350px;
| |
| - | }
| |
| - | div.circlebox
| |
| - | {
| |
| - | display: block;
| |
| - | position:absolute;
| |
| - | width:90px;
| |
| - | height:90px;
| |
| - | margin:15px;
| |
| - | padding:0px;
| |
| - | }
| |
| - | a.circlelink
| |
| - | {
| |
| - | display:block;
| |
| - | width:90px;
| |
| - | height:90px;
| |
| - | background-size:100% 100%;
| |
| - | text-indent:-9999px;
| |
| - | position: relative
| |
| - | }
| |
| - | a.home
| |
| - | {
| |
| - | background-image:url("https://static.igem.org/mediawiki/2011/1/11/Homegrey.png");
| |
| - | }
| |
| - | a.home:hover
| |
| - | {
| |
| - | background-image:url("https://static.igem.org/mediawiki/2011/8/81/Homecolor.png");
| |
| - | }
| |
| - | a.project
| |
| - | {
| |
| - | background-image:url("https://static.igem.org/mediawiki/2011/3/34/Projectgrey.png");
| |
| - | }
| |
| - | a.project:hover
| |
| - | {
| |
| - | background-image:url("https://static.igem.org/mediawiki/2011/d/d6/Projectcolor.png");
| |
| - | }
| |
| - | a.safety
| |
| - | {
| |
| - | background-image:url("https://static.igem.org/mediawiki/2011/f/f5/Safetygrey.png");
| |
| - | }
| |
| - | a.safety:hover
| |
| - | {
| |
| - | background-image:url("https://static.igem.org/mediawiki/2011/1/11/Safetycolor.png");
| |
| - | }
| |
| - | a.qd
| |
| - | {
| |
| - |
| |
| - | background-image:url("https://static.igem.org/mediawiki/2011/f/fc/Qdgrey.png");
| |
| - | }
| |
| - | a.qd:hover
| |
| - | {
| |
| - | background-image:url("https://static.igem.org/mediawiki/2011/7/73/Qdcolor.png");
| |
| - | }
| |
| - | a.team
| |
| - | {
| |
| - | background-image:url("https://static.igem.org/mediawiki/2011/2/2c/Teamgrey.png");
| |
| - | }
| |
| - | a.team:hover
| |
| - | {
| |
| - | background-image:url("https://static.igem.org/mediawiki/2011/f/ff/Teamcolor.png");
| |
| - | }
| |
| - | a.notebook
| |
| - | {
| |
| - | background-image:url("https://static.igem.org/mediawiki/2011/6/6c/Notebookgrey.png");
| |
| - | }
| |
| - | a.notebook:hover
| |
| - | {
| |
| - | background-image:url("https://static.igem.org/mediawiki/2011/b/b0/Notebookcolor.png");
| |
| - | }
| |
| - | a.attribution
| |
| - | {
| |
| - | background-image:url("https://static.igem.org/mediawiki/2011/5/5b/Attributiongrey.png");
| |
| - | }
| |
| - | a.attribution:hover
| |
| - | {
| |
| - | background-image:url("https://static.igem.org/mediawiki/2011/0/05/Attributioncolor.png");
| |
| | } | | } |
| | | | |
| - | a.hp
| |
| - | {
| |
| - | background-image:url("https://static.igem.org/mediawiki/2011/2/27/HPgrey.png");
| |
| - | }
| |
| - | a.hp:hover
| |
| - | {
| |
| - | background-image:url("https://static.igem.org/mediawiki/2011/7/78/HPcolor.png");
| |
| - | }
| |
| - | table, th, tr
| |
| - | {
| |
| - | border-collapse:collapse;
| |
| - | background-color:transparent;
| |
| - | border: 1px solid white;
| |
| - | padding:15px;
| |
| - | }
| |
| - | td
| |
| - | {
| |
| - | text-align:center;
| |
| - | }
| |
| - | a#igemhome
| |
| - | {
| |
| - | display:block;
| |
| - | height: 150px;
| |
| - | width: 970px;
| |
| - | position:absolute;
| |
| - | top:-100px;
| |
| - | }
| |
| | </style> | | </style> |
| | </head> | | </head> |
| | <body> | | <body> |
| | + | |
| | + | <div id='coin-slider'> |
| | + | <a href="img01_url" target="_blank"> |
| | + | <img src='' > |
| | + | <span> |
| | + | Description for img01 |
| | + | </span> |
| | + | </a> |
| | + | |
| | + | <a href="imgN_url"> |
| | + | <img src='http://farm9.staticflickr.com/8039/7987219806_9c7a481a41_b.jpg' > |
| | + | <span> |
| | + | Description for imgN |
| | + | </span> |
| | + | </a> |
| | + | </div> |
| | + | |
| | + | <script type="text/javascript"> |
| | + | $(document).ready(function() { |
| | + | $('#coin-slider').coinslider(); |
| | + | }); |
| | + | </script> |
| | | | |
| | </body> | | </body> |
| | </html> | | </html> |
"
