كود css مميز جدا يقوم بجعل البيانات الشخصية احترافية فــي المشاركات

كود css مميز جدا يقوم بجعل البيانات الشخصية احترافية فــي المشاركات



الكود

/*-----كود البينات الشخصية المطورة-----*/
.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;
}



شرح الكود |Neutral كما يلي

لتغير لون الاطارات الجانبية لاسم العضو

نبحث عن الكود التالي في بداية كود 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


و إلى هنا اخوانيـ

..ينتهي موضوعنا لهذا اليوم ..

في أمل اللقاء بكمـ

.إن شاء الله في مواضيع جديدة ..

والسلام عليكم و رحمة الله ..