منتديات دي دي سات الفضائية - تومبيلايت:وضع اطار حول عناصر البيانات الشخصية في منتديات أحلى منتدى

تومبيلايت:وضع اطار حول عناصر البيانات الشخصية في منتديات أحلى منتدى

Abu Dimah

17-02-2020 10:23 صباحاً

السلام عليكم ورحمة الله وبركاتهنقدم اليكم اخوانى تعديل بسيط خاص بالبيانات الشخصية نحص من خلاله على أكثر من شكل لاضافة اطار حول عناصر البيانات الشخصية مثلا مستطيل اطار دائرى نقاط فقط بين العناصر ويمكنك التحكم فى ألوان الإطارات أولا لعمل التعديل نذهب الى لوحه الإدارة مظهر المنتدى التومبيلايت والقوالبنضغط تعديل لقالب viewtopic_body ونبحث عن الكود التالى الكود:-

CODE

{postrow.displayed.profile_field.CONTENT}

ونستبدله بالكود التالى الكود:-

CODE

<div class="Hima-elmasry">{postrow.displayed.profile_field.CONTENT}</div>

ثم نسجل وننشر التعديلات ناتى لاكواد cssكماذكرنا بالاعلى يوجد 3اشكال اختر الشكل الى يناسب منتداك واهب الى ورقة تصميم cssوضع به الكودوسجلأولا شكل مستطيل hima22

الكود:-

CODE

.Hima-elmasry{width:100%;max-width:145px;max-height:40px;padding: 0px;background-color: #EEEEEE ;border-width:145px;margin:auto}

يمكنكم التحكم فى الخلفية + الحجم للاطاريمكنكم التحكم فى اللون من خلال هذا الكود
<blockquote>

CODE

# EEEEEE

</blockquote>
ثانيا شكل دائرى hima111

الكود:---------

CODE

.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

الكود:-

CODE

.Hima-elmasry{border-top:1px dotted green;border-bottom:1px dotted red;max-width:150px;margin:auto}

بالإضافة إلى هذا الكود شكل دائرى عبارة عن نقط فقط جميل جدا hima23

الكود:-

CODE

.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وقدم ومبروك..

منتديات دي دي سات الفضائية