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

مرحباً بكم أيها الكرام من أعضاء و زوار

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

مميزاته :

لجعل البيانات الشخصية احترافية فــي المشاركات وضع اطار على اسم العضو و على البينات الشخصية في المشاركات فقط

و اطار جميل ولا يأخذ مساحة مع امكانية وضع صورة خلفية لصور المفرغة

وميـزات اخـرى كالفيبي بدون التومبلايت

الكود:

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


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

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

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

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

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

الجميل هو حضوركم

لى الشرف

اشكرك جزيل الشكر

كل الموووووده والتقدير