
إضافة رائعة عبارة عن نافذة عائمة يمكن ان تستخدمها لأكثر من هدف يمكن أن تستخدمها كأداة إشتراك في المواقع الإجتماعية او تضع بها كود إعلاني او صور او كرسالة ترحيبية يمكن أن تخصصها كما تريد
طبعا مثال المعاينة وضعت به صورة وادوات لذا فهو غير منسق بالشكل المطلوب لكن فقط أردت ان اظهر به ما يمكن وضعه في الإضافة وأنت يمكنك تنسيقة بالشكل الذي تريد
وهذا كود الإضافة قم بوضعه في آداة 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="http://1.bp.blogspot.com/-o7t1mHO27DI/TvZIwcGTcdI/AAAAAAAAEDk/Epp2NJMJ4vk/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 هي لون شريط الإغلاق الأحمر إستبدلهم بالوان أخرى إن أردت
ومن لديه الخبره يمكنه تعديل باقي اكواد الستايل
شكرا أخى الكريم و جزاك الله خيرا
ردحذفلا شكر على واجب أخي الكريم
ردحذفوجزاك الله بالمثل
وتشرفت بمرورك الطيب
ما شاء الله شرح
ردحذفمفصل مجهود كبير بارك الله فيك اخيي
شكرا على هذة الابداعات
ردحذفالسلام عليكم
ردحذفشرح رائعةأخي الكريم
اخي ممكن شرح تغيرر نوع الخط و حجمه
انت دروسك أكثر وضوحا وجميلة
بارك الله فيك
وعليكم السلام ورحمة الله وبركاته
ردحذفبإذن الله أخي قريباً سأعد موضوع حول الخطوط وطرق تغييرها
والأكواد اللازمه للتحكم بمظهرها
وفيك بارك الله
تحياتي للجميع
السلام عليكم ورحمة الله وبركاته
ردحذفاخي الفاضل انا استخدم القالب Apriezt v1.0
لماذا لم تنجح هذه اضافة معي هل اجد كود اقوم بحذفه؟
جزاك الله خيراً
وعليكم السلام ورحمة الله وبركاته
حذفالقالب الذي تستخدمه يعتمد بشكل كبير على أكواد الجافا بالتالي قد يتعارض مع كثير من الادوات
وللأسف يصعب تحديد المشكلة حتى لو بسيطة لنها قد تحتاج لمراجعة جميع الاكواد
شكرا جزيلا لك اخي الكريم على المتابعة
ردحذفسؤال من فضلك هل هذا القالب الذي استخدمه ممتاز؟
نعم القالب جيد لكن يجب ان تعرف انه مدفوع ان لم تكن قد اشترت نسخة ومدونتك اشتهرت ووصلت لترتيب متقدم قد يكون فيه خطر ان قدم صاحب القالب شكوى
حذفبارك الله فيك و جزاك الله كل خير على التنبيه r=
ردحذفاخى عمرو استفسار بسيط اريد النافذة ثابتة أى لاتتحرك مع الصفحة
ردحذفطالما تريد شئ ثابت اضف رسالتكم في اضافة بلوجر عادية في المكان الذي تريده في قالبك وليست رسالة او يمكنك استخدام نافذة جيكويري كتلك
حذفhttp://cnmu.blogspot.com/2014/12/Lightbox-Popup.html
او يمكنك استخدام تنبيه كهذا
http://cnmu.blogspot.com/2014/11/Alert-Message.html