الرئيسيةالرئيسية  اليوميةاليومية  س .و .جس .و .ج  بحـثبحـث  الأعضاءالأعضاء  المجموعاتالمجموعات  التسجيلالتسجيل  دخول  

شاطر | 
 

 [CSS] كود لتغيير نمط "بحث"للنسخة phppb3

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
معاذ بحر
الإدارة العليا
الإدارة العليا
avatar

الجنس : ذكر
مشاركاتي : 1205
نقاطي : 976205640
ولدت بتاريخ : 04/04/1997
سجلت بتاريخ : 12/06/2010
عمري : 20

مُساهمةموضوع: [CSS] كود لتغيير نمط "بحث"للنسخة phppb3   22/1/2013, 17:37

الكود مختص بتغيير شكل البحث في المنتدى
صورة توضح الغرض

الكود
الكود:
#search-box{position: center;
bottom: 55px;
height: 38px;
width:
 180px;
right: -150px;
display: inline;
background:
transparent
url(ضع هنا صورة البحث)
 no-repeat center;}

#search-box input.button2 {
display:
none;}

#search-box #keywords {
width: 69px;
color:
white;
font-family: Comic Sans MS;
font-size: 13,5px;
font-style:
 italic;
font-weight: lighter;
background: transparent;}

#search-box
 input {
border: none !important;
background: none;}

#search-box
 input.search {
background: none;
margin-left: 30px;
margin-top:
 10px;}
واذا كنت تريد وضع صورة للبحث اختر أحد هذه الصور وضعها في الكود

اقتباس :
http://i50.tinypic.com/9q8pac.jpg

اقتباس :
http://i47.tinypic.com/2q04yso.jpg

اقتباس :
http://i47.tinypic.com/2q04yso.jpg

اقتباس :
http://i45.tinypic.com/25tjfk4.jpg

اقتباس :
http://i50.tinypic.com/2cr11ls.jpg

اقتباس :
http://i50.tinypic.com/nwkepi.jpg
طريقة التركيب
لوحة الادارة > مظهر المنتدى >
الصور والالوان > الوان > ورقة تصميم CSS > ضع الكود واضغط قدم
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://maaz-b.forummi.com
 
[CSS] كود لتغيير نمط "بحث"للنسخة phppb3
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
 :: قســــم تطويـــــــر المنــــتــــديـــــــات :: تطوير منتديات أحلى منتدى :: أكواد CSS-
انتقل الى: