إضافة نافدة إعلان تظهر بمجرد دخول الزائر لمدونتك
إضافة نافدة إعلان تظهر بمجرد دخول الزائر لمدونتك و الجميل أنها تحتوي على زر إغلاق حتى يتمكن الزائر من غلقها بعد القراءة و بهذا لن تسبب له أي إزعاج. مثل هذه النوافد تستعمل في الكثير من الأحيان في المناسبات أو للإعلان عن تحديث في المدونة أو أي شيء أخر. و ميزتها أنها تظهر أمام الزائر أي أنك لن تخشى ألا يرها زوار مدونتك.
و طريقة الإضافة سهلة للغاية ما عليك سوى نسخ الكود الموجود بالأسفل و لصقه في صندوق إضافة أداة الخاصة
ب Html/JavaScript
<style type="text/css">
#aviso{ width:500px; padding:5px; position:absolute; z-index:5000;}
.caja-aviso{ border:4px double #0080FF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 8px 8px 6px #808080; -moz-box-shadow: 8px 8px 6px #808080; box-shadow: 8px 8px 6px #808080;background-color: #F1F1F1; padding:10px; font-family: Verdana, Geneva, sans-serif; color: #0B173B; }
.letrero-aviso {font-size:18pt; font-weight:bold; color:#2F2679; text-shadow: 0px 0px 10px80BBF9;}</style>
<div id="aviso" style="left:300px; top:100px; padding:0;">
<div align="right" style="margin-bottom:-30px;"><b><a href="javascript:closeit()" ><font face="Arial" size="1">إغلاق</font> <img valign="middle" src="https://lh5.googleusercontent.com/-46DmTbFSiuQ/TliKe_XV0lI/AAAAAAAAGJ4/_H2c3HB4XoY/CloseIcon-small.png" style="vertical-align:middle;"/></a></b></div>
<br/> <fieldset class="caja-aviso">
<legend class="letrero-aviso" align="center">إعلان</legend> هنا قم بوضع الكلام أو الرسالة التي تريد إصالها لزوار مدونتك ... <br/></fieldset><script>
function closeit(){ document.getElementById("aviso").style.visibility = "hidden"; }
</script>
</div><div class="clear"/></div>
0 تعليق على موضوع : إضافة نافدة إعلان تظهر بمجرد دخول الزائر لمدونتك