استفسار كيفية عمل ايقونة خاصة للمنتديات

2 مشترك

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

تم الحل استفسار كيفية عمل ايقونة خاصة للمنتديات

مُساهمة من طرف Mr Google السبت 2 نوفمبر 2024 - 14:45

استفسار كيفية عمل ايقونة خاصة بكل منتدى

إضافة أيقونات مختلفة للمنتديات


مثال:


استفسار كيفية عمل ايقونة خاصة للمنتديات Screen-Shot-Tool-20241102133857




باستعمال أيقونات FontAwesome و ليس صور


نسخة منتديا ModernBB

شكرا لكم جميعا


عدل سابقا من قبل Mr Google في السبت 2 نوفمبر 2024 - 21:16 عدل 1 مرات
Mr Google
Mr Google
 
 

ذكر
عدد المساهمات : 86
معدل النشاط : 466
السُمعة : 1

https://webtn.ahlamontada.com/

دمعه السعودية يعجبه هذا الموضوع

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

تم الحل رد: استفسار كيفية عمل ايقونة خاصة للمنتديات

مُساهمة من طرف كونان2000 السبت 2 نوفمبر 2024 - 17:34

السلام عليكم
أولاً، تحتاج إلى إضافة FontAwesome في الهيدر.
يمكنك القيام بذلك عن طريق إضافة الرابط التالي
الكود:
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">


يمكنك العثور على مجموعة واسعة من الأيقونات على موقع FontAwesome الرسمي.
موقع FontAwesome

اضغط على اليقونه الذي تريد سيظهر كود مثل التالي
الكود:
<i class="fa-solid fa-virus"></i>

وضعها في وصف القسم
كونان2000
كونان2000
احلى نائب
احلى نائب

ذكر
عدد المساهمات : 1776
معدل النشاط : 3688
السُمعة : 332

https://anime.forumperso.com/

دمعه السعودية و Mr Google يعجبهم هذا الموضوع

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

تم الحل رد: استفسار كيفية عمل ايقونة خاصة للمنتديات

مُساهمة من طرف Mr Google السبت 2 نوفمبر 2024 - 17:44

@كونان2000 و عليكم السلام و رحمة الله


شكرا لك على الرد


الفكره هي اضافه ايقونات لكل منتدى مكان صوره المنتدى الاصليه:  منتدى جديد .. مقفل ..


تكون كل ايقونه تعبر عن اسم المنتدى... 


مثل الصوره


استفسار كيفية عمل ايقونة خاصة للمنتديات Screen-Shot-Tool-20241102133857


الطريقه التي استعملها الان من من هنا


اعتقد انه كود جافا و معه كود css


مثل كود تلوين الفئات 
Mr Google
Mr Google
 
 

ذكر
عدد المساهمات : 86
معدل النشاط : 466
السُمعة : 1

https://webtn.ahlamontada.com/

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

تم الحل رد: استفسار كيفية عمل ايقونة خاصة للمنتديات

مُساهمة من طرف كونان2000 السبت 2 نوفمبر 2024 - 19:06

اهلا
ربما لا تحتاج الى جافا

احذف الصور "منتدى جديد . مقفل" من القالب

ثم ضع الكود التالي في التشكيلات العامه
الكود:
 <style>
ul.forums dl.icon dd.dterm > div {
    margin-right: 0px !important;
}
a.forumtitle i.material-icons {
    float: right;
    margin-left: 20px;
}

a.forumtitle i.material-icons:hover {
    color: #2196F3;
}
a.forumtitle i.material-icons {
    color: #5c5c58;
}
 </style>
كونان2000
كونان2000
احلى نائب
احلى نائب

ذكر
عدد المساهمات : 1776
معدل النشاط : 3688
السُمعة : 332

https://anime.forumperso.com/

ابوعلي البلقاوي, دمعه السعودية و Mr Google يعجبهم هذا الموضوع

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

تم الحل رد: استفسار كيفية عمل ايقونة خاصة للمنتديات

مُساهمة من طرف Mr Google السبت 2 نوفمبر 2024 - 19:22

احسن الله اليك و جازاك عنا كل خير
كيف يمكنني تكبير الايقونات؟
Mr Google
Mr Google
 
 

ذكر
عدد المساهمات : 86
معدل النشاط : 466
السُمعة : 1

https://webtn.ahlamontada.com/

كونان2000 يعجبه هذا الموضوع

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

تم الحل رد: استفسار كيفية عمل ايقونة خاصة للمنتديات

مُساهمة من طرف كونان2000 السبت 2 نوفمبر 2024 - 19:43

Mr Google كتب:احسن الله اليك و جازاك عنا كل خير
كيف يمكنني تكبير الايقونات؟
اهلا اخي Mr Google
ضع التالي بالcss
الكود:
a.forumtitle i.material-icons {
    font-size: 35px;
}
غير الرقم للرقم المناسب لمنتداك
Cool
كونان2000
كونان2000
احلى نائب
احلى نائب

ذكر
عدد المساهمات : 1776
معدل النشاط : 3688
السُمعة : 332

https://anime.forumperso.com/

Mr Google يعجبه هذا الموضوع

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

تم الحل رد: استفسار كيفية عمل ايقونة خاصة للمنتديات

مُساهمة من طرف Mr Google السبت 2 نوفمبر 2024 - 21:17

بارك الله فيك  
clown silent
تم الحل 
Mr Google
Mr Google
 
 

ذكر
عدد المساهمات : 86
معدل النشاط : 466
السُمعة : 1

https://webtn.ahlamontada.com/

كونان2000 يعجبه هذا الموضوع

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

تم الحل رد: استفسار كيفية عمل ايقونة خاصة للمنتديات

مُساهمة من طرف كونان2000 الأحد 3 نوفمبر 2024 - 19:47

Mr Google كتب:بارك الله فيك  
clown silent
تم الحل 
العفو اخي جوجل Mr Google
تم حل المشكلة & ينقل للأرشيف.
يرجى مراجعة : قوانين منتدى الدعم
كونان2000
كونان2000
احلى نائب
احلى نائب

ذكر
عدد المساهمات : 1776
معدل النشاط : 3688
السُمعة : 332

https://anime.forumperso.com/

دمعه السعودية يعجبه هذا الموضوع

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

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

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

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