تطوير واشهار منتديات احلى منتدى | اكواد | استايلات تومبيلات مجانية | دعم فني | تصاميم
 
الرئيسيةاليوميةس .و .جبحـثقائمة الاعضاءالمجموعاتالتسجيلدخول

شاطر | 
 

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

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


عدد المساهمات : 17
تاريخ التسجيل : 30/05/2015

مُساهمةموضوع: كود جعل البيانات الشخصية اكثر احترافية ومميزة جدا | شبكة بلاك التطويرية   الإثنين يوليو 06, 2015 10:43 am

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


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


الكود الاخر فى ورقة تصميم 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;
}

ويمكنك ايضا تغيير صورة الخلفية عن طريق تغيير هذا الرابط

@وهبة الساحر كتب:
http://i.imgur.com/S6MAfM4.jpg

الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://bl3ck.ibda3.info
 
كود جعل البيانات الشخصية اكثر احترافية ومميزة جدا | شبكة بلاك التطويرية
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
شبكة بلاك التطويرية :: اكواد احلى منتدى :: اكواد الانسيابيه | Css-
انتقل الى: