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

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

ممكن توضيح

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

الكود:

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

ضع الكود التالي في ورقة ال CSS

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

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

omarpop23 كتب:

الكود:

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

ضع الكود التالي في ورقة ال CSS

المقصود بورقة css انك تدخل على لوحة الادارة..- مظهر المنتدى + الصور والالوان + الوان ستجد ورقة تصميم css ضع فيها الكود المقدم من الاخ عمر ثم اضفط قدم

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

الكود:

.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

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

شهد 122 كتب:

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

الشيء الذي قمت به صحيح، هل يمكنك ان تريني الشيء الذي قمت بلصقه؟؟

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

اقصد  كود  اخونا  عمر

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

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

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

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

شهد 122 كتب:

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

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

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

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

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