Difference between revisions of "Template:TU Delft/Header"

Line 46: Line 46:
 
       height: 100%;
 
       height: 100%;
 
   }
 
   }
 +
 +
.slider-size {
 +
height: 400px; /* This is your slider height */
 +
}
 +
.carousel {
 +
width:100%;
 +
margin:0 auto; /* center your carousel if other than 100% */
 +
}
 +
 
</style>
 
</style>
 
</head>
 
</head>
Line 84: Line 93:
 
   <div class="carousel-inner" role="listbox">
 
   <div class="carousel-inner" role="listbox">
 
     <div class="item active">
 
     <div class="item active">
−
      <img src="https://static.igem.org/mediawiki/2015/8/8b/TU_Delft_Banner_Team1.jpg" alt="Team">
+
<div style="background:url(https://static.igem.org/mediawiki/2015/8/8b/TU_Delft_Banner_Team1.jpg) center center;
 +
          background-size:cover;" class="slider-size">
 
           <div class="carousel-caption">
 
           <div class="carousel-caption">
 
           <h3>TU Delft iGEM Team</h3>
 
           <h3>TU Delft iGEM Team</h3>
 
           <p></p>
 
           <p></p>
 
         </div>
 
         </div>
 +
</div>
 
     </div>
 
     </div>
  
Line 100: Line 111:
 
   </div>
 
   </div>
  
−
<!-- Controls
 
−
<a class="left carousel-control" href="javascript:void(0)"
 
−
    data-slide="prev" data-target="#myCarousel">
 
−
<span class="glyphicon glyphicon-chevron-left"></span>
 
−
</a>
 
−
<a class="right carousel-control" href="javascript:void(0)"
 
−
    data-slide="next" data-target="#myCarousel">
 
−
<span class="glyphicon glyphicon-chevron-right"></span>
 
−
</a>-->
 
 
   <!-- Left and right controls-->
 
   <!-- Left and right controls-->
−
   <a class="left carousel-control" href="javascript:void(0)" role="button" data-slide="prev">
+
   <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
−
     <span class="glyphicon glyphicon-chevron-left"></span>
+
     <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
 
     <span class="sr-only">Previous</span>
 
     <span class="sr-only">Previous</span>
 
   </a>
 
   </a>

Revision as of 13:44, 9 July 2015