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

اذهب الى الأسفل

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

مُساهمة من طرف omar toka في الأحد 15 يوليو 2012 - 13:35

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

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

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

مميزاته :

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

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

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



النسخة الثانية 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;
}


شرح الكود |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


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

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

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

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

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

avatar
omar toka
 
 

ذكر
عدد المساهمات : 808
معدل النشاط : 4127
السُمعة : 5

http://sh3by-mix.yoo7.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى