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

حصريا : كود css لتغيير نمط "بحث " للنسخة phppb3


الكود

الكود:

#search-box{position: center;
bottom: 55px;
height: 38px;
width:
 180px;
right: -150px;
display: inline;
background:
transparent
url(http://www.picdo.net/fichiers/2010/5/29/71e60caa-6049-49e7-823d-1aee977844af_arama1.png)
 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;}




سيتغر مظهر محرك بحث المواضيع الخاص بالمنتدى الى هذا الشكل

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

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

وهدية مني لاحلى اعضاء هذه مجموعة صور باكثر من لون لكم
لكي تتناسب مع الوان منتدياتكم تفضلو :

الاخضر

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]



البنفسجي

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]



البني

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]



بني قاتم

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]



الازرق

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]



زيتوني

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]



اين اضع الكود ؟

لوحة الادارة > مظهر المنتدى >
الصور والالوان > الوان > ورقة تصميم CSS > ضع الكود واضغط قدم
((
انتهى ))

الكود من تصميم مبتدئ في منتدى الدعم لاحلى منتدى

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
منقول للإفادة