Need a unique gift idea?
A Pastebin account makes a great Christmas gift
SHARE
TWEET

Header

a guest Oct 12th, 2018 59 Never
Upgrade to PRO!
ENDING IN00days00hours00mins00secs
 
  1. <header class="topnav">
  2.         <nav class="salutnav">
  3.             <ul id="h_nav">
  4.                 <li class="menu_bar"><a href="../index.html" id="a_home">Home</a></li>
  5.                 <li class="menu_bar"><a href="../histoire.html" id="a_hist">Histoire</a></li>
  6.                 <li class="dropdown"><a href="" class="dropbtn">Personnage</a>
  7.                     <div class="dropdown-content">
  8.                         <a href="anduin.html" class="dropdown-item">Anduin</a>
  9.                         <a href="jaina.html" class="dropdown-item">Jaina</a>
  10.                         <a href="sylvanas.html" class="dropdown-item">Sylvanas</a>
  11.                         <a href="talanji.html" class="dropdown-item">Princess Talanji</a>
  12.                         <a href="magni_aze.html" class="dropdown-item">Magni &amp; Azeroth</a>
  13.                     </div>
  14.                 </li>
  15.                 <li class="menu_bar"><a href="../map.html" id="a_icone_map"><img src="../images/icon_map_wow.png" id="img_icone_map" alt="Onglet de la map de world of warcraft"></a></li>
  16.             </ul>
  17.         </nav>
  18.     </header>
  19.    
  20.     <div class="div-footer">
  21.         <div class="btn-up">
  22.             <a href="#" id="a-btn-up">Retourner en haut de la page</a>
  23.         </div>
  24.         <div id="contact">
  25.             <h3>Nous contacter :</h3>
  26.             <p>siteprojet2200@gmail.com</p>
  27.         </div>
  28.         <div id="support">
  29.             <h3>Besoin d'aide ?</h3>
  30.             <p id="p-mail">Contactez notre support <br />
  31.             Voici le formulaire à remplir : <a href="support.html" id="a-support">support</a></p>
  32.         </div>
  33.         <div id="reseaux">
  34.             <h3>Nos réseaux sociaux :</h3>
  35.             <img src="images/logo-twitter.png" alt="Logo de twitter" id="logo-twitter">
  36.             <img src="images/facebook-logo.png" alt="Logo facebook" id="facebook-logo">
  37.             <img src="images/instagram-logo.png" alt="Logo instagram" id="instagram-logo">
  38.         </div>
  39.     </div>
  40.  
  41. -----------------------------------------------------------------------------------------------------------------------------------
  42.  
  43. /* Css du header */
  44. header{
  45.     font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif" ;
  46.     position: fixed;
  47.     top:0;
  48.     right:0;
  49.     left:0;
  50.     width:100%;
  51.     background-color:#21253C;
  52.     box-shadow: 4px 0px 20px 0px black;
  53. }
  54.  
  55. /* Css de la nav */
  56.  
  57. .salutnav{
  58.     margin-left:38%;
  59.     margin-right:35%;
  60. }
  61.  
  62. /* Css de la menu-bar */
  63.  
  64. #h_nav{
  65.     list-style-type:none;
  66.     margin:0;
  67.     padding:0;
  68.     overflow:hidden;
  69.    
  70.    
  71. }
  72.  
  73. .menu_bar, .dropdown{
  74.     float:left;
  75. }
  76.  
  77. .menu_bar a, .dropdown a{
  78.     font-size:20px;
  79.     display:block;
  80.     color:white;
  81.     text-align:center;
  82.     padding:14px 16px;
  83.     text-decoration: none;
  84. }
  85.  
  86. .menu_bar a:hover, .dropbtn:hover{
  87.     background-color: #FFFFFF;
  88.     color:black;
  89. }
  90.  
  91. /* Css du dropdown */
  92.  
  93. .dropdown-item{
  94.     background-color:#EAEAEA;
  95.     color: black;
  96.     padding: 10px 12px;
  97.     text-decoration: none;
  98.     display: block;
  99.     text-align:left;
  100. }
  101.  
  102. .dropdown-content {
  103.     display: none;
  104.     position: absolute;
  105.     min-width: 160px;
  106.     box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.2);
  107.     z-index: 1;
  108. }
  109.  
  110.  
  111. .dropdown-content a{
  112.     text-align:left;
  113.     color:black;
  114.     font-size:15px;
  115. }
  116.  
  117. .dropdown:hover .dropdown-content{
  118.     display:block;
  119. }
  120. .dropdown-item:hover{
  121.     background-color:#717171;
  122.     color:white;
  123. }
  124.  
  125. /* Css du bouton de la map */
  126. #img_icone_map {
  127.     width:26px;
  128.     height:26px;
  129.  
  130.    
  131. }
  132.  
  133. #a_icone_map{
  134.     width:26px;
  135.     height:26px;
  136. }
  137.  
  138. /* Le main */
  139.  
  140.  
  141.  
  142. /* Footer */
  143.  
  144. .div-footer{
  145.     display:none;
  146.     height:200px;
  147.     background-color:#21253C;
  148.     color:white;
  149.     clear:left;
  150.     position:relative;
  151.     bottom:-10px;
  152.     left:-10px;
  153.     width: 101.2%;
  154.     box-shadow:0px -4px 20px 0px rgb(175,175,175);
  155.     font-family: cantarell;
  156.     font-size:17px;
  157. }
  158. .div-footer p{
  159.     text-align :center;
  160.     width:100%;
  161. }
  162.  
  163. #contact{
  164.     padding-top:1%;
  165.     float:left;
  166.     width:33%;
  167.     text-align: center;
  168. }
  169.  
  170. #support{
  171.     padding-top:1%;
  172.     float:left;
  173.     width:34%;
  174.     text-align: center;
  175. }
  176. #p-mail{
  177.     text-align: left;
  178.     margin-left:33%;
  179. }
  180.  
  181. #a-support{
  182.     text-decoration:none;
  183.     color:white;
  184.     font-weight:bold;
  185. }
  186.  
  187. #a-support:hover{
  188.     color:#E0E0E0;
  189. }
  190. .btn-up{
  191.     background-color:#2E3556;
  192.     text-align: center;
  193.     height:50px;
  194. }
  195.  
  196.  
  197. #a-btn-up{
  198.     font-weight: bold;
  199.     text-decoration: none;
  200.     color:white;
  201.     padding: 15px 43%;
  202.     display:block;
  203.    
  204. }
  205.  
  206. #a-btn-up:hover{
  207.     background-color: #333B60;
  208.    
  209. }
  210.  
  211. #reseaux{
  212.     float:left;
  213.     padding-top:1%;
  214.     width:33%;
  215.     text-align: center;
  216. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top