[CSS] لجعل البينات احترافية , وضع اطارات جانبي للبينات الشخصية و لاسم العضو من دون استخدام التومبيلات [For Phpbb2]

[center]| ₪|سلامٌ عليكم و رحمةٌ من اللهِ و بركاته | ₪| ..

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

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

مميزاته :

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

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

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

برمجة الكود من قبل اخوكم sam hameed

النسخة الثانية Css For Phpbb 2 l


|صورة للمعينة الكود |


الرمز:

/*-----Programming code by Sam Hameed-----*/
name,sam hameed{
background-image: url(https://i.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(https://i.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('https://2img.net/u/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


و إلى هنا اخوانيـ
..ينتهي موضوعنا لهذا اليوم ..
في أمل اللقاء بكمـ
.إن شاء الله في مواضيع جديدة ..
والسلام عليكم و رحمة الله ..

شكرا لك على الكود

يسلموووووووو

{{{تسلم على الموضوع الرائع}}}
موضوع رائع | مجهودات قيمة | تستحق التهاني
واصل و لاتحرمن من جديدك
اللهم يجعلها في ميزان حسناتك
تحيه موجهة لك من طرف المهدي

بارك الله فيك
تقبل مروري

مشكور......

الله يعطيك العافية على الموضوع المميز