اضافة شريط ترحيبي بتقنية css الي بلوجر
مساء الخيرعليكم حلقة جديدة من مدونة ابراهيم للمعلومات سوف نتطرق الي طريقة لم تنشرها اي مدونة اخري غير مدونة ابراهيم للمعلومات وهي اضافة شريط ترحيبي بتقنية css ويوضع في اي مكان تريده في التخطيط
- عليك الذهاب الي قالب ثم تحرير html
- نقوم بالبحث علي <b:skin/> نضع الكود فوقها
/* CSS welcome Bar */ #welcomejazairiweb_bar{width:auto;height:auto;display:block;text-align:center;line-height:1.6em;padding:8px 20px;background:#FF0000;color:#fff;position:relative;margin:0 auto 10px 0;font-weight:normal;border-radius:2px;margin-top: 10px;} #welcomejazairiweb_bar a{background:#fff;color:#3498db;padding:2px 6px;border-radius:4px;margin-left:5px} #close_welcomejazairiweb_bar {background:#34495E;border-left: double;display:inline-block;cursor:pointer;padding:8px 15px;position:absolute;top:0px;right:0;font-weight:bold;font-size:25px;border-radius:0 3px 3px 0;}
- بعدها نبحث عن <body/> وضع الكود فوقة
<script type='text/javascript'> // Welcome bar var button=document.querySelector("#close_welcomejazairiweb_bar");button.addEventListener("click",function(){var t=document.querySelector(button.getAttribute("data-target"));t.style.display="none"==t.style.display?"block":"none"});</script>
- اضف الكود التالي في المكان الذي تريد ان يظهر فيها ومن الافضل ان تضعها فوق رسائل المدون
<div id='welcomejazairiweb_bar'>ضع العبارة الذي تريد ان تظهر <span data-target='#welcomejazairiweb_bar' id='close_welcomejazairiweb_bar'>×</span></div>ملحوظة هامة
لتغير طول الصورة :في الكود الاول يوجد كود باللون "الاحمر"
غيره باي قياس يناسبك
مثل: width:999px
حمزة محمد
حمزة محمد : من
دولة مصر ام الدينا, اهتمامي وحبي لتدوين هو ما جعلني أستمر ليس فقط لتقديم المواضيع بل أيضا لمساعدة الأشخاص المبتدئين ، كما كنت سابقا إلا أني لم أجد من يساعدني ! مع ذلك كافحة وواضبة على ما أحبه من عمل لأصل إلى ما أريده ، ليس كمستقبل لكن كهدف حققته ,لدي إهتمامات اخرى منها تعليم لغات البرمجة ، ألعاب الفيديو ، والتصميم بحد ذاته ومدونة تجيك تكنولوجي تعبر عما أهواه .
ردحذفmmmmm