EGMAN عضو ذهبي معلومات اضافية
الجنس : عدد المساهمات : 209 تاريخ التسجيل : 15/03/2012 العمر : 28 الموقع : ** فنون نت :: https://5edma.forumarabia.com/ :: ** | موضوع: كود [Template] لوضع ايطار حول عناصر البينات الشخصية الأربعاء مارس 28, 2012 6:28 pm |
| نقدم اليكم اخوانى تعديل بسيط خاص بالبيانات الشخصية نحص من خلاله على اكثر من شكل لاضافة اطار حول عناصر البيانات الشخصية مثلا مستطيل اطار دائرى نقاط فقط بين العناصر ويمكنك التحكم فى الوان الاطارات
اولا لعمل التعديل نذهب الى لوحه الادارة مظهر المنتدى التومبيلايت والقوالب نضغط تعديل لقالب viewtopic_body
ونبحث عن الكود التالى الكود: - الكود:
-
{postrow.displayed.profile_field.CONTENT} ونستبدله بالكود التالى الكود: - الكود:
-
{postrow.displayed.profile_field.CONTENT} ثم نسجل وننشر التعديلات ناتى لاكواد css كماذكرنا بالاعلى يوجد 3اشكال اختر الشكل الى يناسب منتداك واهب الى ورقة تصميم css وضع به الكود وسجل
اولا شكل مستطيل [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] الكود: - الكود:
-
.Hima-elmasry{ width:100%; max-width:145px; max-height:40px; padding: 0px; background-color: #EEEEEE ; border-width:145px; margin:auto } يمكنكم التحكم فى الخلفيه + الحجم للاطار يمكنكم التحكم فى اللون من خلال هذا الكود <blockquote> - الكود:
-
#EEEEEE </blockquote>
ثانيا شكل دائرى
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] الكود: - الكود:
-
.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 } يمكنكم التحكم فى اللون من خلال تغير اسم اللون <blockquote> - الكود:
-
green </blockquote> والحجم من خلال <blockquote> - الكود:
-
1px </blockquote>
بالاضافة الى هذا الكود شكل دائرى عبارة عن نقثط فقط جميل جدا [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الكود: - الكود:
-
.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] لوضع ايطار حول عناصر البينات الشخصية // المصدر : منتديات أحلى حكاية // الكاتب: EGMAN |
|