 |
|
|
|
|
|
|||||||
 |
|
|
|
|
أدوات الموضوع | انواع عرض الموضوع |
08-01-2012, 06:24 PM
|
#1 |
|
مدون مميز
 
تاريخ التسجيل: Apr 2012
المشاركات: 441
 |
اضافه شريط عائم فوق رأس المدونة بشكل رائع
بسم الله الرحمن الرحيم اشافه شريط عائم فوق رأس المدونة بشكل رائع  معاينه الاضافه قم بتحرير القالب الخاص بك مع اخد نسخه احتياطيه.. قم بالبحث عن كود بلغة HTML:
<body>
كود بلغة HTML:
<!-- Notification code start --> <style type='text/css'> #ut-sticky { background: #7d7e7d; /* Old browsers */ background: -moz-linear-gradient(top, #7d7e7d 6%, #7d7e7d 9%, #0e0e0e 99%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(6%,#7d7e7d), color-stop(9%,#7d7e7d), color-stop(99%,#0e0e0e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #7d7e7d 6%,#7d7e7d 9%,#0e0e0e 99%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #7d7e7d 6%,#7d7e7d 9%,#0e0e0e 99%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #7d7e7d 6%,#7d7e7d 9%,#0e0e0e 99%); /* IE10+ */ background: linear-gradient(top, #7d7e7d 6%,#7d7e7d 9%,#0e0e0e 99%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */ border-bottom:2px solid #999; color:#fff; text-align: center; margin:-12px auto; padding-bottom:1px; border-top: 1px solid #333; height:38px; font-size:13px; position:fixed; vertical-align: baseline; overflow:hidden; z-index:999; width:100%; border-bottom-left-radius:6px; border-bottom-right-radius:6px; display:block; font-weight: bold; font-family: arial,"Helvetica"; font-color:#fff; -moz-box-shadow: 0 2px 4px hsla(0,0%,0%,.35); -webkit-box-shadow: 0 2px 4px hsla(0,0%,0%,.35); } #ut-sticky:hover { background-color:#333;background-image:-moz-linear-gradient(top,#555555,#434343);background-image:-ms-linear-gradient(top,#555555,#434343);background-image:-webkit-gradient(linear,0 0,0 100%,from(#555555),to(#434343));background-image:-webkit-linear-gradient(top,#555555,#434343);background-image:-o-linear-gradient(top,#555555,#434343);background-image:linear-gradient(top,#555555,#434343);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555',endColorstr='#434343',GradientType=0) -webkit-transition:all 1.3s ease-in-out;-moz-transition:all 1.3s ease-in-out;-o-transition-duration:all 1.3s ease-in-out;transition:all 1.3s ease-in-out; -moz-box-shadow: 0 2px 4px hsla(0,0%,0%,.35); -webkit-box-shadow: 0 2px 4px hsla(0,0%,0%,.35); } #ut-button {background:#fff; padding:4px; color:black;text-shadow:0 -1px 0 rgba(255,255,255,0.25);background-color:white} #ut-sticky p{line-height:5px; font-size:13px; text-align:center; width:95%; float:left;} #ut-sticky p a{ text-decoration:underline; padding:4px; color:#FFFF33;} .ut-cross{display:block; position:relative; right:15px; top:4px;float:right;} .ut-cross a{font-size:18px; font-weight:bold; font-family:"Arial"; color:#FF0000; line-height:30px;} .ut-cross, a:hover{color:#DDD; text-decoration:none;} </style> <div id='ut-sticky'> <p style='padding-top:17px;'>كتابة ما تريد هنا <a class='ut-button' href='http://arabianblog.blogspot.com/' target='_blank'>Click Here!</a></p> <div class='ut-cross'><a href='javascript:hide_cross();'>X</a></div> </div> <script language='JavaScript'> function hide_cross() { crosstbox = document.getElementById("ut-sticky"); crosstbox.style.visibility = 'hidden'; } </script> <br/><br/> <br/><br/> <!-- End of Notification code, info - http://www.allbloggingtips.com --> ثم قم بتغيير الرابط برابط مدونتك والاعلان التى تريدة
__________________
|
|
|
|
|
08-01-2012, 06:53 PM
|
#2 |
|
مدير عام
تاريخ التسجيل: Apr 2012
الدولة: جده
المشاركات: 2,846
|
رد: اضافه شريط عائم فوق رأس المدونة بشكل رائع
__________________
|
|
|
|
|
08-02-2012, 02:28 AM
|
#3 | |
|
مدون مميز
تاريخ التسجيل: Apr 2012
المشاركات: 441
|
رد: اضافه شريط عائم فوق رأس المدونة بشكل رائع
اقتباس:
__________________
|
|
|
|
|
|
08-02-2012, 02:43 PM
|
#4 |
|
مدون مميز
تاريخ التسجيل: May 2012
المشاركات: 320
|
رد: اضافه شريط عائم فوق رأس المدونة بشكل رائع
__________________
|
|
|
|
|
08-04-2012, 09:27 AM
|
#5 |
|
مدون مميز
تاريخ التسجيل: Apr 2012
المشاركات: 441
|
رد: اضافه شريط عائم فوق رأس المدونة بشكل رائع
__________________
|
|
|
|
|
| مواقع النشر (المفضلة) |
| الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1) | |
| أدوات الموضوع | |
| انواع عرض الموضوع | |
|
|
المواضيع المتشابهه
|
||||
| الموضوع | كاتب الموضوع | المنتدى | مشاركات | آخر مشاركة |
| اضافة خلفيه لــ تعليق المدونة بشكل رائع جدا | مى محمد | إضافات وأدوات بلوجر | 0 | 03-23-2013 05:57 PM |
| اضافة المواضيع العشوائيه بشكل رائع new | MoSHkla1 | إضافات وأدوات بلوجر | 5 | 09-10-2012 07:59 AM |
| طلب اضافه التسميات بشكل جميل | REDA | طلبات الدعم الفني | 8 | 08-13-2012 01:26 AM |
| شرح إضافة شريط آخر مواضيع المدونة بشكل متحرك | admin | إضافات وأدوات بلوجر | 15 | 07-25-2012 10:04 PM |
| إضافة القائمة البريدية بشكل رائع | ال شاوي ياس | إضافات وأدوات بلوجر | 9 | 07-16-2012 12:02 AM |
|
الساعة الآن 02:56 PM - بتوقيت جرينتش
المعهد غير مسؤول عن أي اتفاق تجاري أو
تعاوني بين الأعضاء فعلى كل شخص تحمل مسؤولية نفسه تجاه ما يقوم به من بيع وشراء وإتفاق وإعطاء معلومات مدونته التعليقات المنشورة لا تعبر عن رأي معهد خبراء البلوجر ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر) |
العرض العادي
