منتدى شلة المحترفين

طريقك نحو الإحتراف
 
الرئيسيةالرئيسية  البوابةالبوابة  اليوميةاليومية  س .و .جس .و .ج  بحـثبحـث  قائمة الاعضاءقائمة الاعضاء  التسجيلالتسجيل  دخولدخول  

شاطر | 
 

 كود cSs للاوسمة

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
Oliver R
.:: عضو مجلس إدارة المنتدى ::.
.:: عضو مجلس إدارة المنتدى ::.


دولتي : السعودية
ذكر
مساهماتي : 147
dsd : 3
إنضمامي : 04/01/2014
عمري : 18

مُساهمةموضوع: كود cSs للاوسمة   السبت فبراير 01, 2014 6:39 pm








السلام عليكم  

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

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

-----------

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


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



لنبدأ:-

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

شرح بالصور


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







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




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




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

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

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

إسم : الأوسمة

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

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

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

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

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

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

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

ثم اضغط سجل

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


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



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

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



نضع هذا الكود

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

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

اضغط سجل

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

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


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



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




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


-----------

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


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


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


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


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


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



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



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

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

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



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



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

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

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

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


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






-----------

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

LORD - M!DO

3bdullah.17

الأمل القادم

S.a.L.e.H

-----------

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

s@kr 

-----------

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

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

 

تحياتي

منقووول
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
Admin
.:: رئيس مجلس إدارة المنتدى ::.
.:: رئيس مجلس إدارة المنتدى ::.


دولتي : الجزائر
ذكر
مساهماتي : 1759
dsd : 11
إنضمامي : 29/12/2013

مُساهمةموضوع: رد: كود cSs للاوسمة   السبت فبراير 01, 2014 6:44 pm

سلمت الأيداي 
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://shila-elmou7tarifin.forumth.com
Oliver R
.:: عضو مجلس إدارة المنتدى ::.
.:: عضو مجلس إدارة المنتدى ::.


دولتي : السعودية
ذكر
مساهماتي : 147
dsd : 3
إنضمامي : 04/01/2014
عمري : 18

مُساهمةموضوع: رد: كود cSs للاوسمة   السبت فبراير 01, 2014 6:52 pm

العفووو
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
bfs
عضو مبتدئ
عضو مبتدئ


دولتي : ليبيــا
ذكر
مساهماتي : 8
dsd : 0
إنضمامي : 09/04/2015
عمري : 56

مُساهمةموضوع: رد: كود cSs للاوسمة   الخميس أبريل 09, 2015 6:42 pm

22
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
 
كود cSs للاوسمة
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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