![[ تومبلايت ] وضع اطار حول عناصر البيانات الشخصيه IYwmYsl](https://i.imgur.com/iYwmYsl.png)
![[ تومبلايت ] وضع اطار حول عناصر البيانات الشخصيه YX9OYr9](https://i.imgur.com/YX9OYr9.png)
اولا لعمل التعديل نذهب الى
لوحه الادارة
مظهر المنتدى
التومبيلايت والقوالب
نضغط تعديل لقالب
viewtopic_body
ونبحث عن الكود التالى
ونستبدله بالكود التالى
ثم نسجل وننشر التعديلات
ناتى لاكواد css
كماذكرنا بالاعلى يوجد 3اشكال اختر الشكل الى يناسب منتداك واهب الى ورقة تصميم
css
وضع به الكود
وسجل
اولا شكل مستطيل
![[ تومبلايت ] وضع اطار حول عناصر البيانات الشخصيه Hima22](https://i.servimg.com/u/f48/12/78/95/70/hima22.jpg)
يمكنكم التحكم فى الخلفيه + الحجم للاطار
يمكنكم التحكم فى اللون من خلال هذا الكود
ثانيا شكل دائرى
![[ تومبلايت ] وضع اطار حول عناصر البيانات الشخصيه Hima111](https://i.servimg.com/u/f48/12/78/95/70/hima111.jpg)
ثاللثا اطار فقط عبارة عن خط اخضر منقط
![[ تومبلايت ] وضع اطار حول عناصر البيانات الشخصيه Hima210](https://i.servimg.com/u/f48/12/78/95/70/hima210.jpg)
يمكنكم التحكم فى اللون من خلال تغير اسم اللون
والحجم من خلال
بالاضافة الى هذا الكود شكل دائرى عبارة عن نقثط فقط جميل جدا
![[ تومبلايت ] وضع اطار حول عناصر البيانات الشخصيه Hima23](https://i.servimg.com/u/f48/12/78/95/70/hima23.jpg)
اختر كود الشكل الى يناسب منتداك من اكوادcss
وضعه فى ورقه تصميم Css
وقدم
منقول
لوحه الادارة
مظهر المنتدى
التومبيلايت والقوالب
نضغط تعديل لقالب
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
وقدم
منقول
![[ تومبلايت ] وضع اطار حول عناصر البيانات الشخصيه 2347500315](/users/2614/24/16/96/smiles/2347500315.gif)
![[ تومبلايت ] وضع اطار حول عناصر البيانات الشخصيه TkcIj](https://2img.net/h/im35.gulfup.com/tkcIj.png)
![[ تومبلايت ] وضع اطار حول عناصر البيانات الشخصيه 866468155](/users/2614/24/16/96/smiles/866468155.gif)
![[ تومبلايت ] وضع اطار حول عناصر البيانات الشخصيه H6KQgEg](https://i.imgur.com/h6KQgEg.png)
![[ تومبلايت ] وضع اطار حول عناصر البيانات الشخصيه 1887442045](/users/2614/24/16/96/smiles/1887442045.gif)
