بوابة الاعلانات
اداري
♣ آنضآمڪْ » : 26/09/2010
 ♣ مشآرٍڪْآتِڪْ » : 3884
 الدَولَہ: : اليمن السعيد
 |  موضوع: تومبيلايت:وضع اطار حول عناصر البيانات الشخصيه الثلاثاء فبراير 07, 2012 7:54 pm | |
| السلام عليكم ورحمة الله وبركاته
نقدم اليكم اخوانى تعديل بسيط خاص بالبيانات الشخصية
نحص من خلاله على اكثر من شكل لاضافة اطار حول عناصر البيانات الشخصية
مثلا
مستطيل
اطار دائرى
نقاط فقط بين العناصر ويمكنك التحكم فى الوان الاطارات
اولا لعمل التعديل نذهب الى
لوحه الادارة
مظهر المنتدى
التومبيلايت والقوالب
نضغط تعديل لقالب
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
}
|
يمكنكم التحكم فى اللون من خلال تغير اسم اللون والحجم من خلال 1px بالاضافة الى هذا الكود شكل دائرى عبارة عن نقثط فقط جميل جدا ملحوظة تم اخفاء كود ال css الخاص بهذا الشكل ضع رد اولا ليظهر لك الكود<table style="table-layout:fixed;" width="90%" align="center" border="0" cellpadding="0" cellspacing="1"><tr><td>الرمز:</td></tr><tr><td class="code">.Hima-elmasry{
width:100%;
max-width:145px;
max-height:40px;
margin-top:5px;
margin:auto;
padding:2px;
border:1px dotted #050505;
background:#fff;
}
</td></tr></table> |
اختر كود الشكل الى يناسب منتداك من اكوادcss وضعه فى ورقه تصميم Css وقدم ومبروك..
كل عام والامه الاسلاميه بخير
جميع الحقوق محفوظة لمركز الاكواد  | |
|
