2. Mesaj Box

Vezi subiectul anterior Vezi subiectul urmator In jos

2. Mesaj Box

Mesaj Scris de SSYT la data de 10/12/12, 07:08 am

JavaScript / jQueryD World Oficial #2 Tutorial
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 © D World. 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.

avatar
SSYT
Tehnician
Tehnician

Mesaje : 401 Puncte : 667
Location : index_body.html

Activitate
Activitate Forum:
50/200  (50/200)

Vezi profilul utilizatorului http://dworld.forumz.ro
Loading...

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus


 
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum