CHeRRaK MaHFouD

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

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

مُساهمة من طرف MaHFouD في الخميس مايو 12, 2011 3:34 pm

الكود:
#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;}
سيتغر مظهر محرك بحث المواضيع الخاص بالمنتدى الى هذا الشكل



واذا كنت تريد
تغيير مظهره ووضع رابط صورة اخرى بدل هذه قم بتغيير هذا الرابط الموجود في
الكود http://www.picdo.net/fichiers/2010/5/29/71e60caa-6049-49e7-823d-1aee977844af_arama1.png
وضع بدله رابط الصورة التي تريد ان تكون هي مظهر محرك بحث المواضيع الخاص
بمنتداك

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

الاخضر



http://i50.tinypic.com/644a6o.jpg



البنفسجي



http://i50.tinypic.com/9q8pac.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 > ضع الكود واضغط قدم
((
انتهى ))


avatar
MaHFouD
Admin

عدد المساهمات : 20
تاريخ التسجيل : 25/11/2010

معاينة صفحة البيانات الشخصي للعضو http://cherrakmahfoud.yoo7.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى