أميرة الجمال عضو مجتهد
عدد المساهمات : 422 نقودي : 844 السٌّمعَة : 7 تاريخ التسجيل : 28/09/2012 العمر : 29 الموقع : منتدى رواد الخلافة الإسلامية
| موضوع: [CSS] لجعل البينات احترافية السبت سبتمبر 29, 2012 3:14 am | |
| | ₪|سلامٌ عليكم و رحمةٌ من اللهِ و بركاته | ₪| ..
مرحباً بكم أيها الكرام من أعضاء و زوار منتديآت ماي أصحاب من كل مكان
كود مميز جدا يقوم بجعل البيانات الشخصية احترافية فــي المشاركات
مميزاته :
لجعل البيانات الشخصية احترافية فــي المشاركات وضع اطار على اسم العضو و على البينات الشخصية في المشاركات فقط
و اطار جميل ولا يأخذ مساحة مع امكانية وضع صورة خلفية لصور المفرغة
وميـزات اخـرى كالفيبي بدون التمبلايت
برمجة الكود من قبل اخوكم sam hameed
النسخة الثانية Css For Phpbb 2 l
|صورة للمعينة الكود |
- الكود:
-
/*-----Programming code by Sam Hameed-----*/ name,sam hameed{ background-image: url(http://i88.servimg.com/u/f88/11/88/59/12/2iscw010.png); -moz-border-radius:15px; sam_hameed,sam hameed; background-color: #f7f7f7; border-left:10px solid #15A9E8; border-right:10px solid #15A9E8; -webkit-box-shadow: 4px 4px 10px #333; -moz-box-shadow: 4px 4px 10px #333; sam_hameed,sam hameed; box-shadow: 4px 4px 10px #333; font-size: 16px; font-weight: bold; display: block; overflow: auto; padding: 7px; } /*-----Programming code by Sam Hameed-----*/ .poster-profile,sam hameed{ background-image: url(http://i88.servimg.com/u/f88/11/88/59/12/2iscw010.png); -moz-border-radius:15px; sam_hameed,sam hameed; background-color: #f7f7f7; border-left:10px solid #15A9E8; border-right:10px solid #15A9E8; -webkit-box-shadow: 4px 4px 10px #333; -moz-box-shadow: 4px 4px 10px #333; sam_hameed,sam hameed; box-shadow: 4px 4px 10px #333; font-size: 16px; font-weight: bold; display: block; overflow: auto; padding: 7px; } /*-----Programming code by Sam Hameed-----*/ .postdetails.poster-profile a img,sam hameed { max-width:700px; max-height:600px; -moz-box-shadow : 0 0 2px #666; sam_hameed,sam hameed; -webkit-box-shadow : 0 0 2px #666; box-shadow : 0 0 6px #666; background-color: #feffc4 ; background-image: url('http://r11.imgfast.net/users/1114/51/96/65/smiles/46441.gif'); background-repeat: repeat; sam_hameed,sam hameed; border: 5px solid #FFFFFF; }
شرح الكود | كما يلي
لتغير لون الاطارات الجانبية لاسم العضو
نبحث عن الكود التالي في بداية كود css
border-left:10px solid #15A9E8; border-right:10px solid #15A9E8;
و قوم بتغير الرمز #15A9E8 الي اي رمز لون نريد و نقوم بتغير10 لتحكم بحجم الاطارات
-||--||--||--||--||-
و لتغير لون الاطارات الجانبية للبينات الشخصية نبحث عن الرمز
border-left:10px solid #15A9E8;
border-right:10px solid #15A9E8;
و قوم بتغير الرمز #15A9E8 الي اي رمز لون نريد و نقوم بتغير10 لتحكم بحجم الاطارات
و للعلم الرمز السابق مودود في منتصف كود css
و إلى هنا اخوانيـ ..ينتهي موضوعنا لهذا اليوم .. في أمل اللقاء بكمـ .إن شاء الله في مواضيع جديدة .. والسلام عليكم و رحمة الله ..
| |
|