تومبيلايت:وضع اطار حول عناصر البيانات الشخصيه

تومبيلايت:وضع اطار حول عناصر البيانات الشخصيه

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

اولا لعمل التعديل نذهب الى
لوحه الادارة
مظهر المنتدى
التومبيلايت والقوالب
نضغط تعديل لقالب
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
}

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

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

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

الكود:: .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
}

تحياتي ..

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

رائع

منورين

شكرا لك اخي الغالي
علي المرور الكريم

يسسسلممَوو

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

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

شكرا جزيلا

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