اولا لعمل التعديل نذهب الى
لوحه الادارة
مظهر المنتدى
التومبيلايت والقوالب
نضغط تعديل لقالب
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
وقدم
منقول
![[ تومبلايت ] وضع اطار حول عناصر البيانات الشخصيه H9R9IUO](https://i.imgur.com/h9R9IUO.gif)
![[ تومبلايت ] وضع اطار حول عناصر البيانات الشخصيه RT69Sre](https://i.imgur.com/RT69Sre.png)
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
[ أكآتسوكيـآت ] : مدونتي [ [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ] | معرضي [ [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ] | متجـري [ [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ]
![[ تومبلايت ] وضع اطار حول عناصر البيانات الشخصيه 866468155](/users/2614/24/16/96/smiles/866468155.gif)
![[ تومبلايت ] وضع اطار حول عناصر البيانات الشخصيه 2347500315](/users/2614/24/16/96/smiles/2347500315.gif)
![[ تومبلايت ] وضع اطار حول عناصر البيانات الشخصيه TkcIj](https://2img.net/h/im35.gulfup.com/tkcIj.png)
![[ تومبلايت ] وضع اطار حول عناصر البيانات الشخصيه Aqps3111](https://i.servimg.com/u/f40/13/00/04/44/aqps3111.gif)
![[ تومبلايت ] وضع اطار حول عناصر البيانات الشخصيه H6KQgEg](https://i.imgur.com/h6KQgEg.png)
![[ تومبلايت ] وضع اطار حول عناصر البيانات الشخصيه 1887442045](/users/2614/24/16/96/smiles/1887442045.gif)
![[ تومبلايت ] وضع اطار حول عناصر البيانات الشخصيه 1151496621](/users/2614/24/16/96/smiles/1151496621.gif)
![[ تومبلايت ] وضع اطار حول عناصر البيانات الشخصيه UOwzYx2](https://i.imgur.com/uOwzYx2.png)
