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

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

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

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

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



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

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

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

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

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

ممكن توضيح
avatar
omarpop23
 
 

ذكر
عدد المساهمات : 1150
معدل النشاط : 3503
السُمعة : 123

http://www.best-devs.net

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

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

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

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



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

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

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

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

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

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

ذكر
عدد المساهمات : 1150
معدل النشاط : 3503
السُمعة : 123

http://www.best-devs.net

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

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

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

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



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

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

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

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

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

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



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

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

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

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

مُساهمة من طرف TAREK YOUCEF في السبت 16 ديسمبر 2017 - 8: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

TAREK YOUCEF
احلى مساعد
احلى مساعد

ذكر
عدد المساهمات : 1379
معدل النشاط : 4398
السُمعة : 27

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

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

مُساهمة من طرف Amghidh في الأحد 17 ديسمبر 2017 - 18: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
avatar
Amghidh
 
 

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

https://www.odros.net

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

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

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

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



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

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

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

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

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

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

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

https://www.odros.net

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

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

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

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



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

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

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

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

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

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



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

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

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

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

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

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

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

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

https://www.odros.net

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

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

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

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



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

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

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

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

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

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

ذكر
عدد المساهمات : 1405
معدل النشاط : 5074
السُمعة : 36

http://creativity55.yoo7.com

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

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

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

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



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

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

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

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

مُساهمة من طرف TAREK YOUCEF في الإثنين 18 ديسمبر 2017 - 20:52

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

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

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

TAREK YOUCEF
احلى مساعد
احلى مساعد

ذكر
عدد المساهمات : 1379
معدل النشاط : 4398
السُمعة : 27

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

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

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

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








avatar
الساعي
احلى محاور

ذكر
عدد المساهمات : 1405
معدل النشاط : 5074
السُمعة : 36

http://creativity55.yoo7.com

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

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

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

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



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

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

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

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

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

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

ذكر
عدد المساهمات : 1150
معدل النشاط : 3503
السُمعة : 123

http://www.best-devs.net

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

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

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

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