رئيسية المعهد
رئيسية المعهد  تواصل معنا  حقوق الملكية الفكرية  اربط مدونتك بنا  محول أكواد أدسنس

 

معرض قوالب معهد خبراء بلوجر - دليل مدونات بلوجر - موقع نشر بلوجر - اضافات بلوجر




العودة   معهد خبراء بلوجر > القسم العام > مقتطفات تدوينية


إضافة رد
نسخ الرابط
نسخ للمنتديات
 
أدوات الموضوع انواع عرض الموضوع
قديم 12-20-2013, 08:28 AM   #1
AvTaR
مدون مميز
 
الصورة الرمزية AvTaR
 
تاريخ التسجيل: Dec 2012
المشاركات: 330
افتراضي مربع بحث انيق وجذاب يصلح لكل مدونة css

أنا : AvTaR




مربع بحث انيق وجذاب يصلح لكل مدونة css


الكاتب : yalla nsaytar

الاثنين، 16 ديسمبر، 2013 | 9:22 م




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


معاينة
طريقة التركيب

نذهب الى لوحة تحكم المدونة ← التخطيط ← اضافة اداة جديدة HTML/JavaScript
ونضع هذا الكود
<form id="abt-css3-search" action="/search" method="get">
<input id="search" name="q" type="text" placeholder="اكتب ماتريد البحث عنو" />
<input id="submit" type="submit" value="Search" />
</form>
<style>
#abt-css3-search{background:#5cd1ff;background-image:0;-moz-border-radius:35px;border-radius:35px;width:270px;height:35px;overflow:hidde n;border-color:#c4d9df #a4c3ca #83afb7;border-style:solid;border-width:1px;padding:10px}
#search,#submit{float:left}
#search{height:23px;width:180px;border:1px solid #a4c3ca;font:normal 13px 'trebuchet MS', arial, helvetica;background:#f1f1f1;-moz-border-radius:50px 3px 3px 50px;border-radius:50px 3px 3px 50px;-moz-box-shadow:0 1px 3px rgba(0,0,0,0.25) inset, 0 1px 0 rgba(255,255,255,1);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.25) inset, 0 1px 0 rgba(255,255,255,1);box-shadow:0 1px 3px rgba(0,0,0,0.25) inset, 0 1px 0 rgba(255,255,255,1);padding:5px 9px}
#submit{background:#ff5c80;background-image:0;-moz-border-radius:3px 50px 50px 3px;border-radius:3px 50px 50px 3px;-moz-box-shadow:0 0 1px rgba(0,0,0,0.3), 0 1px 0 rgba(255,255,255,0.3) inset;-webkit-box-shadow:0 0 1px rgba(0,0,0,0.3), 0 1px 0 rgba(255,255,255,0.3) inset;box-shadow:0 0 1px rgba(0,0,0,0.3), 0 1px 0 rgba(255,255,255,0.3) inset;height:35px;width:60px;cursor:pointer;font:b old 14px Arial, Helvetica;color:#23441e;border-color:#7eba7c #578e57 #447d43;border-style:solid;border-width:1px;margin:0 0 0 10px;padding:0}
#submit:hover{background:#ffdc5c;background-image:0}
#submit:active{background:#95d788;outline:none;-moz-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;box-shadow:0 1px 4px rgba(0,0,0,0.5) inset}
#submit::-moz-focus-inner{border:none}
#search.placeholder{color:#9c9c9c!important;font-style:italic}
#search:focus{background:#fff;outline:none;border-color:#8badb4}
#search::-webkit-input-placeholder,#search:-moz-placeholder{color:#9c9c9c;font-style:italic}
</style>
لا تتردد فى الاستفسار عن اى شى

المصدر :
مربع بحث انيق وجذاب يصلح لكل مدونة css



الدعم العربي

AvTaR غير متواجد حالياً   رد مع اقتباس

مركز رفع موسوعة العربية
إضافة رد

مواقع النشر (المفضلة)

الكلمات الدلالية (Tags)
مدونة, مربع, انيق, يصلح, وجذاب


الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)
 
أدوات الموضوع
انواع عرض الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة

الانتقال السريع

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
قالب انيق للمدونات التقنية من مدونة رياض المعرفة mustapha0123 قوالب بلوجر عربية ومعربة 0 09-21-2013 04:11 PM
تغيير شكل التعليقات إلى شكل أخر جميل وجذاب saheralialy إضافات وأدوات بلوجر 8 08-16-2013 02:35 AM
اضافة الاشتراك بالقائمة البريدية بشكل جميل وجذاب ibrachoukri إضافات وأدوات بلوجر 1 07-19-2013 08:47 PM
قالب بلوجر انيق بسليدر (Business Solutions) AvTaR قوالب بلوجر عربية ومعربة 0 01-26-2013 09:07 AM
قالب بلوجر انيق وخفيف معرب بالكامل AvTaR قوالب بلوجر عربية ومعربة 0 01-26-2013 08:54 AM





لتصفح أفضل وللاستفادة القصوى من خصائص المعهد ننصحكم باستعمال :

Powered by vBulletin® Copyright ©2000 - 2024 Dov By EGYNT.Co
new notification by 9adq_ala7sas
Developed By Marco Mamdouh
معهد خبراء بلوجر - 2012 Google
أعلن على المعهد : اتصل بنا - منتدي كنوز - الدعم العربي - قوالب بلوجر - او او انيمي
رئيسية المعهد
الساعة الآن 10:14 AM - بتوقيت جرينتش
المعهد غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء
فعلى كل شخص تحمل مسؤولية نفسه تجاه ما يقوم به من بيع وشراء وإتفاق وإعطاء معلومات مدونته
التعليقات المنشورة لا تعبر عن رأي معهد خبراء البلوجر ولا نتحمل أي مسؤولية قانونية حيال ذلك
(ويتحمل كاتبها مسؤولية النشر)