كود Css لوضع إطار للبيانات الشخصية Invision

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


كود Css بيعمل إطار زي الموجود هنا في القعدة

ودي صورة توضيحية

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


ودا الكود



/*----- A3daOnline -----*/
postprofile-head {
background-image: url(ضع رابط الصورة هنا);
background: transparent;
background-repeat: repeat;
color: FE40A2;
padding: 3px;
margin: 3px;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border: 1px dashed #a10277;
}
/*----- A3daOnline -----*/
.postprofile {
background: transparent;
background-image: url('background-image: url(ضع رابط الصورة هنا);');
background-repeat: repeat;
color: FE40A2;
padding: 3px;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border: 1px dotted#a10277;
width: 200px;
}
/*----- A3daOnline -----*/
.postprofile-details{
background: transparent;
color: FE40A2;
padding: 3px;
margin: 0em;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border: 1px dotted#a10277;
width: 190px;
}
/*----- A3daOnline -----*/
.postprofile-details dt{
background: transparent;
background-image: url(ضع رابط الصورة هنا);
background-repeat: no-repeat;
background-position: center;
color: #FE40A2;
padding: 3px;
margin: 3px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 12px;
-moz-border-radius-bottomright: 12px;
-moz-border-radius-bottomleft: 0px;
border: 1px dotted#a10277;
}
/*----- A3daOnline -----*/
.postprofile-details dd{
background: transparent;
background-image: url(ضع رابط الصورة هنا);
color: #000;
padding: 3px; margin: 3px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 0px;
border: 1px dotted#a10277;
}

نهاية الكود-----------------

ملحوظة: يمكن التحكم في الألوان من الأكواد المكتوبة باللون الأحمر

ويمكن التحكم في عرض الإطار من الرقم المكتوب باللون الأزرق

وتوضع صورة الخلفية في المكان المخصص لرابط الصورة (بين الأقواس)

أتمنى لكم الاستفادة

** الصورة التوضيحية والكود في المرفقات
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

يعطيكي العافية حبيبتي اسماء
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]