منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.


انشاء منتدى مجاني شبيه بهذا المنتدى

كود 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
معدل النشاط : 3683
السُمعة : 5

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

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

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


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