مساحة إعلانية

الثلاثاء، 5 مارس، 2013

الثلاثاء، 5 مارس، 2013

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

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


طبعا مثال المعاينة وضعت به صورة وادوات لذا فهو غير منسق بالشكل المطلوب لكن فقط أردت ان اظهر به ما يمكن وضعه في الإضافة وأنت يمكنك تنسيقة بالشكل الذي تريد
وهذا كود الإضافة قم بوضعه في آداة 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  هي لون شريط الإغلاق الأحمر إستبدلهم بالوان أخرى إن أردت
ومن لديه الخبره يمكنه تعديل باقي اكواد الستايل

هناك 13 تعليقًا:

  1. شكرا أخى الكريم و جزاك الله خيرا

    ردحذف
  2. لا شكر على واجب أخي الكريم
    وجزاك الله بالمثل
    وتشرفت بمرورك الطيب

    ردحذف
  3. ما شاء الله شرح
    مفصل مجهود كبير بارك الله فيك اخيي

    ردحذف
  4. شكرا على هذة الابداعات

    ردحذف
  5. السلام عليكم
    شرح رائعةأخي الكريم
    اخي ممكن شرح تغيرر نوع الخط و حجمه
    انت دروسك أكثر وضوحا وجميلة
    بارك الله فيك

    ردحذف
  6. وعليكم السلام ورحمة الله وبركاته
    بإذن الله أخي قريباً سأعد موضوع حول الخطوط وطرق تغييرها
    والأكواد اللازمه للتحكم بمظهرها
    وفيك بارك الله
    تحياتي للجميع

    ردحذف
  7. السلام عليكم ورحمة الله وبركاته
    اخي الفاضل انا استخدم القالب Apriezt v1.0
    لماذا لم تنجح هذه اضافة معي هل اجد كود اقوم بحذفه؟
    جزاك الله خيراً

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

      حذف
  8. شكرا جزيلا لك اخي الكريم على المتابعة
    سؤال من فضلك هل هذا القالب الذي استخدمه ممتاز؟

    ردحذف
    الردود
    1. نعم القالب جيد لكن يجب ان تعرف انه مدفوع ان لم تكن قد اشترت نسخة ومدونتك اشتهرت ووصلت لترتيب متقدم قد يكون فيه خطر ان قدم صاحب القالب شكوى

      حذف
  9. بارك الله فيك و جزاك الله كل خير على التنبيه r=

    ردحذف
  10. اخى عمرو استفسار بسيط اريد النافذة ثابتة أى لاتتحرك مع الصفحة

    ردحذف
    الردود
    1. طالما تريد شئ ثابت اضف رسالتكم في اضافة بلوجر عادية في المكان الذي تريده في قالبك وليست رسالة او يمكنك استخدام نافذة جيكويري كتلك
      http://cnmu.blogspot.com/2014/12/Lightbox-Popup.html
      او يمكنك استخدام تنبيه كهذا
      http://cnmu.blogspot.com/2014/11/Alert-Message.html

      حذف

نسعد ونتشرف بتعليقاتكم
لكن هناك شروط يجب اتباعها لضمان نشر التعليقات
1ان يكون التعليق يخص محتوى الموضوع
2ان لا يحتوي التعليق اى روابط دون داعي
3إن أردت إضافة كود حوله اولا بمحول الأكواد
4أن لا يحتوي التعليق اي الفاظ او اساءات لاى احد
5أى سؤال بعيد عن محتوى الموضوع يرجى استخدام ركن الأسئلة

جميع الحقوق محفوظة لــ كن مدون 2013-2015 ©