اضف موقعك في دليل المواقع
يمكنك إشهار موقعك أو مدونتك أو منتداك وتحقيق باك لينك قوي وزيارات لموقعك عن طريق إضافة موقعك إلى أكبر دليل مواقع مجاني في الوطن العربي
ابحث في Google
دخول
تابعنا على الفيسبوك
أقســام المنتدى
الأقسام الرئيسية للمنتدى:
-----------------------
مراسلة الإدارة :
المواضيع الأخيرة
المواضيع الأكثر شعبية
تومبيلايت:وضع اطار حول عناصر البيانات الشخصية
صفحة 1 من اصل 1 • شاطر
تومبيلايت:وضع اطار حول عناصر البيانات الشخصية
السلام عليكم ورحمة الله وبركاته
نقدم اليكم اخوانى تعديل بسيط خاص بالبيانات الشخصية
نحص من خلاله على اكثر من شكل لاضافة اطار حول عناصر البيانات الشخصية
مثلا
مستطيل
اطار دائرى
نقاط فقط بين العناصر ويمكنك التحكم فى الوان الاطارات
اولا لعمل التعديل نذهب الى
لوحه الادارة
مظهر المنتدى
التومبيلايت والقوالب
نضغط تعديل لقالب
viewtopic_body
ونبحث عن الكود التالى
نقدم اليكم اخوانى تعديل بسيط خاص بالبيانات الشخصية
نحص من خلاله على اكثر من شكل لاضافة اطار حول عناصر البيانات الشخصية
مثلا
مستطيل
اطار دائرى
نقاط فقط بين العناصر ويمكنك التحكم فى الوان الاطارات
اولا لعمل التعديل نذهب الى
لوحه الادارة
مظهر المنتدى
التومبيلايت والقوالب
نضغط تعديل لقالب
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
وقدم
ومبروك..
مواضيع مماثلة
» كود يجعل البيانات الشخصية اكثر احترافية شبيه منتدى الدعم والمساعدة لأحلى منتدى
» الشخصية القوية
» تدريبات وجدانية لتقوية الشخصية !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
» اليكم مجموعة كبيرة جدا من الاطارات الرقيقة جدا لوضع الصور الشخصية بداخلها
» الشخصية القوية
» تدريبات وجدانية لتقوية الشخصية !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
» اليكم مجموعة كبيرة جدا من الاطارات الرقيقة جدا لوضع الصور الشخصية بداخلها
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
الجمعة 25 فبراير 2022, 4:42 am من طرف mahmoud adel
» حصريا مسلسل العنكبوت للرائع احمد عبد العزيز والجميلة نرمين الفقي 32 حلقة بجودة عالية
الأحد 27 يونيو 2021, 7:32 pm من طرف Mohamed Ez
» اختبر ذكاء طفلك تحميل لعبة خمن واربح المفيدة للأطفال لأجهزة الأندرويد
الأربعاء 18 ديسمبر 2019, 9:38 am من طرف H@MDY10
» فيسبوك تطلق تطبيق جديد لحماية ومراقبة الأطفال.. كل ما تود معرفته عن تطبيق Messenger Kids للأطفال!
الخميس 07 ديسمبر 2017, 1:02 pm من طرف H@MDY10
» إطلاق أول هاتف ذكي مصري في الأسواق من SICO إليكم المواصفات والأسعار
الإثنين 04 ديسمبر 2017, 10:42 pm من طرف H@MDY10
» شاهد جميع القنوات والباقات المشفرة والمفتوحة بأسعار رمزية على هذا السيرفر القوي IP TV - الباقات والأسعار
الإثنين 04 ديسمبر 2017, 10:49 am من طرف H@MDY10
» البث المباشر لحفل إجراء قرعة كأس العالم 2018 بروسيا وطريقة إجرائها
الجمعة 01 ديسمبر 2017, 3:22 pm من طرف H@MDY10
» إذا كنت تنوي شراء آيفون X - تعرّف على أبرز عيوب الآيفون اكس!
الأربعاء 29 نوفمبر 2017, 1:50 pm من طرف H@MDY10
» مواصفات وأسعار هواتف Mate 10 و Mate 10 Pro الجديدة من هواوي
الخميس 19 أكتوبر 2017, 9:20 am من طرف H@MDY10
» أفضل موقع لربح الأموال من اختصار الروابط بأعلى عائد أرباح في العالم - موقع كت-فلاي Cut-Fly
الأحد 06 أغسطس 2017, 9:16 am من طرف H@MDY10