₪|سلامٌ عليكم و رحمةٌ من اللهِ و بركاته | ₪| ..
مرحباً بكم أيها الكرام من أعضاء و زوار
كود مميز جدا يقوم بجعل البيانات الشخصية احترافية فــي المشاركات
مميزاته :
لجعل البيانات الشخصية احترافية فــي المشاركات وضع اطار على اسم العضو و على البينات الشخصية في المشاركات فقط
و اطار جميل ولا يأخذ مساحة مع امكانية وضع صورة خلفية لصور المفرغة
وميـزات اخـرى كالفيبي بدون التمبلايت
النسخة الثانية Css For Phpbb 2 l
|صورة للمعينة الكود |
تكبير الصورة معاينة الأبعاد الأصلية.
الكود: ---------تضليل المحتوى
/*-----كود البينات الشخصية المطورة-----*/
.name{
background-image: url(https://i.servimg.com/u/f88/11/88/59/12/2iscw010.png);
-moz-border-radius:15px;
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;
box-shadow: 4px 4px 10px #333;
font-size: 16px;
font-weight: bold;
display: block;
overflow: auto;
padding: 7px;
}
.poster-profile{
background-image: url(https://i.servimg.com/u/f88/11/88/59/12/2iscw010.png);
-moz-border-radius:15px;
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;
box-shadow: 4px 4px 10px #333;
font-size: 16px;
font-weight: bold;
display: block;
overflow: auto;
padding: 7px;
}
.postdetails.poster-profile a img {
max-width:700px;
max-height:600px;
-moz-box-shadow : 0 0 2px #666;
-webkit-box-shadow : 0 0 2px #666;
box-shadow : 0 0 6px #666;
background-color: #feffc4 ;
background-image: url('https://2img.net/u/1114/51/96/65/smiles/46441.gif');
background-repeat: repeat;
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
و إلى هنا اخوانيـ
..ينتهي موضوعنا لهذا اليوم ..
في أمل اللقاء بكمـ
.إن شاء الله في مواضيع جديدة ..
والسلام عليكم و رحمة الله ..