منتديات فوريو لايك
ابحث في Google
دخول

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

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


المواضيع الأخيرة
» فتح المواقع المحجوبه للايفون والايباد علي شبكة الانترنت
الأربعاء 19 أبريل 2017, 11:59 am من طرف فك الحجب

» مقارنة بين آيفون 7 بلس وجالاكسي اس 8 بلس Galaxy S8 Plus vs iPhone 7 plus
الثلاثاء 11 أبريل 2017, 12:15 pm من طرف H@MDY10

» طريقة ربح المال من اختصار الروابط Cut-urls - الربح من الإنترنت
الثلاثاء 11 أبريل 2017, 12:11 pm من طرف H@MDY10

» طريقة ربح الأموال من أفضل موقع لاختصار الروابط tmearn يعطي أعلى أرباح للدول العربية
الأربعاء 05 أبريل 2017, 1:11 pm من طرف H@MDY10

» برنامج بروكسي الvpn الافضل فى حرية تصفح الانترنت
الإثنين 03 أبريل 2017, 11:39 am من طرف فك الحجب

» طريقة استرجاع الملفات والصور والرسائل المحذوفة من على هاتفك حتى بعد الفورمات
الأربعاء 29 مارس 2017, 9:40 am من طرف H@MDY10

» وصفات فعّالة لعلاج آلام الرقبة وأعلى الظهر
الإثنين 27 مارس 2017, 1:48 pm من طرف H@MDY10

» وصفة طبيعية لتقشير وتبييض اليدين والقدمين وإزالة الجلد الميت
الإثنين 27 مارس 2017, 12:07 pm من طرف H@MDY10

» أفضل وأسرع وأسهل موقع لرفع وتحميل الملفات على الإنترنت - احفظ ملفاتك بآمان
الإثنين 27 مارس 2017, 11:59 am من طرف H@MDY10

» هل تريد الحصول على أسرع إنترنت؟ اكتب هذا الكود
الخميس 02 مارس 2017, 1:58 pm من طرف H@MDY10



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

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

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

مُساهمة من طرف 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
وضع به الكود
وسجل


اولا شكل مستطيل
الكود:
الكود:
.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
وقدم 

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

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

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

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

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


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