This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revisionNext revision | Previous revision | ||
foundation [2014/10/14 10:03] – admin | foundation [2021/12/06 22:55] (current) – removed admin | ||
---|---|---|---|
Line 1: | Line 1: | ||
- | ====== Foundation ====== | ||
- | ===== Reveal Lightbox ===== | ||
- | |||
- | **Description** | ||
- | |||
- | Turn each a.lightbox into a Lightbox on click. | ||
- | |||
- | |||
- | **Code** | ||
- | |||
- | **HTML:** | ||
- | |||
- | <code html> | ||
- | <a href=" | ||
- | <img src=" | ||
- | </a> | ||
- | </ | ||
- | |||
- | **JS:** | ||
- | <code javascript> | ||
- | $(' | ||
- | event.preventDefault(); | ||
- | var div = '< | ||
- | $(div).appendTo(' | ||
- | var url = $(this).attr(' | ||
- | $.ajax({ | ||
- | url: url, | ||
- | cache: true, | ||
- | processData: | ||
- | }).always(function() { | ||
- | $("# | ||
- | $("# | ||
- | }); | ||
- | }); | ||
- | |||
- | </ | ||
- | |||
- | ===== Center Top-Bar Navi ===== | ||
- | |||
- | Simpley wrap <div class=" | ||
- | |||
- | |||
- | <code html> | ||
- | <div class=" | ||
- | <nav class=" | ||
- | <nav class=" | ||
- | <!-- TITLE --> | ||
- | <ul class=" | ||
- | <li class=" | ||
- | < | ||
- | <div id=" | ||
- | < | ||
- | </ | ||
- | </li> | ||
- | <li class=" | ||
- | </ul> | ||
- | <!-- MENU --> | ||
- | <section class=" | ||
- | <div> | ||
- | <ul class=" | ||
- | <li class=" | ||
- | <li class=" | ||
- | <a href="/ | ||
- | |||
- | <ul class=" | ||
- | <li class=" | ||
- | |||
- | <li class=" | ||
- | </ul> | ||
- | </li> | ||
- | <li class=" | ||
- | <li class=" | ||
- | </ul> | ||
- | </ | ||
- | </ | ||
- | </ | ||
- | </ | ||
- | </ | ||
- | </ |