Odkazy
- Základní pojmy CSS (odkaz na portál jakpsatweb.cz)
- http://www.cssportal.com/
- CSS triky - https://css-tricks.com
- udělejte si vlastní úpravu Bootstrapu - https://bootstrap.build/app
- tvorba šablony online - https://www.bootply.com/
- spousta užitečných nástrojů - http://angrytools.com/
Ukázka jednoduchého menu bez JavaScriptu
<style>
.menu {color: #000000; padding: 0; margin: 0; list-style-type: none; display:block}
.menu ul {margin-top: 0px; position: absolute; visibility: hidden; background-color: #A72135; margin: 0; padding: 0; list-style-type: none;}
.menu li {float: left; padding: 2px 2px 0 2px; width: 200px; white-space: nowrap;}
.menu a {padding: 2px; text-align: left; padding-left: 15px; color: #fff; background-color: rgb(141,135,81); display: block; text-decoration: none; font-weight: bold;}
.menu ul a:link {color: #fff; border-bottom: none; padding-left: 15px; _padding-left: 19px;}
.menu ul a:visited {color: #fff; border-bottom: none; padding-left: 15px; _padding-left: 19px;}
.menu ul a:hover {color: #4f4f4f; background-color: rgb(233,233,233);}
.menu li:hover ul, ul.menu li.hover ul { visibility: visible;}
.menu li li {float: none; border: none; padding: 0; margin: 0;}
</style>
<table>
<tbody>
<tr>
<td>
<ul class="menu">
<li><a href="http://moodle.oaznojmo.eu/html/">HTML</a>
<ul>
<li><a href="http://moodle.oaznojmo.eu/html/text.php">Textové značky</a></li>
<li><a href="http://moodle.oaznojmo.eu/html/seznamy.php">Seznamy</a></li>
<li><a href="http://moodle.oaznojmo.eu/html/odkazy.php">Odkazy</a></li>
</ul>
</li>
</ul>
</td>
<td>
<ul class="menu">
<li><a href="http://moodle.oaznojmo.eu/css/">CSS</a>
<ul>
<li><a href="http://moodle.oaznojmo.eu/css/border/">border</a></li>
<li><a href="http://moodle.oaznojmo.eu/css/margin/">margin</a></li>
<li><a href="http://moodle.oaznojmo.eu/css/font/">font</a></li>
<li><a href="http://moodle.oaznojmo.eu/css/color/">color</a></li>
</ul>
</li>
</ul>
</td>
<td>
<ul class="menu">
<li><a href="http://moodle.oaznojmo.eu/php/">PHP</a>
<ul>
<li><a href="http://moodle.oaznojmo.eu/php/kniha_navstev.php">Kniha návštěv</a></li>
<li><a href="http://moodle.oaznojmo.eu/php/generovani-formulare.php">Generování formuláře</a></li>
</ul>
</li>
</ul>
</td>
</tr>
</tbody>
</table>