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

أهلا وسهلا بك في منتديات معاذ بحر

أهلا وسهلا بك زائرنا الكريم ، إذا كانت هذه زيارتك الأولى للمنتدى، فيرجى التكرم بزيارة صفحة التعليمـــات ، بالضغط هنا . كما يشرفنا أن تقوم بالتسجيل بالضغط هنا إذا رغبت بالمشاركة في المنتدى، أما إذا رغبت بقراءة المواضيع والإطلاع فتفضل بزيارة القسم الذي ترغب أدناه وأهلاً وسهلا بك مرة أخرى


أهلا وسهلا بك الى منتديات معاذ بحر


 :: قســــم تطويـــــــر المنــــتــــديـــــــات :: تطوير منتديات أحلى منتدى :: أكواد CSS
شاطر
بيانات كاتب الموضوع
[CSS] كود لتغيير نمط "بحث"للنسخة phppb3
.: الـمعـلومـآت :.
الكاتب:
اللقب:
الإدارة العليا
الرتبه:
الإدارة العليا
.: الصـورة الرمزيـة :.
avatar
.: الـبيـآنـآت :.
الجنس : ذكر
مشاركاتي : 1205
نقاطي : 976205640
ولدت بتاريخ : 04/04/1997
سجلت بتاريخ : 12/06/2010
عمري : 20
.: الســآعة الآن :.

.: معـلــومــآت الاتصــآل :.
الحالة:
اتصـل بي:
معاينة صفحة البيانات الشخصي للعضو http://maaz-b.forummi.com

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


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

الكود
الكود:
#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 > ضع الكود واضغط قدم


تم الارســال 22/1/2013, 17:37

أضــف تعليقك على الموضوع بوساطة الفيس بوكـ
الــرد الســـريـع

خــدمات المـوضـوع
 KonuEtiketleri كلمات دليليه
 KonuLinki رابط الموضوع
 Konu BBCode BBCode
 KonuHTML Kodu HTMLcode "onclick="this.select();" size="80" />
إذا وجدت روابط لاتعمل في الموضوع او أن الموضوع ( [CSS] كود لتغيير نمط "بحث"للنسخة phppb3 ) مخالف ,, من فضلك راسل الإدارة من هنا