نافذة إعلانية متعددة الإستخدامات

إضافة رائعة عبارة عن نافذة عائمة يمكن ان تستخدمها لأكثر من هدف يمكن أن تستخدمها كأداة إشتراك في المواقع الإجتماعية او تضع بها كود إعلاني او صور او كرسالة ترحيبية يمكن أن تخصصها كما تريد 

مثال للمعاينة 

طبعا مثال المعاينة وضعت به صورة وادوات لذا فهو غير منسق بالشكل المطلوب لكن فقط أردت ان اظهر به ما يمكن وضعه في الإضافة وأنت يمكنك تنسيقة بالشكل الذي تريد

وهذا كود الإضافة قم بوضعه في آداة HTML/JavaScript

<style type="text/css">
#topbar {
 left:300px;
 top:120px;
 position:absolute;
 z-index:100;
 padding: 8px;
background: #D6D6D6;background: -moz-linear-gradient(top,#F0EEEE ,#D6D6D6);background: -webkit-linear-gradient(top,#F0EEEE,#D6D6D6);
 border: 1px solid #fff;
 border-radius: 10px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 -webkit-box-shadow: #600 0 2px 15px;
 -moz-box-shadow: #600 0 2px 10px;
 margin:0 auto 10px;
 color:#000000;
 font-size: 12px;
 text-shadow:0 1px 0 #FFFFFF;
}
#topbar img {
 border:none;
}
#topbar .tombol {
 margin:0;
 padding-bottom:5px;
 text-align:right;
}
#topbar .tombol button {
 color:#FFFFFF;
 border: solid 1px #494949;
 margin:0;
 padding:4px;
 width:320px;
 text-align:center;
 cursor: pointer;
 text-shadow: 0 1px 1px rgba(0,0,0,.6);
background: #C60000;background: -moz-linear-gradient(top,#FC0000 ,#C60000);background: -webkit-linear-gradient(top,#FC0000,#C60000);
}
#topbar .isi_iklan {
 background-color:#FFFFFF;
 margin:0;
 padding:4px;
 width: 310px;
 border: 1px solid #999;
}
</style>
<script src="https://cnmu.googlecode.com/svn/trunk/cnmupopup.js" type="text/javascript"></script>
<script type="text/javascript">
var persistclose=1
var startX = 300
var startY = 120
var verticalpos="fromtop"
</script>
<div id="topbar">
<div class="tombol"><a href="" onclick="closebar(); return false" style="text-decoration: none;"><button>X إغلاق X</button></a></div>
<div class="isi_iklan">

<center><a href="fburl"target="_blank"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisn7V1K61Dw6SGQekIR9_3qxTB5caVKBKhYscHCcLEs9jdRWNd2lMrFbJhmSjsouE_IrCovRS5TuVmnuGN-QAN56lHYfx0OTT-6Z5Po7FsOYqpcSWjFT4trcYty9Wz0f7D34ALtdFMIvI/s1600/3884.imgcache.png" /> </a></center>
<right>
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="fburl" width="220" show_faces="false" stream="false" header="true"></fb:like-box>
</right>
</div>
</div>

وهذا توضيح لبعض الأكواد 

بين الكودين الموجودين باللون الأخضر يمكنك أن تضع ما تريد من أكواد لعرضها سواء صور او إعلانات  أو ادوات

وأنا وضعت بها إضافة الإشتراك بصفحة الفيس بوك لكي يستفيد من الآداة من لا يجيد التنسيق او الإضافة

قم بإستبدال fburl برابط صفحتك على الفيس بوك

الرقم 300 هو بعد النافذة من يسار الشاشة والرقم متكرر مرتين ويجب تغيره في المرتين

الرقم 120 هو إبتعاد النافذة من الأعلى وهو أيضا مكرر مرتين

أما هذه الألوان top,#C60000 ,#FC0000  هي لون شريط الإغلاق الأحمر إستبدلهم بالوان أخرى إن أردت

ومن لديه الخبره يمكنه تعديل باقي اكواد الستايل

منشورة في: *, blogger widget, إضافات بلوجر