Team:ULB-Brussels/Parts

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{CSS/Main}}
+
{{Http://2014.igem.org/Team:ULB-Brussels/Template}}
<html>
<html>
-
<!--init and scripts -->
 
-
<script type="text/javascript" src="https://raw.githubusercontent.com/jssor/jquery-slider/master/js/jquery-1.9.1.min.js"></script>
 
-
    <script type="text/javascript" src="https://raw.githubusercontent.com/jssor/jquery-slider/master/js/jssor.core.js"></script>
 
-
    <script type="text/javascript" src="https://raw.githubusercontent.com/jssor/jquery-slider/master/js/jssor.utils.js"></script>
 
-
    <script type="text/javascript" src="https://raw.githubusercontent.com/jssor/jquery-slider/master/js/jssor.slider.js"></script>
 
-
    <script>
 
-
        jssor_slider1_starter = function (containerId) {
 
-
 
-
            var options = {
 
-
                $AutoPlay: false,
 
-
                $SlideDuration: 800,
 
-
                $BulletNavigatorOptions: {
 
-
                    $Class: $JssorBulletNavigator$,
 
-
                    $ChanceToShow: 2,
 
-
                    $AutoCenter: 1,
 
-
                    $Steps: 1,
 
-
                    $Lanes: 1,
 
-
                    $SpacingX: 10,
 
-
                    $SpacingY: 10,
 
-
                    $Orientation: 1
 
-
                }
 
-
            };
 
-
 
-
            var jssor_slider1 = new $JssorSlider$(containerId, options);
 
-
        }
 
-
    </script>
 
<!--main content -->
<!--main content -->
-
<div id="mainblock" style="position: relative; width: 1024px; margin-left: auto; margin-right: auto">
 
<table style="background-color:#ebebeb;" align="center" width="100%">   
<table style="background-color:#ebebeb;" align="center" width="100%">   
-
<tr><th><table style="background-color:#ebebeb;" width="90%"  align="center" style="border:1px solid black;" >
+
<tr><th><table style="background-color:#ebebeb;" width="90%"  align="center">
-
<!-- Jssor Slider Begin -->
+
-
    <!-- You can move inline styles to css file or css block. -->
+
-
    <div id="slider1_container" style="position: relative; width: 910px;
+
-
        height: 300px; overflow: hidden; margin-left: auto; margin-right: auto">
+
-
+
-
        <!-- Slides Container -->
+
-
        <div u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width: 910px; height: 300px;
+
-
            overflow: hidden;">
+
-
            <div><img u="image" src="https://static.igem.org/mediawiki/2014/8/87/ULB2014PLACEHOLDER1.png" /></div>
+
-
            <div><img u="image" src="https://static.igem.org/mediawiki/2014/8/82/ULB2014PLACEHOLDER2.png" /></div>
+
-
        </div>
+
-
 
+
-
        <!-- Bullet Navigator Skin Begin -->
+
-
        <style>
+
-
            /* jssor slider bullet navigator skin 05 css */
+
-
            /*
+
-
            .jssorb05 div          (normal)
+
-
            .jssorb05 div:hover    (normal mouseover)
+
-
            .jssorb05 .av          (active)
+
-
            .jssorb05 .av:hover    (active mouseover)
+
-
            .jssorb05 .dn          (mousedown)
+
-
            */
+
-
            .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av
+
-
            {
+
-
                background: url(https://static.igem.org/mediawiki/2014/c/c2/ULB2014BULLETS2.png) no-repeat;
+
-
                overflow:hidden;
+
-
                cursor: pointer;
+
-
            }
+
-
            .jssorb05 div { background-position: -7px -7px; }
+
-
            .jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
+
-
            .jssorb05 .av { background-position: -67px -7px; }
+
-
            .jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }
+
-
        </style>
+
-
        <!-- bullet navigator container -->
+
-
        <div u="navigator" class="jssorb05" style="position: absolute; bottom: 16px; right: 6px;">
+
-
            <!-- bullet navigator item prototype -->
+
-
            <div u="prototype" style="POSITION: absolute; WIDTH: 16px; HEIGHT: 16px;"></div>
+
-
        </div>
+
-
        <!-- Bullet Navigator Skin End -->
+
-
 
+
-
        <a style="display: none" href="http://www.jssor.com">carousel slider</a>
+
-
        <!-- Trigger -->
+
-
        <script>
+
-
            jssor_slider1_starter('slider1_container');
+
-
        </script>
+
-
    </div>
+
-
    <!-- Jssor Slider End -->
+
-
 
+
-
<!--navigation menu -->
+
<td align="center" colspan="3">
<td align="center" colspan="3">
-
 
-
<table  cellspacing="0"width="100%">
 
-
<tr heigth="15px"></tr>
 
-
<tr heigth="75px">
 
-
 
-
 
-
<td style= "
 
-
    background :#8b8b8b
 
-
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
 
-
    background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
 
-
    background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
 
-
    border-top: 2px solid #939393;
 
-
    position: relative;
 
-
    margin-bottom: 30px;" align="center" height ="45px" onMouseOver="this.bgColor='#3300FF'" onMouseOut="this.bgColor='#6666CC'" bgColor=#6666CC> 
 
-
<a href="https://2014.igem.org/Team:ULB-Brussels"style="color:#000000">Home </a> </td>
 
-
 
-
<td style= "
 
-
    background :#8b8b8b
 
-
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
 
-
    background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
 
-
    background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
 
-
    border-top: 2px solid #939393;
 
-
    position: relative;
 
-
    margin-bottom: 30px;" align="center" height ="45px" onMouseOver="this.bgColor='#3300FF'" onMouseOut="this.bgColor='#6666CC'" bgColor=#6666CC>
 
-
<a href="https://2014.igem.org/Team:ULB-Brussels/Team"style="color:#000000"> Team </a> </td>
 
-
 
-
<td style= "
 
-
    background :#8b8b8b
 
-
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
 
-
    background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
 
-
    background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
 
-
    border-top: 2px solid #939393;
 
-
    position: relative;
 
-
    margin-bottom: 30px;" align="center"  height ="45px"  onMouseOver="this.bgColor='#3300FF'" onMouseOut="this.bgColor='#6666CC'" bgColor=#6666CC>
 
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=ULB-Brussels"style="color:#000000"> Official Team Profile </a></td>
 
-
 
-
<td style= "
 
-
    background :#8b8b8b
 
-
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
 
-
    background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
 
-
    background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
 
-
    border-top: 2px solid #939393;
 
-
    position: relative;
 
-
    margin-bottom: 30px;"align="center"  height ="45px" onMouseOver="this.bgColor='#3300FF'" onMouseOut="this.bgColor='#6666CC'" bgColor=#6666CC> 
 
-
<a href="https://2014.igem.org/Team:ULB-Brussels/Project"style="color:#000000"> Project</a></td>
 
-
 
-
<td style= "
 
-
    background :#8b8b8b
 
-
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
 
-
    background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
 
-
    background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
 
-
    border-top: 2px solid #939393;
 
-
    position: relative;
 
-
    margin-bottom: 30px;" align="center"  height ="45px" onMouseOver="this.bgColor='#3300FF'" onMouseOut="this.bgColor='#6666CC'" bgColor=#6666CC>
 
-
<a href="https://2014.igem.org/Team:ULB-Brussels/Parts"style="color:#000000"> Parts</a></td>
 
-
 
-
<td style= "
 
-
    background :#8b8b8b
 
-
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
 
-
    background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
 
-
    background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
 
-
    border-top: 2px solid #939393;
 
-
    position: relative;
 
-
    margin-bottom: 30px;" align="center" height ="45px" onMouseOver="this.bgColor='#3300FF'" onMouseOut="this.bgColor='#6666CC'" bgColor=#6666CC>
 
-
<a href="https://2014.igem.org/Team:ULB-Brussels/Modeling"style="color:#000000"> Modeling</a></td>
 
-
 
-
<td style= "
 
-
    background :#8b8b8b
 
-
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
 
-
    background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
 
-
    background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
 
-
    border-top: 2px solid #939393;
 
-
    position: relative;
 
-
    margin-bottom: 30px;" align="center" height ="45px" onMouseOver="this.bgColor='#3300FF'" onMouseOut="this.bgColor='#6666CC'" bgColor=#6666CC> 
 
-
<a href="https://2014.igem.org/Team:ULB-Brussels/Notebook"style="color:#000000"> Notebook</a></td>
 
-
 
-
<td style= "
 
-
    background :#8b8b8b
 
-
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
 
-
    background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
 
-
    background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
 
-
    border-top: 2px solid #939393;
 
-
    position: relative;
 
-
    margin-bottom: 30px;" align="center"  height ="45px" onMouseOver="this.bgColor='#3300FF'" onMouseOut="this.bgColor='#6666CC'" bgColor=#6666CC>
 
-
<a href="https://2014.igem.org/Team:ULB-Brussels/Safety"style=" color:#000000"> Safety </a></td>
 
-
 
-
<td style= "
 
-
    background :#8b8b8b
 
-
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
 
-
    background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
 
-
    background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
 
-
    border-top: 2px solid #939393;
 
-
    position: relative;
 
-
    margin-bottom: 30px;" align="center"  height ="45px" onMouseOver="this.bgColor='#3300FF'" onMouseOut="this.bgColor='#6666CC'" bgColor=#6666CC>
 
-
<a href="https://2014.igem.org/Team:ULB-Brussels/Attributions"style="color:#000000"> Attributions </a></td>
 
-
 
-
<td style= "
 
-
    background :#8b8b8b
 
-
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
 
-
    background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
 
-
    background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
 
-
    border-top: 2px solid #939393;
 
-
    position: relative;
 
-
    margin-bottom: 30px;" align="center"  height ="45px" onMouseOver="this.bgColor='Aqua'" onMouseOut="this.bgColor='Aqua'" bgColor=Aqua>
 
-
<a href="https://2014.igem.org/Equipe:_ULB_Bruxelles/Accueil"style="color:#000000"> Français </a></td>
 
-
 
-
<td style= "
 
-
    background :#8b8b8b
 
-
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
 
-
    background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
 
-
    background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
 
-
    border-top: 2px solid #939393;
 
-
    position: relative;
 
-
    margin-bottom: 30px;"align="center"  height ="45px" onMouseOver="this.bgColor='Aqua'" onMouseOut="this.bgColor='Aqua'" bgColor=Aqua>
 
-
<a href="https://2014.igem.org/Team:ULB-Brussels/"style="color:#000000"> Dutch </a></td>
 
-
 
-
 
-
<td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
 
</tr>
</tr>
-
</table>
 
-
 
-
<!--end navigation menu -->
 
</tr>
</tr>
-
 
-
 
-
</tr>
 
-
 
-
 
-
 
-
 
-
 
-
</td>
 
-
 
-
<tr> <td colspan="3"  height="15px"> </td></tr>
 
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
 
-
<tr> <td colspan="3"  height="5px"> </td></tr>
 
-
 
-
 
<!--requirements section -->
<!--requirements section -->
<tr style="background-color:rgb(245,245,245);"><td colspan="3"> <h3> Requirements </h3></td></tr>
<tr style="background-color:rgb(245,245,245);"><td colspan="3"> <h3> Requirements </h3></td></tr>

Revision as of 18:11, 8 July 2014

$~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ \newcommand{\MyColi}{{\small Mighty\hspace{0.12cm}Coli}} \newcommand{\Stabi}{\small Stabi}$ $\newcommand{\EColi}{\small E.coli} \newcommand{\SCere}{\small S.cerevisae}\\[0cm] ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ \newcommand{\PI}{\small PI}$ $\newcommand{\Igo}{\Large\mathcal{I}} \newcommand{\Tgo}{\Large\mathcal{T}} \newcommand{\Ogo}{\Large\mathcal{O}} ~$ Example of a hierarchical menu in CSS

carousel slider




- Université Libre de Bruxelles -



Requirements

Please be sure to keep these links, your audience will want to find your:

There are a few wiki requirements teams must follow:

  • All pages, images and files must be hosted on the 2014.igem.org server.
  • All pages must be created under the team’s name space.
  • As part of your documentation, keep the links from the menu to the left.
  • Do not use flash in wiki code.
  • The iGEM logo should be placed on the upper part of every page and should link to 2014.igem.org.

Visit the Wiki How To page for a complete list of requirements, tips and other useful information.

Tips

We are currently working on providing teams with some easy to use design templates.
In the meantime you can also view other team wikis for inspiration! Here are some very good examples

For a full wiki list, you can visit iGEM 2013 web sites and iGEM 2012 web sites lists.

This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started:

  • State your accomplishments! Tell people what you have achieved from the start.
  • Be clear about what you are doing and what you plan to do.
  • You have a global audience! Consider the different backgrounds that your users come from.
  • Make sure information is easy to find; nothing should be more than 3 clicks away.
  • Avoid using very small fonts and low contrast colors; information should be easy to read.
  • Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the iGEM 2013 calendar
  • Have lots of fun!

Retrieved from "http://2014.igem.org/Team:ULB-Brussels/Parts"