استعمل مربع البحث في الاسفل لمزيد من المواضيع
سريع للبحث عن مواضيع في المنتدى
-
10-31-2013, بتوقيت غرينيتش 05:58 AM
#1
كيفية عمل البحث فورم بتقنية CSS3 – بشكل جميل – شرح طريقة كامل لـ فيبويلتن في بي vBulletin
ظƒظٹظپظٹط© ط¹ظ…ظ„ ط§ظ„ط¨ط*ط« ظپظˆط±ظ… ط¨طھظ‚ظ†ظٹط© CSS3 – ط¨ط´ظƒظ„ ط¬ظ…ظٹظ„ – ط´ط±ط* ظƒط§ظ…ظ„ ظ„ظ€ فيبويلتن في بي vBulletin
السلام عليكم ورحمة الله وبركاته – بسم الله الرحمن الرحيم
اخباركم يالغاليين ان شاء الله تكون بخير دايماً ، وصحة يا رب
دلوقتي ستقدم الشرح طريقة كيفية عمل البحث فورم بتقنية CSS3
===============
===========
شرح طريقة كيفية تركيب install فى منتديات فيبويلتن في بي vBulletin
1. انسخ الكود code التالي ثم الصق فى اخر قالب template الهيدر header او اى مكان تريده
رمز PHP:
<code style="white-space:nowrap"> <code> <form action="search.php?do=process" method="get"><input type="hidden" name="do" value="process" /><input type="hidden" name="quicksearch" value="1" /><input type="hidden" name="childforums" value="1" /><input type="hidden" name="exactname" value="1" /><p><input type="text" name="query" placeholder="ادخل كلمات البحث" id="search" required></p><p><input type="submit" value="ابحث" id="submit"></p></form>
</code> </code>
2. انسخ اكواد CSS التالي ثم الصق فى تعاريف CSS الإضافية
رمز PHP:
<code style="white-space:nowrap"> <code>
/* مربع البحث */.form-wrapper {width:450px; /* مقاس العرض */padding:8px;margin:20px auto;overflow:hidden;background:#f3f3f3; /* لون خلفية *//* منحني */-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;/* ظل الخلفية */-moz-box-shadow: 0px 0px 10px 0px #000;-webkit-box-shadow: 0px 0px 15px 0px #000;box-shadow: 0px 0px 10px 0px #000;} .form-wrapper p {margin:0px;padding:0px;} /* كتابة البحث */.form-wrapper #search {width:330px; /* مقاس العرض */height:20px; /* مقاس الطول */padding:10px 5px;float:right;font:12pt Tahoma; /* نوع وحجم الخط */border:1px solid #bababa; /* حدود الخلفية */text-align:right;background:#e7e7e7; /* لون الخلفية */color:#999; /* لون الخط *//* عمل ظل الخلفية داخلي */-moz-box-shadow: inset 0px 0px 10px 0px #d0d0d0;-webkit-box-shadow: inset 0px 0px 15px 0px #d0d0d0;box-shadow: inset 0px 0px 10px 0px #d0d0d0;} /* كتابة البحث عند الضغط بالماوس */.form-wrapper #search:focus {outline:0;border-color:#ccc;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;} /* زر ابحث */.form-wrapper #submit {float:left;width:100px; /* مقاس العرض */height:42px; /* مقاس الطول */padding:0;cursorointer;font:bold 12pt Arial; /* نوع وحجم الخط */color:#fafafa; /* لون الخط */text-transform:uppercase;background:#af3131; /* لون الخلفية */border:1px solid #932929; /* حدود الخلفية */} /* زر ابحث عند الضغط بالماوس */.form-wrapper #submit:hover, .form-wrapper #submit:focus {background-color: #932929; /* لون الخلفية */border:1px solid #af3131; /* حدود الخليفة */} .form-wrapper #submit:active {-moz-box-shadow: inset 0px 0px 10px 0px #320f0f;-webkit-box-shadow: inset 0px 0px 15px 0px #320f0f;box-shadow: inset 0px 0px 10px 0px #320f0f;}
</code> </code>
انتهى الشرح طريقة بحمد لله
المصدر :
كيفية عمل البحث فورم بتقنية CSS3 – بشكل جميل – شرح طريقة كاملة لـ فيبويلتن في بي vBulletin
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©
المواضيع المتشابهه
-
بواسطة loulou ange في المنتدى لغات البرمجه للويب
مشاركات: 0
آخر مشاركة: 11-01-2013, بتوقيت غرينيتش 04:18 PM
-
بواسطة salima في المنتدى ستايلات في بي الجيل vBulletin 3.x.x
مشاركات: 0
آخر مشاركة: 10-31-2013, بتوقيت غرينيتش 08:58 PM
-
بواسطة loulou ange في المنتدى ستايلات في بي الجيل vBulletin 3.x.x
مشاركات: 0
آخر مشاركة: 10-31-2013, بتوقيت غرينيتش 07:32 AM
-
بواسطة walid في المنتدى تطوير منتديات vb3.8.0
مشاركات: 0
آخر مشاركة: 10-31-2013, بتوقيت غرينيتش 06:08 AM
-
بواسطة said في المنتدى دورات تدريبية و شروحات لتصميم المواقع
مشاركات: 0
آخر مشاركة: 10-30-2013, بتوقيت غرينيتش 09:51 PM
ضوابط المشاركة
- لا تستطيع إضافة مواضيع جديدة
- لا تستطيع الرد على المواضيع
- لا تستطيع إرفاق ملفات
- لا تستطيع تعديل مشاركاتك
-
قوانين المنتدى