اضف موقعك في دليل المواقع



يمكنك إشهار موقعك أو مدونتك أو منتداك وتحقيق باك لينك قوي وزيارات لموقعك عن طريق إضافة موقعك إلى أكبر دليل مواقع مجاني في الوطن العربي

دليل مواقع كت فلاي من هنا.

ابحث في Google
دخول

لقد نسيت كلمة السر

تابعنا على الفيسبوك


المواضيع الأخيرة
» حصريا المسلسل الكوميدي الرومانسى Til Death مدبلج للهجة المصرية
تومبيلايت:وضع اطار حول عناصر البيانات الشخصية I_icon_minitimeأمس في 5:52 pm من طرف mahmoud barakat

» فيسبوك تطلق تطبيق جديد لحماية ومراقبة الأطفال.. كل ما تود معرفته عن تطبيق Messenger Kids للأطفال!
تومبيلايت:وضع اطار حول عناصر البيانات الشخصية I_icon_minitimeالخميس 07 ديسمبر 2017, 1:02 pm من طرف H@MDY10

» إطلاق أول هاتف ذكي مصري في الأسواق من SICO إليكم المواصفات والأسعار
تومبيلايت:وضع اطار حول عناصر البيانات الشخصية I_icon_minitimeالإثنين 04 ديسمبر 2017, 10:42 pm من طرف H@MDY10

» شاهد جميع القنوات والباقات المشفرة والمفتوحة بأسعار رمزية على هذا السيرفر القوي IP TV - الباقات والأسعار
تومبيلايت:وضع اطار حول عناصر البيانات الشخصية I_icon_minitimeالإثنين 04 ديسمبر 2017, 10:49 am من طرف H@MDY10

» البث المباشر لحفل إجراء قرعة كأس العالم 2018 بروسيا وطريقة إجرائها
تومبيلايت:وضع اطار حول عناصر البيانات الشخصية I_icon_minitimeالجمعة 01 ديسمبر 2017, 3:22 pm من طرف H@MDY10

» إذا كنت تنوي شراء آيفون X - تعرّف على أبرز عيوب الآيفون اكس!
تومبيلايت:وضع اطار حول عناصر البيانات الشخصية I_icon_minitimeالأربعاء 29 نوفمبر 2017, 1:50 pm من طرف H@MDY10

» مواصفات وأسعار هواتف Mate 10 و Mate 10 Pro الجديدة من هواوي
تومبيلايت:وضع اطار حول عناصر البيانات الشخصية I_icon_minitimeالخميس 19 أكتوبر 2017, 9:20 am من طرف H@MDY10

» أفضل موقع لربح الأموال من اختصار الروابط بأعلى عائد أرباح في العالم - موقع كت-فلاي Cut-Fly
تومبيلايت:وضع اطار حول عناصر البيانات الشخصية I_icon_minitimeالأحد 06 أغسطس 2017, 9:16 am من طرف H@MDY10

» منذ سنوات طويلة ونحن نشحن هواتفنا بطريقة خاطئة !
تومبيلايت:وضع اطار حول عناصر البيانات الشخصية I_icon_minitimeالأربعاء 19 يوليو 2017, 9:45 am من طرف H@MDY10

» حل مشكلة عدم فتح البرامج والألعاب على الكمبيوتر وظهور رسالة الخطأ 0XC0000022 بشكل نهائي وسريع
تومبيلايت:وضع اطار حول عناصر البيانات الشخصية I_icon_minitimeالأربعاء 19 يوليو 2017, 9:41 am من طرف H@MDY10



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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

تومبيلايت:وضع اطار حول عناصر البيانات الشخصية Empty تومبيلايت:وضع اطار حول عناصر البيانات الشخصية

مُساهمة من طرف H@MDY10 في الجمعة 19 فبراير 2016, 5:21 pm

السلام عليكم ورحمة الله وبركاته
نقدم اليكم اخوانى تعديل بسيط خاص بالبيانات الشخصية 
نحص من خلاله على اكثر من شكل لاضافة اطار حول عناصر البيانات الشخصية 
مثلا 
مستطيل 
اطار دائرى 
نقاط فقط بين العناصر ويمكنك التحكم فى الوان الاطارات 

اولا لعمل التعديل نذهب الى 
لوحه الادارة 
مظهر المنتدى 
التومبيلايت والقوالب
نضغط تعديل لقالب 
viewtopic_body 


ونبحث عن الكود التالى 
الكود:- 
الكود:
{postrow.displayed.profile_field.CONTENT}

ونستبدله بالكود التالى 
الكود:- 
الكود:
<div class="Hima-elmasry">{postrow.displayed.profile_field.CONTENT}</div>


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


اولا شكل مستطيل
تومبيلايت:وضع اطار حول عناصر البيانات الشخصية Hima22
الكود:- 
الكود:
.Hima-elmasry{
width:100%;
max-width:145px;
max-height:40px;
padding: 0px;
background-color: #EEEEEE ;
border-width:145px;
margin:auto
}

يمكنكم التحكم فى الخلفيه + الحجم للاطار
يمكنكم التحكم فى اللون من خلال هذا الكود
# EEEEEE

ثانيا شكل دائرى

تومبيلايت:وضع اطار حول عناصر البيانات الشخصية Hima111
الكود:--------- 
الكود:
.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
الكود:- 
الكود:
.Hima-elmasry{
border-top:1px dotted green;
border-bottom:1px dotted red;
max-width:150px;
margin:auto
}

يمكنكم التحكم فى اللون من خلال تغير اسم اللون
green
والحجم من خلال 
1px

بالاضافة الى هذا الكود شكل دائرى عبارة عن نقط فقط جميل جدا
تومبيلايت:وضع اطار حول عناصر البيانات الشخصية Hima23
الكود:- 
الكود:
.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
وقدم 

ومبروك..
H@MDY10
H@MDY10
المـديـر العـــام
المـديـر العـــام

الجنس : ذكر
البلد : مصر
الابراج : الميزان
الأوسمــة : المدير العام
تاريخ التسجيل : 16/10/2008
عدد المشاركات : 4303
نقاط نشاطك الفعلي بالموقع : 577604
نقاط التقدير للمشاركات المتميزة : 44

https://www.facebook.com/foru.4ulike https://twitter.com/foru4ulike https://www.forulike.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى