92 lines
2.3 KiB
PHP
92 lines
2.3 KiB
PHP
<header>
|
|
<!-- EOS - logo () -->
|
|
<div class="logo">
|
|
<a href="index.php">
|
|
<img alt="" src="img/EndeavourOS-logo.webp"/>
|
|
</a>
|
|
</div>
|
|
<!-- EOS - navigation -->
|
|
<nav>
|
|
<ul>
|
|
<li><a href="index.php">Domů</a></li>
|
|
<li><a href="search.php">Vyhledávání</a></li>
|
|
|
|
<li>
|
|
<a href="novinky.php"
|
|
>Novinky</a
|
|
>
|
|
</li>
|
|
<li>
|
|
<a href="wiki.php"
|
|
>Wiki</a
|
|
>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="clanky.php"
|
|
>Články</a
|
|
>
|
|
</li>
|
|
<li>
|
|
<a href="z-internetu.php"
|
|
>Z internetu</a
|
|
>
|
|
</li>
|
|
<li>
|
|
<a
|
|
href="https://forum.arch-linux.cz/"
|
|
target="_blank"
|
|
>Fórum</a
|
|
>
|
|
</li>
|
|
<li>
|
|
<a href="o-nas.php"
|
|
>O nás</a
|
|
>
|
|
</li>
|
|
<li>
|
|
<a href="rozcestnik.php"
|
|
>Rozcestník</a
|
|
>
|
|
</li>
|
|
<li>
|
|
<a href="odkazy.php"
|
|
>Odkazy</a
|
|
>
|
|
</li>
|
|
<li> <button id="shareButton">Sdílet</button>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
<div class="menu-icon">
|
|
<!-- Ikona hamburger -->
|
|
<i class="fa-solid fa-bars"></i>
|
|
<!-- Ikona cross -->
|
|
<!-- <i class="fa-solid fa-xmark"></i> -->
|
|
</div>
|
|
<!-- Unami -->
|
|
<script defer src="https://analytics.oscloud.cz/script.js" data-website-id="2ccb6c76-451a-44e2-bae5-7b8b3cab0fd4"></script>
|
|
</header>
|
|
<style>
|
|
/* Styl pro tlačítko */
|
|
#shareButton {
|
|
background-color: #c5a3e8; /* Zelená barva pozadí */
|
|
color: #734f96; /* barva textu */
|
|
border: none; /* Bez okrajů */
|
|
padding: 15px 32px; /* Vnitřní odsazení */
|
|
text-align: center; /* Vycentrování textu */
|
|
text-decoration: none; /* Bez podtržení */
|
|
display: inline-block; /* Inline-block zobrazení */
|
|
/* font-size: 16px; /* Velikost písma */ */
|
|
margin: 4px 2px; /* Vnější odsazení */
|
|
cursor: pointer; /* Kurzor ukazuje, že je to tlačítko */
|
|
border-radius: 12px; /* Zaoblené rohy */
|
|
transition: background-color 0.3s ease; /* Plynulá změna barvy pozadí */
|
|
}
|
|
|
|
/* Styl pro tlačítko při najetí myší */
|
|
#shareButton:hover {
|
|
background-color: #45a049; /* Tmavší odstín zelené při najetí myší */
|
|
}
|
|
</style>
|