كود cSs للاوسمة
التسجيلالتعليماتالمجموعاتالتقويممشاركات اليومالبحث

الملاحظات

أهلا وسهلا بك في :: Th3-progroup منتدى شلة المحترفين::
أهلا وسهلا بك زائرنا الكريم، إذا كانت هذه زيارتك الأولى للمنتدى، فيرجى التكرم بزيارة صفحة التعليمـــات، بالضغط هنا.كما يشرفنا أن تقوم بالتسجيل بالضغط هنا إذا رغبت بالمشاركة في المنتدى، أما إذا رغبت بقراءة المواضيع والإطلاع فتفضل بزيارة القسم الذي ترغب أدناه.

منتدى شلة المحترفين :: تطوير منتديات احلى منتدى :: متجر الأكواد :: اكواد Css

شاطر

السبت فبراير 01, 2014 6:39 pm
المشاركة رقم:
.:: عضو مجلس إدارة المنتدى ::.
.:: عضو مجلس إدارة المنتدى ::.


إحصائية العضو

دولتي : السعودية
ذكر
مساهماتي : 147
dsd : 3
إنضمامي : 04/01/2014
عمري : 18
معاينة صفحة البيانات الشخصي للعضو
مُساهمةموضوع: كود cSs للاوسمة


كود cSs للاوسمة









السلام عليكم  

سأشرح لكم اليوم طريقة جميلة لاضافة أكثر من وسام لعضو في عنصر شخصي واحد 

واظهار هذا العنصر بطريقة روعة 

-----------

أولا تفضلوا مثال لما سنقوم بتنفيذه 


تكبير الصورة معاينة الأبعاد الأصلية.



لنبدأ:-

اذهب الي : لوحة الادارة > الاعضاء والمجموعات > البيانات الشخصية > اضغط زر اضافة 

شرح بالصور


تكبير الصورة معاينة الأبعاد الأصلية.







تكبير الصورة معاينة الأبعاد الأصلية.




تكبير الصورة معاينة الأبعاد الأصلية.




بعدها ستظهر لك صفحة اضافة عنصر

اجعل الخيارات هكذا

النوع : حقل نص متعدد

إسم : الأوسمة

الوصف : الأوسمة (اختياري)

رابط الأيقونة : غير مهمة

معاينة : ضع صح امام ( البيانات الشخصية ) و (المساهمات)

نوع الاظهار : أيقونة

من يستطيع تعديل خيارات و محتويات الحقل؟: ضع صم امام (المشرفون)

إظهار هذا الحقل للمستعملين الذين ينتمون على الأقل الى مجموعة: (اختر الزوار) أو (الأعضاء) حسب راحتك

فارق : هذا غير ضروري واذا أردته فهذا الفارق بين عنصر أوسمة والعنصر اللذي يليه

ثم اضغط سجل

بحيث تكون الصفحة هكذا


تكبير الصورة معاينة الأبعاد الأصلية.



اما في المحتوي الأصلي :

تكبير الصورة معاينة الأبعاد الأصلية.



نضع هذا الكود

الكود:
---------تضليل المحتوى
الرمز:
[img]http://img406.imageshack.us/img406/1933/jb12915568671.gif[/img]

بعد وضع أحد هذه الأكواد في خانة المحتوي الأصلي

اضغط سجل

ثم اذهب الي عنصر الأوسمة بعدما تم انشاؤه واضغط زر التعديل

واضغط تغيير المحتوي ليتم وضع هذه الصور لكل الأعضاء


تكبير الصورة معاينة الأبعاد الأصلية.



تكبير الصورة معاينة الأبعاد الأصلية.




بهذا تم انشاء العنصر بنجاح 


-----------

بعد تنفيذ هذه الخطوات يكون عنصر الأوسمة جاهز


ولم يتبق عليك سوي اضافة أوسمة للعضو


بحيث كلما يزيد نشاط العضو تمنحه وسام زيادة 


طريقة اضافة الأوسمة للعضو


اذهب الي الملف الشخصي لعضو معين


ثم اضغط زر التعديل الديناميكي  عندما تمرر الماوس علي العنصر



تكبير الصورة معاينة الأبعاد الأصلية.



سيظهر لك مربع التعديل

اضغط انتر بعد الكود الموجود

وأضف هذا الكود



الكود:
---------تضليل المحتوى
الرمز:
[img]*******[/img]



ضع مكان النجوم رابط صورة الوسام الجديد اللذي تريد اضافته

وكلما أردت اضافة وسام آخر استخدم نفس الكود وضع به رابط الوسام الجديد 

مع مراعاة الفصل بين كل وسام بانتر 

ثم اضغط ايقونة صح  للحفظ


تكبير الصورة معاينة الأبعاد الأصلية.






-----------

مع خالص التحية لمصممي الأوسمة :

LORD - M!DO

3bdullah.17

الأمل القادم

S.a.L.e.H

-----------

فكرة وتنفيذ :-

s@kr 

-----------

ارجوا ان اكون افدتكم

انتهي الموضوع

 

تحياتي

منقووول





الموضوع الأصلي : كود cSs للاوسمة // المصدر : منتدى شلة المحترفين // الكاتب: Oliver R


توقيع : Oliver R





السبت فبراير 01, 2014 6:44 pm
المشاركة رقم:
.:: رئيس مجلس إدارة المنتدى ::.
.:: رئيس مجلس إدارة المنتدى ::.


إحصائية العضو

دولتي : الجزائر
ذكر
مساهماتي : 1759
dsd : 11
إنضمامي : 29/12/2013
معاينة صفحة البيانات الشخصي للعضو http://shila-elmou7tarifin.forumth.com
مُساهمةموضوع: رد: كود cSs للاوسمة


كود cSs للاوسمة


سلمت الأيداي 





الموضوع الأصلي : كود cSs للاوسمة // المصدر : منتدى شلة المحترفين // الكاتب: Admin


توقيع : Admin





السبت فبراير 01, 2014 6:52 pm
المشاركة رقم:
.:: عضو مجلس إدارة المنتدى ::.
.:: عضو مجلس إدارة المنتدى ::.


إحصائية العضو

دولتي : السعودية
ذكر
مساهماتي : 147
dsd : 3
إنضمامي : 04/01/2014
عمري : 18
معاينة صفحة البيانات الشخصي للعضو
مُساهمةموضوع: رد: كود cSs للاوسمة


كود cSs للاوسمة


العفووو





الموضوع الأصلي : كود cSs للاوسمة // المصدر : منتدى شلة المحترفين // الكاتب: Oliver R


توقيع : Oliver R





الخميس أبريل 09, 2015 6:42 pm
المشاركة رقم:
عضو مبتدئ
عضو مبتدئ


إحصائية العضو

دولتي : ليبيــا
ذكر
مساهماتي : 8
dsd : 0
إنضمامي : 09/04/2015
عمري : 56
معاينة صفحة البيانات الشخصي للعضو
مُساهمةموضوع: رد: كود cSs للاوسمة


كود cSs للاوسمة


22





الموضوع الأصلي : كود cSs للاوسمة // المصدر : منتدى شلة المحترفين // الكاتب: bfs


توقيع : bfs








الــرد الســـريـع
..



الذين يشاهدون محتوى الموضوع الآن : 20 ( الأعضاء 3 والزوار 17)


«الموضوع السابق|الموضوع التالي»

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

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة


أعلى 10 إحصائيات
افضل الاعضاء هذا الاسبوعأكثر الاعضاء مشاركهأفضل 10 اعضاء هذا الشهرآخر المشاركات
Admin
1759 عدد المساهمات
kingsoft
457 عدد المساهمات
بلمامون
436 عدد المساهمات
chaima98
396 عدد المساهمات
iness
308 عدد المساهمات
boyDz
222 عدد المساهمات
Oliver R
147 عدد المساهمات
nonomiml
131 عدد المساهمات
lion alg
130 عدد المساهمات
alfahloy
111 عدد المساهمات
كاميرات مراقبة
3 عدد المساهمات
» شركة دي سي اس مصر للاتصالات الحديثة 2017
من طرفكاميرات مراقبة الإثنين يناير 02, 2017 6:01 pm
» تشطيب شقق, تشطيب فيلل, شركة تشطيبات وديكورات 2017
من طرفكاميرات مراقبة الإثنين يناير 02, 2017 5:58 pm
» كاميرات مراقبة, كاميرات المراقبة, كاميرا 2017
من طرفكاميرات مراقبة الإثنين يناير 02, 2017 5:49 pm
» الحق اقووووي عروض كاميرات المراقبة 2016
من طرفكاميرات مراقبة الإثنين نوفمبر 21, 2016 4:12 pm
» أفضل أجهزة حضور وانصراف لضبط مواعيد العاملين 2016
من طرفكاميرات مراقبة الإثنين نوفمبر 21, 2016 4:10 pm
» سنترالات باناسونيك ضمان عااام كامل وأفضل الاسعار 2016
من طرفكاميرات مراقبة الإثنين نوفمبر 21, 2016 4:08 pm
» كاميرات مراقبة, كاميرات المراقبة, كاميرا 2016
من طرفكاميرات مراقبة الإثنين نوفمبر 21, 2016 4:04 pm
» كاميرات مراقبة, كاميرات المراقبة, كاميرا 2016
من طرفكاميرات مراقبة الإثنين نوفمبر 21, 2016 3:47 pm
» الحق اقووووي عروض كاميرات المراقبة 2016
من طرفكاميرات مراقبة السبت نوفمبر 19, 2016 5:52 pm
» أفضل أجهزة حضور وانصراف لضبط مواعيد العاملين 2016
من طرفكاميرات مراقبة السبت نوفمبر 19, 2016 5:36 pm
» سنترالات باناسونيك بضمان معتمد 2016
من طرفكاميرات مراقبة السبت نوفمبر 19, 2016 5:25 pm
» كاميرات مراقبة, كاميرات المراقبة, كاميرا 2016
من طرفكاميرات مراقبة السبت نوفمبر 19, 2016 5:18 pm
» كاميرات مراقبة بحميع أنواعها من شركة دي سي اس مصر 2016
من طرفكاميرات مراقبة السبت نوفمبر 19, 2016 5:15 pm