[HTML] pobierz, plaintext 
 
<!-- Menu okrągłe w HTML i CSS-->
 
<a class="button_menu_cirle" href="eduk_mp78stw.php">Edukacja</a>
<ul class="menu_cirle_osiagniecia">
  <li class="item_okr"><a href="artyk_mp78stw.php">Moje artykuły</a></li>
  <li class="item_okr"><a href="odz_pttk_mp78stw.php">Odznaki P.T.T.K.</a></li>
  <li class="item_okr"><a href="odz_pck_mp78stw.php">Odznaki P.C.K.</a></li>
  <li class="item_okr"><a href="kor_gor_mp78stw.php">Korony gór</a></li>
  <li class="item_okr"><a href="inne_info_mp78stw.php">Inne</a></li>
  <li class="item_okr"><a href="szkolenia_mp78stw.php">Uczestnik szkoleń/webinarów</a></li>
  <li class="item_okr"><a href="zro_konnkur_mp78stw.php">Zorganizowane konkursy</a></li>
  <li class="item_okr"><a href="szkol_trener_mp78stw.php">Moje szkolenia jako trener</a></li>
</ul>
 
 
[HTML] pobierz, plaintext 

[CSS] pobierz, plaintext 
 
/*Menu okrągłe w osiągnięciach*/
 
 
.menu_cirle_osiagniecia {
  position: absolute;
  top: 50%;
  left: 50%;
  font: 1.5em/1.13 Verdana, sans-serif;
  transition: .5s;
}
 
.menu_cirle_osiagniecia a {
  display: block;
  opacity: .56;
  background: #c9c9c9;
  color: #7a8092;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 -1px #666;
}
 
 
 
 
 
/*Aby ujednolicić sposób wyświetlania elementów HTML5 w starszych przeglądarkach*/
 
article, aside, details, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block;
}
 
audio, canvas, embed, keygen, meter, progress, video {
    display: inline-block;
}
 
[hidden] {
    display: none;
 
 
[CSS] pobierz, plaintext