كيف اعمل ايقونة للاعضاء المتواجدين

5 مشترك

اذهب الى الأسفل

تم الحل كيف اعمل ايقونة للاعضاء المتواجدين

مُساهمة من طرف شهد 122 الجمعة 8 ديسمبر - 17:04

السلام عليكم ورحمة الله وبركاته
اريد ان اعرف كيفية عمل ايقونة للاعضاء (المتواجدون [size=31]الآن ) في المنتدى [/size]
[size=31]جزاكم الله كل خير[/size]
شهد 122
شهد 122

كيف اعمل ايقونة للاعضاء المتواجدين 01010

انثى
عدد المساهمات : 12
معدل النشاط : 2590
السُمعة : 0

http://WWW.RAGHAD.ALNOOR.YOO7.COM

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

تم الحل رد: كيف اعمل ايقونة للاعضاء المتواجدين

مُساهمة من طرف omarpop23 الجمعة 8 ديسمبر - 21:06

ممكن توضيح
omarpop23
omarpop23
 
 

ذكر
عدد المساهمات : 1522
معدل النشاط : 6850
السُمعة : 218

http://www.best-devs.net

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

تم الحل رد: كيف اعمل ايقونة للاعضاء المتواجدين

مُساهمة من طرف شهد 122 السبت 9 ديسمبر - 8:23

السلام عليكم
اقصد بأنني اريد ان اعرف كيفية عمل تصميم للاعضاء المتواجدون على الصفحة الرئيسية .. يعني بدل من ان يكون الاسم تحته خط اريد ان يكون الاسم داخل مربع هذا اللذي اقصده .. جزاكم الله خيرا
شهد 122
شهد 122

كيف اعمل ايقونة للاعضاء المتواجدين 01010

انثى
عدد المساهمات : 12
معدل النشاط : 2590
السُمعة : 0

http://WWW.RAGHAD.ALNOOR.YOO7.COM

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

تم الحل رد: كيف اعمل ايقونة للاعضاء المتواجدين

مُساهمة من طرف omarpop23 الإثنين 11 ديسمبر - 19:56

الكود:
.gensmall strong a {
    text-decoration: none;
    background: url(http://i46.servimg.com/u/f46/14/26/11/47/qtr110.gif);
}
ضع الكود التالي في ورقة ال CSS
omarpop23
omarpop23
 
 

ذكر
عدد المساهمات : 1522
معدل النشاط : 6850
السُمعة : 218

http://www.best-devs.net

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

تم الحل رد: كيف اعمل ايقونة للاعضاء المتواجدين

مُساهمة من طرف شهد 122 الإثنين 11 ديسمبر - 20:04

جزاكم الله كل خير 
سأفعل ان شاء الله
شهد 122
شهد 122

كيف اعمل ايقونة للاعضاء المتواجدين 01010

انثى
عدد المساهمات : 12
معدل النشاط : 2590
السُمعة : 0

http://WWW.RAGHAD.ALNOOR.YOO7.COM

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

تم الحل رد: كيف اعمل ايقونة للاعضاء المتواجدين

مُساهمة من طرف شهد 122 الإثنين 11 ديسمبر - 20:47

اخي حاولت اعرف مكان وضع الكود ولاكنني لم اعرف  لانني كلما فتحت الصفحة الخاصة لوضعه يظهر لي شكل التصميم الخاص بالمنتدى فهل توضح لي اين اضعه بالضبط ؟؟
جزاكم الله كل خير
شهد 122
شهد 122

كيف اعمل ايقونة للاعضاء المتواجدين 01010

انثى
عدد المساهمات : 12
معدل النشاط : 2590
السُمعة : 0

http://WWW.RAGHAD.ALNOOR.YOO7.COM

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

تم الحل رد: كيف اعمل ايقونة للاعضاء المتواجدين

مُساهمة من طرف اعصار السبت 16 ديسمبر - 7:49

omarpop23 كتب:
الكود:
.gensmall strong a {
    text-decoration: none;
    background: url(http://i46.servimg.com/u/f46/14/26/11/47/qtr110.gif);
}
ضع الكود التالي في ورقة ال CSS
المقصود بورقة css انك تدخل على لوحة الادارة..- مظهر المنتدى + الصور والالوان + الوان ستجد ورقة تصميم css ضع فيها الكود المقدم من الاخ عمر ثم اضفط قدم Cool
avatar
اعصار
احلى مساعد
احلى مساعد

ذكر
عدد المساهمات : 3250
معدل النشاط : 9030
السُمعة : 49

https://www.helpub.com/

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

تم الحل رد: كيف اعمل ايقونة للاعضاء المتواجدين

مُساهمة من طرف Amghidh الأحد 17 ديسمبر - 17:32

تماما مثل قول الاخ عمر

الكود:
.gensmall strong a {
    text-decoration: none;
    background: url(http://i46.servimg.com/u/f46/14/26/11/47/qtr110.gif);
}

مزيد من الخواص:
الكود:
background: #fff; //خلفية بيضاء و يمكن تغيير اللون
background: url(link_here); //وضع صورة كخلفية، نضع رابط الصورة بدل link_here
border: 1px solid #000; //وضع إطار للاسماء، يمكن تغيير السمك و النمط و اللون
box-shadow: 1px 1px 1px rgba(0,0,0,0.5); //ظل للاسماء، يمكن تعديل الموقع و الكثافة و النمط و اللون و الشفافية
text-decoration: none; //لحدف التسطير
color: #123; //تغيير لون النص
font-size: 12px; //تغيير حجم النص

كما يمكنك اضافة تأثيرات تظهر عندما يتم تمرير الماوس فوق الاسم باضافة هذا الكود في ورقة css:

الكود:
.gensmall strong a:hover {
//هنا وضع الخواص

}


لوحة الادارة > مظهر المنتدى >   الصور و الألوان > ألوان > ورقة التصاميم CSS
Amghidh
Amghidh
 
 

ذكر
عدد المساهمات : 414
معدل النشاط : 5004
السُمعة : 4

https://www.odros.net

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

تم الحل رد: كيف اعمل ايقونة للاعضاء المتواجدين

مُساهمة من طرف شهد 122 الأحد 17 ديسمبر - 20:38

السلام عليكم ورحمة الله وبركاته
جزاكم الله كل خير على ماتقدمونه من مساعدة
ولكني يا اخوتي نسخت الكود مثلما قلتم لي في ورقة css وعندما عملت معاينة وجدت كل الاستايل واللون الخاص بالمنتدى خرب وتلخبط كل شيء  وبالعافية استطعت تعديله فسؤالي لكم هو
 عندما انسخ كود لكي اضعه في مكان هل علي مسح كل المكتوب من روابط داخل هذا المكان المقصود او ورقة css ؟؟
لانني لم اعمل على مسح الروابط الموضوعة اصلا داخل الورقة وعملت فقط بأضافة الكود في اسفل الورقة .
ارجو التوضيح بارك الله فيكم
شهد 122
شهد 122

كيف اعمل ايقونة للاعضاء المتواجدين 01010

انثى
عدد المساهمات : 12
معدل النشاط : 2590
السُمعة : 0

http://WWW.RAGHAD.ALNOOR.YOO7.COM

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

تم الحل رد: كيف اعمل ايقونة للاعضاء المتواجدين

مُساهمة من طرف Amghidh الأحد 17 ديسمبر - 20:44

شهد 122 كتب:السلام عليكم ورحمة الله وبركاته
جزاكم الله كل خير على ماتقدمونه من مساعدة
ولكني يا اخوتي نسخت الكود مثلما قلتم لي في ورقة css وعندما عملت معاينة وجدت كل الاستايل واللون الخاص بالمنتدى خرب وتلخبط كل شيء  وبالعافية استطعت تعديله فسؤالي لكم هو
 عندما انسخ كود لكي اضعه في مكان هل علي مسح كل المكتوب من روابط داخل هذا المكان المقصود او ورقة css ؟؟
لانني لم اعمل على مسح الروابط الموضوعة اصلا داخل الورقة وعملت فقط بأضافة الكود في اسفل الورقة .
ارجو التوضيح بارك الله فيكم
الشيء الذي قمت به صحيح، هل يمكنك ان تريني الشيء الذي قمت بلصقه؟؟
Amghidh
Amghidh
 
 

ذكر
عدد المساهمات : 414
معدل النشاط : 5004
السُمعة : 4

https://www.odros.net

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

تم الحل رد: كيف اعمل ايقونة للاعضاء المتواجدين

مُساهمة من طرف شهد 122 الأحد 17 ديسمبر - 21:07

قمت بلصق الكود الاول المنزله اخونا اعصار
شهد 122
شهد 122

كيف اعمل ايقونة للاعضاء المتواجدين 01010

انثى
عدد المساهمات : 12
معدل النشاط : 2590
السُمعة : 0

http://WWW.RAGHAD.ALNOOR.YOO7.COM

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

تم الحل رد: كيف اعمل ايقونة للاعضاء المتواجدين

مُساهمة من طرف شهد 122 الأحد 17 ديسمبر - 21:09

اقصد  كود  اخونا  عمر
شهد 122
شهد 122

كيف اعمل ايقونة للاعضاء المتواجدين 01010

انثى
عدد المساهمات : 12
معدل النشاط : 2590
السُمعة : 0

http://WWW.RAGHAD.ALNOOR.YOO7.COM

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

تم الحل رد: كيف اعمل ايقونة للاعضاء المتواجدين

مُساهمة من طرف Amghidh الأحد 17 ديسمبر - 22:24

كود الاخ عمر يعمل عندي تماما.. ممكن تجربي لصقه في بداية الورقة؟؟

تم الإرسال من خلال التطبيق Topic'it
Amghidh
Amghidh
 
 

ذكر
عدد المساهمات : 414
معدل النشاط : 5004
السُمعة : 4

https://www.odros.net

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

تم الحل رد: كيف اعمل ايقونة للاعضاء المتواجدين

مُساهمة من طرف شهد 122 الإثنين 18 ديسمبر - 16:45

ان شاء الله سأفعل
بارك الله فيكم
شهد 122
شهد 122

كيف اعمل ايقونة للاعضاء المتواجدين 01010

انثى
عدد المساهمات : 12
معدل النشاط : 2590
السُمعة : 0

http://WWW.RAGHAD.ALNOOR.YOO7.COM

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

تم الحل رد: كيف اعمل ايقونة للاعضاء المتواجدين

مُساهمة من طرف الساعي الإثنين 18 ديسمبر - 17:49

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

ذكر
عدد المساهمات : 1867
معدل النشاط : 7965
السُمعة : 45

https://www.creativity55.com/

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

تم الحل رد: كيف اعمل ايقونة للاعضاء المتواجدين

مُساهمة من طرف شهد 122 الإثنين 18 ديسمبر - 19:44

الله يحفظك اخي بارك الله فيك
ولكن في  الشرح قلت نقوم بتغيير  رابط الكود
فسؤالي 
ماذا نضع في تغييره ؟؟
بارك الله فيك
شهد 122
شهد 122

كيف اعمل ايقونة للاعضاء المتواجدين 01010

انثى
عدد المساهمات : 12
معدل النشاط : 2590
السُمعة : 0

http://WWW.RAGHAD.ALNOOR.YOO7.COM

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

تم الحل رد: كيف اعمل ايقونة للاعضاء المتواجدين

مُساهمة من طرف اعصار الإثنين 18 ديسمبر - 19:52

شهد 122 كتب:الله يحفظك اخي بارك الله فيك
ولكن في  الشرح قلت نقوم بتغيير  رابط الكود
فسؤالي 
ماذا نضع في تغييره ؟؟
بارك الله فيك
أختي أهلا، بالنسبة لسؤالك ماذا نضع في تغييره أنظري ماذا قال : 
ومن يريد الخلفية ان تكون صورة وليس لون فقط يستعمل هذا الكود
يعني أنه إذا أردت أن يظهر الكود على شكل صورة وليس لون عليك تغيير الرابط وتختاري أي رابط صورة وتضعه مكانه

 a span[style="color:#B83B25"] strong {
        background:url(http://im90.gulfup.com/P5ykZE.png);
        }

الرابط من http إلى png وهو رابط صورة... تغيريه بأي صورة ترغبين  Cool
avatar
اعصار
احلى مساعد
احلى مساعد

ذكر
عدد المساهمات : 3250
معدل النشاط : 9030
السُمعة : 49

https://www.helpub.com/

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

تم الحل رد: كيف اعمل ايقونة للاعضاء المتواجدين

مُساهمة من طرف الساعي الإثنين 18 ديسمبر - 20:38

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








avatar
الساعي
 
 

ذكر
عدد المساهمات : 1867
معدل النشاط : 7965
السُمعة : 45

https://www.creativity55.com/

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

تم الحل رد: كيف اعمل ايقونة للاعضاء المتواجدين

مُساهمة من طرف شهد 122 الأربعاء 20 ديسمبر - 4:09

الله يجزلكم كل خير
وبارك الله فيكم .. 
سأفعل مثلما وضحتم لي
شهد 122
شهد 122

كيف اعمل ايقونة للاعضاء المتواجدين 01010

انثى
عدد المساهمات : 12
معدل النشاط : 2590
السُمعة : 0

http://WWW.RAGHAD.ALNOOR.YOO7.COM

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

تم الحل رد: كيف اعمل ايقونة للاعضاء المتواجدين

مُساهمة من طرف omarpop23 الخميس 28 ديسمبر - 5:41

تم حل المشكلة & ينقل للأرشيف.
يرجى مراجعة : قوانين منتدى الدعم
omarpop23
omarpop23
 
 

ذكر
عدد المساهمات : 1522
معدل النشاط : 6850
السُمعة : 218

http://www.best-devs.net

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

الرجوع الى أعلى الصفحة

- مواضيع مماثلة

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