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

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


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

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

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

مُساهمة من طرف وهبة الساحر في الخميس 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
وهبة الساحر
 
 

ذكر
عدد المساهمات : 9556
معدل النشاط : 11904
السُمعة : 85

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

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

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


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