Mesaj Penceresi html Koları
Mesaj Penceresi html Kodu bu kod gercekten guzel mesaj penceresi html kodu sitenizde acılan bir pencere mesaj pencere html kod| Kod: |
| <style type="text/css"> <!-- td.top { background-color: #000080; text-align: right; } td.bottom { background-color: #ffe38c; padding: 15px; } --> </style> <script type="text/javascript"> var y1 = 20; // change the # on the left to adjuct the Y co-ordinate (document.getElementById) ? dom = true : dom = false; function hideIt() { if (dom) {document.getElementById("layer1").style.visibility='hidden';} if (document.layers) {document.layers["layer1"].visibility='hide';} } function showIt() { if (dom) {document.getElementById("layer1").style.visibility='visible';} if (document.layers) {document.layers["layer1"].visibility='show';} } function placeIt() { if (dom && !document.all) {document.getElementById("layer1").style.top = window.pageYOffset + (window.innerHeight - (window.innerHeight-y1))} if (document.layers) {document.layers["layer1"].top = window.pageYOffset + (window.innerHeight - (window.innerHeight-y1))} if (document.all) {document.all["layer1"].style.top = document.body.scrollTop + (document.body.clientHeight - (document.body.clientHeight-y1));} window.setTimeout("placeIt()", 10); } window.onload=placeIt(); onResize="window.location.href = window.location.href" </script> <br /> <div style="position: absolute; left: 200px; width: 410px; height: 10px; visibility: hidden;" id="layer1"> <table cellspacing="0" cellpadding="3" border="0"> <tbody> <tr> <td class="top"><a style="text-decoration: none;" href="javascript:hideIt()"><font color="#ffffff"><b>X</b></font></a></td> </tr> <tr> <td class="bottom">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci. <br /> <br /> [<em>You can close the layer by clicking the <strong>X</strong> at the top right of this layer.</em>]</td> </tr> </tbody> </table> </div> <form> <input type="button" value="Buraya tıkladığınızda mesaj penceresi açılacaktır." onClick="showIt()" /> </form> |