Commit bfec0f34 authored by djamel's avatar djamel
Browse files

modification avec bootstrap

parent f0c36c88
......@@ -4641,7 +4641,7 @@ fieldset[disabled] .navbar-default .btn-link:focus {
border-color: #080808;
}
.navbar-inverse .navbar-brand {
color: #9d9d9d;
  • ne pas faire de modification sur le bootstrap mais sur style.css

Please register or sign in to reply
color: #fff;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
......@@ -4652,7 +4652,7 @@ fieldset[disabled] .navbar-default .btn-link:focus {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a {
color: #9d9d9d;
Please register or sign in to reply
color: #fff;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
......
......@@ -8,7 +8,6 @@
<meta name="author" content="">
<link rel="shortcut icon" href="favicon.ico">
<link rel="icon" type="image/gif" href="animated_favicon1.gif">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
function loadDiv(pageName){
$("#content").load(pageName);
......@@ -18,13 +17,57 @@
<title>Gala de Prestige 2015</title>
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap.css" rel="stylesheet">
<link href="style.css" rel="stylesheet">
</head>
<body onload='loadDiv("pages/accueil.html")'>
<div id="wrapper">
<header>
<div class="container-fluid">
<img class="col-xs-12 no-padding" src="img/banière.jpg" alt="Banner">
<nav class="navbar navbar-inverse col-xs-12">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-target="#collapse-1" data-toggle="collapse" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#" onClick='loadDiv("pages/accueil.html")'> <span class="glyphicon glyphicon-home"></span> </a>
  • avoir une modification dans le lien afin de charger directement la page utile au lieu de retomber sur la page d'accueil

Please register or sign in to reply
</div>
<div class="collapse navbar-collapse" id="collapse-1">
<ul class="nav navbar-nav">
<li><a href="#" onClick='loadDiv("pages/programmation.html")' >Programmation<span class="sr-only">(current)</span></a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Infos pratiques <span class="caret"></span></a>
<ul class="dropdown-menu">
<li> <a href="#" class="" onClick='loadDiv("pages/allergala.html")'>Se rendre au Gala</a> </li>
<li> <a href="#" class="" onClick='loadDiv("pages/cassecroute.html")'>Boissons et encas</a> </li>
<li> <a href="#" class="" onClick='loadDiv("pages/benevole.html")'>Nous aider</a> </li>
<li role="separator" class="divider"></li>
<li> <a href="#" class="" onClick='loadDiv("pages/plan.html")'>Plan de l'axone</a> </li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Repas des diplômés<span class="caret"></span></a>
<ul class="dropdown-menu">
<li> <a href="#" class="" onClick='loadDiv("pages/rddpresentation.html")'>Présentation</a> </li>
<li> <a href="#" class="" onClick='loadDiv("pages/rddaller.html")'>Aller au repas</a> </li>
<li> <a href="#" class="" onClick='loadDiv("pages/rddreservation.html")'>Réserver</a> </li>
</ul>
</li>
<li><a href="#" onClick='loadDiv("pages/billeterie.html")'>Billeterie</a> </li>
<li><a href="#" onClick='loadDiv("pages/partenaires.html")'>Partenaires</a> </li>
<li><a href="#" onClick='loadDiv("pages/contact.html")'>Contact</a> </li>
</ul>
</div>
</div>
</nav>
<div class="col-xs-8 col-xs-offset-2" id="content"> </div>
<div class="col-xs-2">
<div id="countdown">
<p id="dateField">&nbsp;</p>
<script type = "text/javascript">
......@@ -38,68 +81,19 @@
dateLoc.innerHTML = "J - "+diff;
</script>
</div>
<a href="index.html">
<img src="img/banière.jpg" alt="Banner"/>
</a>
<div id="social">
<a href="https://www.facebook.com/GalaDePrestigeUTBM" target=_blank>
<img src="img/facebook.png" alt="Facebook" />
<div class="col-xs-6">
<a href="https://www.facebook.com/GalaDePrestigeUTBM">
  • avoir des images entre facebook et twitter du même type

Please register or sign in to reply
<img class="img-responsive" src="img/facebook.png" alt="Facebook">
</a>
</div>
<div class="col-xs-6">
<a href="https://twitter.com/galautbm" target=_blank>
<img src="img/twitter.png" alt="Twitter" />
<img class="img-responsive" src="img/twitter.png" alt="Twitter">
</a>
</div>
</header>
<div class="container" id="topMenu">
<div class="navbar navbar-default navbar-custom">
<ul class="nav navbar-nav">
<li class="">
<a href="#" id="home" onClick='loadDiv("pages/accueil.html")' class=""> Accueil </a>
</li>
<li class="">
<a href="#" id="home" onClick='loadDiv("pages/programmation.html")' class=""> Programmation </a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" style=""> Infos pratiques
<b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li> <a href="#" class="" onClick='loadDiv("pages/allergala.html")'>Se rendre au Gala</a> </li>
<li> <a href="#" class="" onClick='loadDiv("pages/cassecroute.html")'>Boissons et encas</a> </li>
<li> <a href="#" class="" onClick='loadDiv("pages/benevole.html")'>Nous aider</a> </li>
<li> <a href="#" class="" onClick='loadDiv("pages/plan.html")'>Plan de l'axone</a> </li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" style=""> Repas des diplômés
<b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li> <a href="#" class="" onClick='loadDiv("pages/rddpresentation.html")'>Présentation</a> </li>
<li> <a href="#" class="" onClick='loadDiv("pages/rddaller.html")'>Aller au repas</a> </li>
<li> <a href="#" class="" onClick='loadDiv("pages/rddreservation.html")'>Réserver</a> </li>
</ul>
</li>
<li class=""><a href="#" class="" onClick='loadDiv("pages/billeterie.html")'>Billeterie</a> </li>
<li class=""><a href="#" class="" onClick='loadDiv("pages/partenaires.html")'>Partenaires</a> </li>
<li class=""><a href="#" class="" onClick='loadDiv("pages/contact.html")'>Contact</a> </li>
</ul>
</div>
</div>
<div class="container" id="content">
</div>
<div id="footer">
<div class="footer col-xs-12">
<p>Créateur du site: Quentin Barthélémy (Zérabl)</p>
<p>Contact: <a href="mailto:quentin.barthelemy@utbm.fr">
quentin.barthelemy@utbm.fr</a></p>
......@@ -110,7 +104,7 @@
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="dist/js/bootstrap.min.js"></script>
<script src="dist/js/bootstrap.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="assets/js/ie10-viewport-bug-workaround.js"></script>
</body>
......
......@@ -10,42 +10,65 @@
<p>Pour plus de lisibilité, voici le tableau des permanences pour la soirée avec le nombre de personnes requis.</p>
<table border="1">
<table class="table table-bordered">
<tr>
<th colspan="2">Bars <sup>(0)</sup></th>
<th colspan="4">Services</th>
<th>Horaires</th>
<th>Installation</th>
<th>Entrée</th>
<th>Tickets</th>
<th>Vestiaires</th>
<th>Eco-flute</th>
<th>P'tit dej'</th>
<th>Désinstallation</th>
</tr>
<tr>
<td>Manhattan</td>
<td>5</td>
<td>Vestiaire</td>
<td>4-3-4 <sup>(1)</sup></td>
<td>Tickets boissons <sup>(3)</sup></td>
<td>3</td>
<td>21h - 22h30</td>
<td>X personnes</td>
<td>X personnes</td>
<td>X personnes</td>
<td>X personnes</td>
<td>X personnes</td>
<td>X personnes</td>
<td>X personnes</td>
</tr>
<tr>
<td>Western</td>
<td>5</td>
<td>Entrée</td>
<td>6-4-2 <sup>(2)</sup></td>
<td>Ptit Dej <sup>(4)</sup></td>
<td>2</td>
<td>22h30 - 00h</td>
<td>X personnes</td>
<td>X personnes</td>
<td>X personnes</td>
<td>X personnes</td>
<td>X personnes</td>
<td>X personnes</td>
<td>X personnes</td>
</tr>
<tr>
<td>Hollywood</td>
<td>3</td>
<td>Consignes</td>
<td>2</td>
<td>Reflex <sup>(5)</sup></td>
<td>1</td>
<td>00h - 1h30</td>
<td>X personnes</td>
<td>X personnes</td>
<td>X personnes</td>
<td>X personnes</td>
<td>X personnes</td>
<td>X personnes</td>
<td>X personnes</td>
</tr>
<tr>
<td>1h30 - 3h</td>
<td>X personnes</td>
<td>X personnes</td>
<td>X personnes</td>
<td>X personnes</td>
<td>X personnes</td>
<td>X personnes</td>
<td>X personnes</td>
</tr>
<tr>
<td>3h - 4h30</td>
<td>X personnes</td>
<td>X personnes</td>
<td>X personnes</td>
<td>X personnes</td>
<td>X personnes</td>
<td>X personnes</td>
<td>X personnes</td>
</tr>
</table>
<ul class="notes">
<li><sup>(0)</sup> Heure de fermeture : 4h, Hollywood : 3h30. Fin de la vente d’alcool 3h30. Pour Hollywood : la dernière permanence prend de 1h30 à 3h30.</li>
<li><sup>(1)</sup> 4 personnes à partir de 1h30</li>
<li><sup>(2)</sup> 1 personne à partir de minuit, perm fermée à 1h30</li>
<li><sup>(3)</sup> La permanence de 1h30 dure jusqu’à 3h15, heure de fermeture du stand à la place de 3h</li>
<li><sup>(4)</sup> Perm ouverte à partir de minuit jusqu’à 4h30</li>
<li><sup>(5)</sup> Perm à avoir avec le responsable directement, expérience requise avec un réflex.</li>
</ul>
.navbar-custom {
Please register or sign in to reply
color: #FFFFFF;
background-color: #000;
width:70%;
margin-left: auto;
width:70%;
margin-left: auto;
margin-right: auto;
}
.navbar-default .navbar-nav > li > a {
.navbar-default .navbar-nav > li > a {
color: white; /*Change active text color here*/
}
}
body {
background: url(img/curtain.jpg) no-repeat center center fixed;
background: url(img/curtain.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
}
#wrapper {
min-height:100%;
position:relative;
min-height:100%;
position:relative;
}
#header {
background:#ededed;
padding:10px;
background:#ededed;
padding:10px;
}
.no-padding {
padding-right:0px;
padding-left:0px;
}
.navbar-nav{
Please register or sign in to reply
margin: 0 auto;
display: table;
table-layout: fixed;
float:none;
}
header img{
max-height: 200px;
display: block;
width: 70%;
margin-left: auto;
margin-right: auto;
max-height: 200px;
display: block;
width: 70%;
margin-left: auto;
margin-right: auto;
}
#social{
position:absolute;
top:10px;
left:15%;
width:3%;
height:3%;
position:absolute;
top:10px;
left:15%;
width:3%;
height:3%;
}
#countdown{
position:absolute;
top:10px;
right:15%;
background:#000;
color:#FFF;
font-size: 2vw;
background:#000;
color:#FFF;
font-size: 2vw;
}
#content {
background: url("img/content.jpg") center no-repeat;
background-size: cover;
margin-left: auto;
margin-right: auto;
min-height: 500px;
width: 70%;
padding-bottom:50px; /* Height of the footer element */
background: url("img/content.jpg") center no-repeat;
background-size: cover;
min-height: 500px;
}
#content img {
margin-left: auto;
margin-right: auto;
#content img {
margin-left: auto;
margin-right: auto;
}
#footer {
background:url("img/footer.jpg") ;
background-repeat:no-repeat;
background-position:center;
background-size: cover;
text-align:center;
margin-left: 15%;
margin-right: 15%;
color:white;
width:70%;
height:50px;
position:absolute;
bottom:0;
font-size: small;
.footer {
background:url("img/footer.jpg") ;
background-repeat:no-repeat;
background-position:center;
background-size: cover;
text-align:center;
color:white;
bottom:0;
font-size: small;
}
#footer a {
color: #FACC2E;
}
\ No newline at end of file
.footer a {
color: #FACC2E;
}
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment