النسخة الثانية Css For Phpbb 2 l
|صورة للمعينة الكود |
تكبير الصورة معاينة الأبعاد الأصلية.الكود:
---------تضليل المحتوى - الكود:
-
/*-----كود البينات الشخصية المطورة-----*/
.name{
background-image: url(http://i88.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(http://i88.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('http://r11.imgfast.net/users/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
و إلى هنا اخوانيـ