كيفية عمل البحث فورم بتقنية CSS3 – بشكل جميل – شرح طريقة كامل لـ فيبويلتن في بي vBulletin

[said]

http://www.dzbatna.com/images/icons/iconrote.gif ظƒظٹظپظٹط© ط¹ظ…ظ„ ط§ظ„ط¨ط*ط« ظپظˆط±ظ… ط¨طھظ‚ظ†ظٹط© CSS3 – ط¨ط´ظƒظ„ ط¬ظ…ظٹظ„ – ط´ط±ط* ظƒط§ظ…ظ„ ظ„ظ€ فيبويلتن في بي vBulletin (http://www.dzbatna.com/t2214178/)





السلام عليكم ورحمة الله وبركاته – بسم الله الرحمن الرحيم

اخباركم يالغاليين ان شاء الله تكون بخير دايماً ، وصحة يا رب

دلوقتي ستقدم الشرح طريقة كيفية عمل البحث فورم بتقنية CSS3


===============
http://hostah.net/images/topic/views.png (http://hostah.net/images/topic/demo/Search_CSS3/Search%20CSS3.htm)

===========

شرح طريقة كيفية تركيب 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;cursor:pointer;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 (http://hostah.net/t62/)
















ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)



https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©