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

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

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

مُساهمة من طرف وهبة الساحر في الخميس 2 يوليو 2015 - 4:17

أبريل - 14:53



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

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



 
حصريا كود جعل البيانات الشخصية اكثر احترافية ومميزة جدا
تقنية رائعة تجعل البيانات الشخصية بها اطار بحوالف دائرية رائعة مع صورة كـ خلفية للبيانات
ملاحظة :الكود يعمل على النسخة الثالثة
1- صورة للمعاينه بدون حوالف

2- صورة للمعاينه بالحوالف

http://i60.tinypic.com/4kvcj6.png

الكود الاخر فى ورقة تصميم css

لوحة الاداره >> مظهر المنتدى >> الصور والألوان >> ألوان >> ورقة تصميم css
تعطيل كود ال CSS الأصلي: لا
تفعيل نظام تحسين مردودية ال CSS المشخص: نعم
ثم اضف هذا الكود الى ورقة تصميم css


1- الكود بدون حوالف


الكود:
/*حصريا كود جعل البيانات الشخصية اكثر احترافية وبدون حوالف
*/

.postprofile {
  color: #FFF;
background: url(http://i.imgur.com/S6MAfM4.jpg) repeat;
 float: right;
font-family: Arial;
font-size: 10px;
font-weight: bold;
margin-right: -12px;
padding-top: 3px;
text-align: center;
text-shadow: 1px #FFF;
width: 180px;
  border-bottom: 15px groove #9E061A;
  border-top: 15px groove #9E061A;
border-radious: 20px 10px 20px 10px;}

2- الكود بالحوالف


الكود:

/*حصريا كود جعل البيانات الشخصية اكثر احترافية
*/

.postprofile {
  color: #FFF;
background: url(http://i.imgur.com/S6MAfM4.jpg) repeat;
 float: right;
font-family: Arial;
font-size: 10px;
font-weight: bold;
margin-right: -12px;
padding-top: 3px;
text-align: center;
text-shadow: 1px #FFF;
width: 180px;
  border-bottom: 15px groove #9E061A;
  border-top: 15px groove #9E061A;
border-radious: 20px 10px 20px 10px;}
/*perfil*/
.postprofile {
background-color: none;
border-radius: 30px 30px 0px 30px;
border: 1px dashed #9E061A;
float: right;
font-family: Habibi, Georgia;
font-size: 12px;
margin-right: -3px;
padding-top: 10px;
text-align: center;
width: none;
}
#content-container div#right .module .h3 {
visibility: hidden;
}
ويمكنك ايضا تغيير صورة الخلفية عن طريق تغيير هذا الرابط




تم الشرح بواسطتى
وهبة الساحر
المتطوع المساعد

ارجوا ان اكون قد افدتكم
انتهي الموضوع


avatar
وهبة الساحر
 
 

ذكر
عدد المساهمات : 9862
معدل النشاط : 12405
السُمعة : 125

http://3arb-way.a7larab.net/

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

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


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