منتديات التطوير و الاشهار
تومبيلايت:وضع اطار حول عناصر البيانات الشخصيه 15KrP
منتديات التطوير و الاشهار
تومبيلايت:وضع اطار حول عناصر البيانات الشخصيه 15KrP
منتديات التطوير و الاشهار
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

منتديات التطوير و الاشهار

منتديات التطوير و الاشهار
 
الرئيسيةالرئيسية  البوابةالبوابة  أحدث الصورأحدث الصور  التسجيلالتسجيل  دخولدخول  

 

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

اذهب الى الأسفل 
3 مشترك
كاتب الموضوعرسالة
M!do Lado
‎ادارة المنتـدي
‎ادارة المنتـدي
M!do Lado


ذكر
الدولة : Khartoum, Sudan
عدد المساهمات : 2373
نقاط نشاط : 4288
السٌّمعَة : 147
العمر : 26

تومبيلايت:وضع اطار حول عناصر البيانات الشخصيه Empty
مُساهمةموضوع: تومبيلايت:وضع اطار حول عناصر البيانات الشخصيه   تومبيلايت:وضع اطار حول عناصر البيانات الشخصيه Emptyالخميس فبراير 20, 2014 2:41 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
وقدم 

ومبروك..
كل عام والامه الاسلاميه بخير
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.ebda3pub.com
Mtwer3Ibda
أشراف عام الأبداع
أشراف عام الأبداع
Mtwer3Ibda


ذكر
عدد المساهمات : 47
نقاط نشاط : 67
السٌّمعَة : 2
العمر : 26

تومبيلايت:وضع اطار حول عناصر البيانات الشخصيه Empty
مُساهمةموضوع: رد: تومبيلايت:وضع اطار حول عناصر البيانات الشخصيه   تومبيلايت:وضع اطار حول عناصر البيانات الشخصيه Emptyالجمعة فبراير 28, 2014 1:30 pm

السلام علیکم :-
موضوع جمیـل ..
ورائـــــع ..
شکــــــــــــــرا ..
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Admin
‎ادارة المنتـدي
‎ادارة المنتـدي
Admin


ذكر
الدولة : الجزائر
عدد المساهمات : 6059
نقاط نشاط : 8240
السٌّمعَة : 28
العمر : 27

تومبيلايت:وضع اطار حول عناصر البيانات الشخصيه Empty
مُساهمةموضوع: رد: تومبيلايت:وضع اطار حول عناصر البيانات الشخصيه   تومبيلايت:وضع اطار حول عناصر البيانات الشخصيه Emptyالأحد سبتمبر 14, 2014 12:07 am

موضوع رائع شكرا لك كثير


واصل بهخذا النشاط و التميز


تقبل مروري
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.ebda3pub.com
 
تومبيلايت:وضع اطار حول عناصر البيانات الشخصيه
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
»  [تومبيلايت] البيانات الشخصيه بشكل جديد وجميل مع اضافة ادوات النشر اسفلها
»  كود لتغير حجم ولون البيانات الشخصيه
» كود [Template] البيانات الشخصيه فى المواضيع مثل الـ vb تمام
» البيانات الشخصيه فى المواضيع مثل الـ vb تمام بشكل اكثر من رائع
»  كود [Template] البيانات الشخصيه فى المواضيع مثل الـ vb تمام بشكل اكثر من رائع

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات التطوير و الاشهار :: تطویر منتدیات احلی منتدی :: أكواد ‎التومبلايت-
انتقل الى: