كيف اعمل ايقونة للاعضاء المتواجدين
5 مشترك
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: مشاكل في تنسيق مظهر أو تصميم أو صور أو الوان المنتدى :: أرشيف قسم "مشاكل في تنسيق مظهر المنتدى"
صفحة 1 من اصل 1
كيف اعمل ايقونة للاعضاء المتواجدين
السلام عليكم ورحمة الله وبركاته
اريد ان اعرف كيفية عمل ايقونة للاعضاء (المتواجدون [size=31]الآن ) في المنتدى [/size]
[size=31]جزاكم الله كل خير[/size]
اريد ان اعرف كيفية عمل ايقونة للاعضاء (المتواجدون [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 انك تدخل على لوحة الادارة..- مظهر المنتدى + الصور والالوان + الوان ستجد ورقة تصميم css ضع فيها الكود المقدم من الاخ عمر ثم اضفط قدمomarpop23 كتب:ضع الكود التالي في ورقة ال CSS
- الكود:
.gensmall strong a {
text-decoration: none;
background: url(http://i46.servimg.com/u/f46/14/26/11/47/qtr110.gif);
}
رد: كيف اعمل ايقونة للاعضاء المتواجدين
تماما مثل قول الاخ عمر
مزيد من الخواص:
كما يمكنك اضافة تأثيرات تظهر عندما يتم تمرير الماوس فوق الاسم باضافة هذا الكود في ورقة 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 ؟؟
لانني لم اعمل على مسح الروابط الموضوعة اصلا داخل الورقة وعملت فقط بأضافة الكود في اسفل الورقة .
ارجو التوضيح بارك الله فيكم
جزاكم الله كل خير على ماتقدمونه من مساعدة
ولكني يا اخوتي نسخت الكود مثلما قلتم لي في ورقة css وعندما عملت معاينة وجدت كل الاستايل واللون الخاص بالمنتدى خرب وتلخبط كل شيء وبالعافية استطعت تعديله فسؤالي لكم هو
عندما انسخ كود لكي اضعه في مكان هل علي مسح كل المكتوب من روابط داخل هذا المكان المقصود او ورقة css ؟؟
لانني لم اعمل على مسح الروابط الموضوعة اصلا داخل الورقة وعملت فقط بأضافة الكود في اسفل الورقة .
ارجو التوضيح بارك الله فيكم
رد: كيف اعمل ايقونة للاعضاء المتواجدين
الشيء الذي قمت به صحيح، هل يمكنك ان تريني الشيء الذي قمت بلصقه؟؟شهد 122 كتب:السلام عليكم ورحمة الله وبركاته
جزاكم الله كل خير على ماتقدمونه من مساعدة
ولكني يا اخوتي نسخت الكود مثلما قلتم لي في ورقة css وعندما عملت معاينة وجدت كل الاستايل واللون الخاص بالمنتدى خرب وتلخبط كل شيء وبالعافية استطعت تعديله فسؤالي لكم هو
عندما انسخ كود لكي اضعه في مكان هل علي مسح كل المكتوب من روابط داخل هذا المكان المقصود او ورقة css ؟؟
لانني لم اعمل على مسح الروابط الموضوعة اصلا داخل الورقة وعملت فقط بأضافة الكود في اسفل الورقة .
ارجو التوضيح بارك الله فيكم
رد: كيف اعمل ايقونة للاعضاء المتواجدين
كود الاخ عمر يعمل عندي تماما.. ممكن تجربي لصقه في بداية الورقة؟؟
تم الإرسال من خلال التطبيق Topic'it
تم الإرسال من خلال التطبيق Topic'it
رد: كيف اعمل ايقونة للاعضاء المتواجدين
الأخت الفاضلة الكريمة
تحية وتقدير
عن إذن الأخ المساعد المحترم
تفضلي هذه الصفحة من خلال هذا الرابط :ـ
إن شاء الله تساعدك في طلبك .
تقبلي تحياتي وتقديري
رد: كيف اعمل ايقونة للاعضاء المتواجدين
الله يحفظك اخي بارك الله فيك
ولكن في الشرح قلت نقوم بتغيير رابط الكود
فسؤالي
ماذا نضع في تغييره ؟؟
بارك الله فيك
ولكن في الشرح قلت نقوم بتغيير رابط الكود
فسؤالي
ماذا نضع في تغييره ؟؟
بارك الله فيك
رد: كيف اعمل ايقونة للاعضاء المتواجدين
أختي أهلا، بالنسبة لسؤالك ماذا نضع في تغييره أنظري ماذا قال :شهد 122 كتب:الله يحفظك اخي بارك الله فيك
ولكن في الشرح قلت نقوم بتغيير رابط الكود
فسؤالي
ماذا نضع في تغييره ؟؟
بارك الله فيك
ومن يريد الخلفية ان تكون صورة وليس لون فقط يستعمل هذا الكود
يعني أنه إذا أردت أن يظهر الكود على شكل صورة وليس لون عليك تغيير الرابط وتختاري أي رابط صورة وتضعه مكانه
a span[style="color:#B83B25"] strong {
background:url(http://im90.gulfup.com/P5ykZE.png);
}
الرابط من http إلى png وهو رابط صورة... تغيريه بأي صورة ترغبين
رد: كيف اعمل ايقونة للاعضاء المتواجدين
شهد 122 كتب:الله يحفظك اخي بارك الله فيك
ولكن في الشرح قلت نقوم بتغيير رابط الكود
فسؤالي
ماذا نضع في تغييره ؟؟
بارك الله فيك
الأخت الفاضلة الكريمة
تحية وتقدير
عن إذن الأخ المساعد المحترم
إليك عدد من الصور التي تصلح كخلفية
لأسماء المجموعات مع تقديري ..
مواضيع مماثلة
» كيف اعيد العارضة السوداء أعلى المنتدى
» مشكلة في بيانات العضو والتوقيع
» طريقة تغيير حجم العناوين في المواضيع
» مشكلة في تسجيل الاعضاء الجدد
» مساعدة في حذف ركن كاتب الموضووع
» مشكلة في بيانات العضو والتوقيع
» طريقة تغيير حجم العناوين في المواضيع
» مشكلة في تسجيل الاعضاء الجدد
» مساعدة في حذف ركن كاتب الموضووع
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: مشاكل في تنسيق مظهر أو تصميم أو صور أو الوان المنتدى :: أرشيف قسم "مشاكل في تنسيق مظهر المنتدى"
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى