مستر ابوعلى مستر ابوعلى
recent

آخر الأخبار

recent
random
جاري التحميل ...

  1. سلام عليكم شكرا إظافة رائعة مشكل حاولة تغير لون البحث في css و لم أستطع شكرا

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

    شركة كشف تسربات المياه بالخبر


    شركة كشف تسربات المياه بالجبيل

    شركة عزل فوم بالرياض

    شركه عزل فوم بالدمام

    ردحذف

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

بسم الله الرحمن الرحيم 
درس اليوم حول
شرح كيفية إضافة مربع البحث بشكل جميل واحترافى لمدونة بلوجر


طبعاً الأضافه مهمه لجميع المدونيين للتسهيل على الزوار الوصول الى ما يريدون .

الطريقه بسيطه وسهله اتبع التالى.

1- الدخول إلى لوحة التحكم الخاصة بمدونتك
2- الذهاب تخطيط
3-الضغط على اضافه اداه
4- اختيار اداه  HTML/Javascript 
5- وضع الكود التالى والضغط على حفظ

وممكن لك التعديل على لون مربع البحث حسب ما تحب

الكود

<div id='search-wrapper'>
<style type='text/css'> .form-wrapper { width: 290px; padding: 5px; margin: 10px auto; overflow: hidden; border-width: 1px; border-style: solid; border-color: #dedede #bababa #aaa #bababa; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #f6f6f6; } .form-wrapper #search { width: 210px; height: 12px; padding: 10px 5px; float: right; font: bold 18px 'Arial', 'trebuchet MS', 'Tahoma'; border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .form-wrapper #search:focus { outline: 0; border-color: #aaa; } .form-wrapper #search::-webkit-input-placeholder { color: #999; font-weight: normal; } .form-wrapper #search:-moz-placeholder { color: #999; font-weight: normal; } .form-wrapper #search:-ms-input-placeholder { color: #999; font-weight: normal; } .thumb{position:relative;left:4px;top:1px;} .form-wrapper #submit { float: left; border: 1px solid #00748f; height: 32px; width: 60px; padding: 0; cursor: pointer; font: bold 15px Arial, Helvetica; color: #fafafa; text-transform: uppercase; background-color: #0483a0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .form-wrapper #submit:hover, .form-wrapper #submit:focus { background-color: #91bc1e; } .form-wrapper #submit:active { outline: 0; } .form-wrapper #submit::-moz-focus-inner { border: 0; } </style> <div class='rss'>
 <form action='/search' class='form-wrapper' method='get'>
 <input id='search' name='q' placeholder='' type='text'/> <input id='submit' type='submit' value='بحث'/> </form>
</div>

عن الكاتب

مستر ابوعلى Mr Abu Ali

اتصل بنا

إذا أعجبك محتوى مدونتنا نتمنى البقاء على تواصل دائم ، فقط قم بإدخال بريدك الإلكتروني للإشتراك في بريد المدونة السريع ليصلك جديد المدونة أولاً بأول ، كما يمكنك إرسال رساله بالضغط على الزر المجاور ...

من نحن

مدونة مستر ابوعلى : مدونة تقنية تحتوى على مجموعة دروس ودورات فى مجالات تقنية مختلفة مثل دروس انظمة التشغيل والبرامج والالعاب وبلوجر وفوتوشوب وتطبيقات اندوريد والربح من الانترنت وغيره من الشروحات المميزة تاست مدونة مستر ابوعلى عام 2013 وبفضل الله نالت اعجاب الكثير مؤسس المدونة مستر ابوعلى مدون مصرى وشرف لى ان تكون متابع لن

صور [flickr]

139278178@N07

إحصاءات المدونة

جميع الحقوق محفوظة

مستر ابوعلى