مهووس نتدخول

منتدى يضم عدد كبير من المواضيع في شتى المجالات


شاطر

descriptionطريقة اضافة شريط ترحيبي الى البلوجر بتفنية CSS

more_horiz

:مقدمة:
السلام عليكم
طرقة اضافة شريط ترحيبي الى البلوجر بتفنية CSS

طريقة اضافة شريط ترحيبي الى البلوج هي
طريقة جميلة جدا ولقد أظهرت على جودة وفعالية
كبيرة في دورها في حين يمكنك استعماله على سبيل
المتال بالترحيب بزوار مدونتك او استعمالعها كااشعار الخ
ولقد تلقيت طلبات كثيرة من أجل إضافة هده الاداة الجميلة
,و الان اقول لكم انه يمكنك زيادة اتقانك مجال
تطوير مدونتك والطريقة سهلة جدا فقط اتبع الخطوات اسفله .
:نركيب:


  1. ادخل الى القالب تحريرHTML



  1. فوق هذا الوسم 



  1. <b:skin/>



  1. نضع الكود التالي




  1. الكود:

    /* 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;}








  1. بعد دلك اضف الكود التالي فوق هدا الوسم



  1. <body/>




  1. الكود:

    <script type='text/javascript'> // Welcome bar var button=document.querySelector(&quot;#close_welcomejazairiweb_bar&quot;);button.addEventListener(&quot;click&quot;,function(){var t=document.querySelector(button.getAttribute(&quot;data-target&quot;));t.style.display=&quot;none&quot;==t.style.display?&quot;block&quot;:&quot;none&quot;});</script>








  1. اضف الكود التالي في المكان الدي تريد ان تضهر فيه الاضافة


الكود:

<div id='welcomejazairiweb_bar'>هدا فقط مثال من موقع جزائري ويب ,قم بتغيره <span data-target='#welcomejazairiweb_bar' id='close_welcomejazairiweb_bar'>×</span></div>



وبكدة الحمد لله تمام
:النهاية:



ربَّنَا اغْفِرْ لَنَا ذُنُوبَنَا وَإِسْرَافَنَا فِي أَمْرِنَا وَثَبِّتْ أَقْدَامَنَا وانصُرْنَا عَلَى الْقَوْمِ الْكَافِرِينَ

descriptionرد: طريقة اضافة شريط ترحيبي الى البلوجر بتفنية CSS

more_horiz
جميل شكرا..
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى