Team:ETH Zurich
From 2013.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
{{:Team:ETH_Zurich/Templates}} | {{:Team:ETH_Zurich/Templates}} | ||
+ | <html> | ||
+ | <head> | ||
+ | <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | ||
+ | <title>Untitled Page</title> | ||
+ | <meta name="generator" content="WYSIWYG Web Builder 9 Trial Version - http://www.wysiwygwebbuilder.com"> | ||
+ | <style type="text/css"> | ||
+ | #wb_Carousel1 | ||
+ | { | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | #Carousel1 .frame | ||
+ | { | ||
+ | width: 590px; | ||
+ | display: inline-block; | ||
+ | float: left; | ||
+ | height: 228px; | ||
+ | } | ||
+ | #wb_Carousel1 .pagination | ||
+ | { | ||
+ | bottom: 0; | ||
+ | left: 0; | ||
+ | position: absolute; | ||
+ | text-align: center; | ||
+ | vertical-align: middle; | ||
+ | width: 590px; | ||
+ | z-index: 999; | ||
+ | } | ||
+ | #wb_Carousel1 .pagination img | ||
+ | { | ||
+ | border-style: none; | ||
+ | padding: 12px 12px 12px 12px; | ||
+ | } | ||
+ | #Image1 | ||
+ | { | ||
+ | border: 0px #000000 solid; | ||
+ | } | ||
+ | #Image2 | ||
+ | { | ||
+ | border: 0px #000000 solid; | ||
+ | } | ||
+ | </style> | ||
+ | <script type="text/javascript" src="jquery-1.9.1.min.js"></script> | ||
+ | <script type="text/javascript" src="wb.carousel.min.js"></script> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function() | ||
+ | { | ||
+ | var Carousel1Opts = | ||
+ | { | ||
+ | delay: 3000, | ||
+ | duration: 500, | ||
+ | easing: 'linear', | ||
+ | mode: 'forward', | ||
+ | direction: '', | ||
+ | pagination: true, | ||
+ | pagination_img_default: 'images/page_default.png', | ||
+ | pagination_img_active: 'images/page_active.png', | ||
+ | start: 0, | ||
+ | width: 590 | ||
+ | }; | ||
+ | $("#Carousel1").carousel(Carousel1Opts); | ||
+ | $("#Carousel1_back a").click(function() | ||
+ | { | ||
+ | $('#Carousel1').carousel('prev'); | ||
+ | }); | ||
+ | $("#Carousel1_next a").click(function() | ||
+ | { | ||
+ | $('#Carousel1').carousel('next'); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | </head> | ||
+ | <body> | ||
+ | <a href="http://www.wysiwygwebbuilder.com" target="_blank"><img src="images/builtwithwwb9.png" alt="WYSIWYG Web Builder" style="position:absolute;left:453px;top:735px;width:88px;height:31px;border-width:0;z-index:250"></a> | ||
+ | <div id="wb_Carousel1" style="position:absolute;left:188px;top:94px;width:590px;height:228px;z-index:3;overflow:hidden"> | ||
+ | <div id="Carousel1" style="position:absolute"> | ||
+ | <div class="frame"> | ||
+ | <div id="Image1">[[Image:Flag.png]]</div> | ||
+ | </div> | ||
+ | <div class="frame"> | ||
+ | <div id="Image2"> [[Image:EcoliMinesweeperNEW_Kopie.png|100px]]</div> | ||
+ | </div> | ||
+ | <div class="frame"> | ||
+ | </div> | ||
+ | <div class="frame"> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id="Carousel1_back" style="position:absolute;left:4px;top:99px;width:30px;height:30px;z-index:999"><a style="cursor:pointer"><img alt="Back" style="border-style:none" [[Image:Flag1.png]]</a></div> | ||
+ | <div id="Carousel1_next" style="position:absolute;left:556px;top:99px;width:30px;height:30px;z-index:999"><a style="cursor:pointer"><img alt="Next" style="border-style:none" [[Image:Flag1.png]]</a></div> | ||
+ | </div> | ||
+ | </body> | ||
+ | </html> | ||
<div style="opacity:1.5;float:left;position:relative;top:126px;width:97%;height:250px;background-color:#A20025;font-family:Helvetia;text-align:left;margin:5px 5px 5px 5px;margin-color:white;padding:10px 10px 10px 10px;color:white"><div style="font-size:25px;color: black;text-align:left;padding:5px 5px 5px 5px">General info to change the layout</div> | <div style="opacity:1.5;float:left;position:relative;top:126px;width:97%;height:250px;background-color:#A20025;font-family:Helvetia;text-align:left;margin:5px 5px 5px 5px;margin-color:white;padding:10px 10px 10px 10px;color:white"><div style="font-size:25px;color: black;text-align:left;padding:5px 5px 5px 5px">General info to change the layout</div> |
Revision as of 12:35, 24 July 2013
![WYSIWYG Web Builder](images/builtwithwwb9.png)
General info to change the layout
Go on "Templates" than "Layout" than "WIKI" than "edit page" to make modifications in the layout of the top section.
Before saving the page please make "show preview" to see what you just did.
In the worst case scenario, the person who did the change can undo the changes by checking the history of changes.
Feel free to change stuff ! The changes you do here are directly applied to all pages.
Attention : This top section layout is from ETH_Zurich Team 2012, I will have to ask their permission to use it for the submission. The source actually was written by Pieter van Boheemen from TU Delft!