عدد مشاهدات الموضوع:
يسمح لك هذا الكود بكتابة رسالة ترحيبية جميلة للزائر أو على سبيل المثال تهنئة بحلول شهر رمضان أو يوم ميلاد المدونة أو أي شيء تفضلون تنبيه الزوار به، يمكنكم معاينة الإضافة من مدونة كشافة الإنترنت. هناك عنوان بإسم مرحباً ، والنافذة عائمة مهما ذهبت في الصفحة، وعلامة ( × ) لإغلاق الرسالة ، وبإمكانك بالطبع التعديل على الكود من حيث الألوان أو مضمون الرسالة ونوع الخط وغيرهم.
إليكم الكود :
قم بوضعه أخر كود في المدونة لكي يظهر بشكل آمن ولا يوجد به أية أخطاء .... قبل الوسم
</body>
<style type='text/css'>بالطبع في الإضافة خط جديد .. لإضافته بالمدونة إبحث عن الكود :
.desc {
background: rgb(138, 43, 225);
padding: 5px;
clear: both;
border-radius: 0 13 13 0;
width: 260;
direction: rtl;
font-family: DroidNaskh-Bold;
padding-bottom: 2px;
float: left;
color: #fff;
font-size: small;
}
.select {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
padding: 5px;
clear: both;
border-radius: 0 13 0 0;
width: 150;
direction: rtl;
font-size: 19;
font-family: DroidNaskh-Bold;
border-bottom: 3px solid;
float: left;
}
.select img {float: right; margin: 0 0 0 4; width: 24px; height: 24px; cursor: pointer;}
.desc img {float: right; margin: 0 0 0 4; width: 24px; height: 24px; cursor: pointer;}
.desc a {color: black; text-decoration: none; cursor: pointer;}
</style>
<div class='leftmen' style=' width: 270px; float: left; clear: both; position: fixed; '>
<div class='select'>مرحباً<img onmouseup='document.getElementById('div1').style.display='block'' src='https://lh6.googleusercontent.com/-KHuovUcXCB0/T9P30NeOhyI/AAAAAAAACbI/Yt8JvRP8s6g/s24/plus.png'/></div>
<div class='desc' id='div1'>
<img onmouseup='document.getElementById('div1').style.display='none'' src='http://www.picturesnew.com/media/images/x-picture.png'/>
مرحباً بكم في مدونتنا <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> ، يمكنكم متابعنا أول بأول عبر صفحتنا ! إضغط على <iframe allowTransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fabuiyad007&width&layout=button&action=like&show_faces=false&share=false&height=35&appId=1473709949507201' style='border:none; overflow:hidden; width: 55; height: 21;'/>
</div></div>
<b:skin><![CDATA[
ثم أضف بعدها مباشرةً هذا الكود :
إذا كانت هناك أي مشاكل بالكود أحب تشاركوني تعليقاتكم في أي وقت سأجيب عليها فوراً .@font-face {font-family: 'DroidNaskh-Bold';src: url('http://jaser.net23.net/webfont/fonts/DroidNaskh-Bold.eot');src: url('http://jaser.net23.net/webfont/fonts/DroidNaskh-Bold.eot?') format('embedded-opentype'),url('http://jaser.net23.net/webfont/fonts/DroidNaskh-Bold.woff') format('woff'),url('http://jaser.net23.net/webfont/fonts/DroidNaskh-Bold.ttf') format('truetype');}
في النهاية أحب أن أشكركم على حسن قراءتكم لموضوعي هذا على هذه المدونة الجميلة .
ملحوظة : أرجو عدم نقل التدوينة هذه إلا بكتابة اسم المصدر المأخوذ منه .. وشكراً
تحديث: لاحظت مؤخراً أن صورة علامة الـ(x) لم تعد موجود وتم مسحها من على الانترنت فقمت برفعها في استضافتي الخاصة .. يرجى تبديل رابط هذه الصورة القديمة بهذا الرابط الجديد http://ameerup.esy.es/uploads/images/x-logo.png
شكرا
ردحذفth3gifted.blogspot.com
العفو عزيزي ..
حذفشكرا جزيلا لك اخي ابو اياد
ردحذفشكرا جزيلا
حذفمشكور أخوي على هذه المعلومه
ردحذفمعك أخوك راشد
من مدونة رشيد للمعلوميات أتمنى
أنك تشرفني في مدونتي المتوضعه أنت وزاور مدونتك المتوضعين وشكرا
http://inforshaid.blogspot.com/
شكرا لك على تعليقك
حذف@mohammed rahiche
ردحذفالعفو أخي محمد وأنا تحت الامر في أي وقت
إضافة رائعة, وتترك انطباعا حسنا للزائر. شكرا أخي أمير أحمد على هذه التدوينة.
ردحذفhttp//almaarifa-tech.blogspot.com
شكراً لك Mohamed على تعليقك .. مدونتك رائعة
حذفشكرا أخي على المساعدة و المجهود الذي تبدله
ردحذفالمرجو من الزوار زيارة مدونتي : www.moutamayizoune.blogspot.com
شكرا على الاضافة كومبيوتر007
ردحذفشكرا على الاضافة كومبيوتر007
ردحذف