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

طريقك نحو الإحتراف
 
الرئيسيةالرئيسية  البوابةالبوابة  أحدث الصورأحدث الصور  التسجيلالتسجيل  دخولدخول  

 

 كود cSs للاوسمة

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


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

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




كود  cSs للاوسمة Salamo3lekobsm3



السلام عليكم كود  cSs للاوسمة 123759 

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

واظهار هذا العنصر بطريقة روعة كود  cSs للاوسمة 201477

-----------

أولا تفضلوا مثال لما سنقوم بتنفيذه كود  cSs للاوسمة 825617


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


لنبدأ:-

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

شرح بالصور


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


كود  cSs للاوسمة 91146785



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



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



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

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

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

إسم : الأوسمة

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

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

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

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

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

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

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

ثم اضغط سجل

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


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


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

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


نضع هذا الكود

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

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

اضغط سجل

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

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


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


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



بهذا تم انشاء العنصر بنجاح كود  cSs للاوسمة 720147


-----------

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


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


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


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


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


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



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


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

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

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



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



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

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

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

ثم اضغط ايقونة صح كود  cSs للاوسمة Valid للحفظ


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





-----------

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

LORD - M!DO

3bdullah.17

الأمل القادم

S.a.L.e.H

-----------

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

s@kr 

-----------

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

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

كود  cSs للاوسمة 221706 

تحياتي

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


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

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

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


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

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

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


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

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

22
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
كود cSs للاوسمة
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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