تومبيلايت:وضع اطار حول عناصر البيانات الشخصيه
صفحة 1 من اصل 1
تومبيلايت:وضع اطار حول عناصر البيانات الشخصيه
السلام عليكم ورحمة الله وبركاته
نقدم اليكم اخوانى تعديل بسيط خاص بالبيانات الشخصية
نحص من خلاله على اكثر من شكل لاضافة اطار حول عناصر البيانات الشخصية
مثلا
مستطيل
اطار دائرى
نقاط فقط بين العناصر ويمكنك التحكم فى الوان الاطارات
اولا لعمل التعديل نذهب الى
لوحه الادارة
مظهر المنتدى
التومبيلايت والقوالب
نضغط تعديل لقالب
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
وضع به الكود
وسجل
اولا شكل مستطيل
![تومبيلايت:وضع اطار حول عناصر البيانات الشخصيه Hima22](https://i.servimg.com/u/f48/12/78/95/70/hima22.jpg)
- الكود:
.Hima-elmasry{
width:100%;
max-width:145px;
max-height:40px;
padding: 0px;
background-color: #EEEEEE ;
border-width:145px;
margin:auto
}
يمكنكم التحكم فى اللون من خلال هذا الكود
#EEEEEE
ثانيا شكل دائرى
![تومبيلايت:وضع اطار حول عناصر البيانات الشخصيه Hima111](https://i.servimg.com/u/f48/12/78/95/70/hima111.jpg)
- الكود:
.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;
}
ثاللثا اطار فقط عبارة عن خط اخضر منقط
![تومبيلايت:وضع اطار حول عناصر البيانات الشخصيه Hima210](https://i.servimg.com/u/f48/12/78/95/70/hima210.jpg)
- الكود:
.Hima-elmasry{
border-top:1px dotted green;
border-bottom:1px dotted red;
max-width:150px;
margin:auto
}
والحجم من خلالgreen
1px
بالاضافة الى هذا الكود شكل دائرى عبارة عن نقثط فقط جميل جدا
![تومبيلايت:وضع اطار حول عناصر البيانات الشخصيه Hima23](https://i.servimg.com/u/f48/12/78/95/70/hima23.jpg)
- الكود:
.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
وقدم
ومبروك..
كل عام والامه الاسلاميه بخير
عدل سابقا من قبل HiMa ElMaSrY في الجمعة 21 أكتوبر 2011 - 12:07 عدل 1 مرات
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى