Ja vēlaties pieslēgt šādu te lietiņu savā lapā, tad sekojiet instrukcijām! 1. Saglabājam stiky.css, sticky.js un notice.png failus savā failu menedžerī!
2. Tad pieslēgsim CSS un JS failus starp
Code
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
<script type="text/javascript" src="http://modifikators.lv/root/sticky-windows/sticky.js"></script>
<link type="text/css" rel="StyleSheet" href="http://modifikators.lv/root/sticky-windows/sticky.css" />
3. Tad izveidojam pašu logu
Code
<div id="boxes">
<!-- Piezīmju loga sākums -->
<div id="sticky" class="window">
Loga saturs būs šeit!<br>
http://modifikators.lv/
<input type="button" value="Aizvērt" class="close"/>
</div>
<!-- Piezīmju loga beigas -->
<!-- Ekrāna maska -->
<div id="mask"></div>
</div>
šī koda fragments izveido aizvēršanas pogu
Code
<input type="button" value="Aizvērt" class="close"/>
Logu var aizvērt arī klikšķinot jebkurā vietā uz ekrāna!
4. Izveidojam linku, uz kura klikšķinot atvērsies mūsu tiko stilizētais logs!
Code
<a href="#sticky" name="modal">Sticky Note</a>
DEMO
Pamācību drīkst izplatīt citur tikai ar autora atļauju!
