بسم الله الرحمن الرحيم ,والصلاة والسلام على رسول الله محمد .
اما بعد:
المصدر : http://aplaticos.blogspot.com/
كل يوم تقريباً أقوم بتصفح مدونات لأتعلم من مدونيها الأمور التي تفيدني وتفيدكم وتفيد مدونتي وأرى الأخطاء التي وقعوا بها لأتجنبها, ومن الأخطاء التي وقع بها عدة مدونين هو مربع البحث, فهناك مدونات تستعمل مربعات بحث غير جميلة وغير متناسقة مع القالب وهذا يؤثر على إذا كان الزائر سيبقى بالمدونة لفترى أطول وإذا كان سيعاود تصفح المدونة, والآن أعطيكم 6 مربعات بحث مميزة وجميلة وبعدة ألوان لتتناسق مع القالب, والآن أترككم مع هذه المربعات وأكوادها.
ملحوظة: لتضيف الكود في مدونات بلوجر إتبع هذه الخطوات :
إضغط على تخطيط من القائمة الجانبية ثم إضغط على إضافة أداة الموجودة في المكان التي تريد أن يكون فيها ثم ضع الكود إضغط حفظ.
شكل مربع البحث الأول
#aplaticos-searchbox{background:url(https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_tegfF_58MEjuGZOF76pmeX9y6xICblakoeN-xLkX4S09IY2oS9Xnsn3AwSOXqIn1jhuvWqgBi14YMn6A=s0-d) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}aplaticos-searchbox">
شكل مربع البحث الثاني
#aplaticos-searchbox{background:url(https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_tMQ59xPobFKHUB2VDdXgzxQNi1GwhjTXHPGP8AzTBchVuJbuNyWH2YR7YfgWdKw74WX-IGq6ceseJOhg=s0-d) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}aplaticos-searchbox">
شكل مربع البحث الثالث
#aplaticos-searchbox{background:url(https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_uS9pxjUB3zNpVgoa20vQWzqlx6AWRSzP6kiOqoyywillIIsnr3FWic2MEw6uYzpRD8t11YthZzBXkxmy8=s0-d) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}aplaticos-searchbox">
شكل مربع البحث الرابع
#aplaticos-searchbox{background:url(https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_u3lU270Por7ktmIlxxUdRVr3VcYgRknRMT5bQ9I6VZVJid-o6EPsmJDd2C3e2QZIGCJbIjy94BNRCsmbY=s0-d) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}aplaticos-searchbox">
شكل مربع البحث الخامس
#aplaticos-searchbox{background:url(https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_v1D2DIRMKazo7sxsHYKWroQ_XOK37SYjMzKp-dem9TiCI9uWydgG4ZAK8f17rvhrObDw9pi3VbYMqs_mk=s0-d) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}aplaticos-searchbox">
شكل مربع البحث السادس
#aplaticos-searchbox{background:url(https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_s8IwMWbVwXLGkaTGJ4r49Zru-IJEuAeovZoG-2k-Rowvl3fi0USfNFZJ3ukKlh4UNZqDVb1jw_FnWzWq8=s0-d) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}aplaticos-searchbox">
هل أعجبك الموضوع ؟
مواضيع مشابهة :
ليست هناك تعليقات:
إرسال تعليق