2. Mesaj Box

Scris de **StaarK* For EvEr** 23/2/2013, 7:39 am

2. Mesaj Box

(All version)

Salut, mam gandit sa creez un "Mesaj Box" simplu si dragut.
Codul Javascript

Cod:: <div class="dw-box"><span id="x" onclick="javascript:hideX();" style="float: right;background: #D61313;padding: 3px;margin: -8px;color: whitesmoke;border-radius: 2px;">X</span> Salut, Nu ai auzit de D World ? <br />Sa iti spun eu, e un forum de teme pentru platforma ForumGratuit, are si tutoriale JavaScript. nu uita sa vizitezi D World [ <a href="http://dworld.forumz.ro">www.dworld.forumz.ro</a> ]</div> <script type="text/javascript">jQuery(function(e) { jQuery('.dw-box').prependTo('#main'); }); jQuery(function(e) { jQuery('#x').click(function(e) { jQuery('.dw-box').hide(300); }); }); </script>

Mesajul din interior poate fi schimbat.
Codul CSS

Cod:: .dw-box { position: fixed; width: 400px; height: auto; padding: 10px; background: white; border: 1px solid #CCC; left: 35%; top: auto; box-shadow: 0px 0px 0px 8px rgba(0, 0, 0, 0.53); font-size: 13px; font-weight: 800; border-radius: 2px; }

Demo:

Asta a fost tot.

Copyright © Extream-Suport. All right resrved. Nici o parte a acestui tutorial nu poate fi reprodusa, transmisa sau stocata in orice forma fara acordul scris al detinatorului dreptului de autor, in conformitate cu articolul L122-1 apartinand ICC.