كود [Template] لوضع ايطار حول عناصر البينات الشخصية

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

اولا لعمل التعديل نذهب الى
لوحه الادارة
مظهر المنتدى
التومبيلايت والقوالب
نضغط تعديل لقالب
viewtopic_body

ونبحث عن الكود التالى
الكود:

الكود:: {postrow.displayed.profile_field.CONTENT}

ونستبدله بالكود التالى
الكود:

الكود:: <div class="Hima-elmasry">{postrow.displayed.profile_field.CONTENT}</div>

ثم نسجل وننشر التعديلات
ناتى لاكواد css
كماذكرنا بالاعلى يوجد 3اشكال اختر الشكل الى يناسب منتداك واهب الى ورقة تصميم
css
وضع به الكود
وسجل

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

الكود:: .Hima-elmasry{
width:100%;
max-width:145px;
max-height:40px;
padding: 0px;
background-color: #EEEEEE ;
border-width:145px;
margin:auto
}

يمكنكم التحكم فى الخلفيه + الحجم للاطار
يمكنكم التحكم فى اللون من خلال هذا الكود

الكود:

#EEEEEE

ثانيا شكل دائرى

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

الكود:: .Hima-elmasry{
width:100%;
max-width:145px;
max-height:40px;
padding: 0px;
background-color: #EEEEEE ;
border-width:145px;
margin:auto
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
}

ثاللثا اطار فقط عبارة عن خط اخضر منقط

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

الكود:: .Hima-elmasry{
border-top:1px dotted green;
border-bottom:1px dotted red;
max-width:150px;
margin:auto
}

يمكنكم التحكم فى اللون من خلال تغير اسم اللون

الكود:

green

والحجم من خلال

الكود:

1px

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

الكود:

الكود:: .Hima-elmasry{
width:100%;
max-width:145px;
max-height:40px;
margin-top:5px;
margin:auto;
padding:2px;
border:1px dotted #050505;
background:#fff;
}

اختر كود الشكل الى يناسب منتداك من اكوادcss
وضعه فى ورقه تصميم Css
وقدم

ومبروك..

شكرا لك يا غالي على الكود و جزاك الله كل خير

يسسسلممَوو

.., رآئع ,,
يسلموو يآغ ـآلي ..
تحيآتي
♥ ♥

مشكووووووور كتير

شكرا جزيلااا

شكرا على الكود الرائع تحياتي

» تومبيلايت:وضع اطار حول عناصر البيانات الشخصيه
» كود [Template] لوحة التحكم ( البيانات الشخصيه ) مثل الـ vb
» إتيكيت قوة الشخصية
» سرني اقدم لكم كود البيانات الشخصية
» (تومبلايت) حصريا كود التسبيح في بيانات الشخصية للعضو