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

[ طلب ] تغير أيقونة متواجد حاليا

النوميدي

:: الأعضاء ::
3 أبريل 2020
202
123
43
أرض الله
www.techawzen.com
هلا بالشباب ..
إن شاء الله الجميع بخير و في أحسن حال ...يا رب
أحببت تغير أيقونة "متواجد حاليا " و التي أراها فظة شوية
Capture.JPG

حاولت فعل ذلك ببعض المواضيع وجدتها هنا أو هناك لكن أكثريتها للجيل الأول و لا تتوافق مع أحدث نسخة
فهل هناك طريقة لتغير الأيقونة إلى أحدث إصدار
تحياتي

 
سلام علیک
ادخل لوحة تحکم المدیر و ثم اذهب الی المظهر » الاستایلات و القوالب » القوالب
ثم ابحث عن قالب message.less و افتحه و ابحث عن کود اللی موجود في الاسفل:
كود:
            .m-faBase();
            .m-faContent(@fa-var-user-circle, .969em);
و استبدله بهذا الکود:
كود:
        font-family: "Font Awesome 5 Pro";
        content: "\f21e";

و العلامة راح تتغیر الی شکل قلب
 
التعديل الأخير:
هلا بالغالي القناص
ألا يمكن وضع مثلا نقطة أو شرطة في الزاوية الأعلى على يمين للصورة
full_1526367623_spent.png

كما كان سابقا في الجيل الأول لأني جربت ما تفضلت بطرحه و الأيقونة لا تظهر جميلة كأنها لم تتغير
Capture.JPG

،،،
تقبل تحياتي العطرة
 
التعديل الأخير:
هلا بالغالي القناص
ألا يمكن وضع مثلا نقطة أو شرطة في الزاوية الأعلى على يمين للصورة
مشاهدة المرفق 4744

كما كان سابقا في الجيل الأول لأني جربت ما تفضلت بطرحه و الأيقونة لا تظهر جميلة كأنها لم تتغير
مشاهدة المرفق 4743

،،،
تقبل تحياتي العطرة
شي اللي في بالي حالیاً کله معی الايقونه.
اکید یصیر تحطی مثلث لکن خلنا نجرب أیقونة دايرة معی تغییر موقعيتها:

ادخل لوحة تحکم المدیر و ثم اذهب الی المظهر » الاستایلات و القوالب » القوالب
ثم ابحث عن قالب message.less و افتحه و ابحث عن کود اللی موجود في الاسفل:
كود:
            .m-faBase();
            .m-faContent(@fa-var-user-circle, .969em);

و استبدله بهذا الکود:
كود:
        font-family: "Font Awesome 5 Pro";
        content: "\f111";

و مجدداً في نفس القالب ابحث عن:
كود:
        // center bottom position
        left: 50%;
        margin-left: -.615em;
        bottom: -.5em;
و استبدله بـ :
كود:
        top:0;
        right:0;

و النتیجه:


1615053659430.png
 
هي جميلة صراحة و لكن أظن لو كانت مثل هيك
full_1526367623_spent (1).png

تكون قوة و أجمل ، شو رايك يا غالي؟
هلا من جدید:
اذهب الی نفس القالب و ابحث عن الکود:
كود:
        // center bottom position
        left: 50%;
        margin-left: -.615em;
        bottom: -.5em;

        &:before
        {
            .m-faBase();
            .m-faContent(@fa-var-user-circle, .969em);
            line-height: 1;
            font-weight: bold;
            color: rgb(127, 185, 0);
            background: @xf-messageUserBlock--background-color;
            border: @xf-messageUserBlock--background-color solid 2px;
            border-radius: 50%;
            display: inline-block;
        }
و استبدله بــ :
كود:
        top:0;
        right:0;
width: 0;
height: 0;
border: 0 solid transparent;
border-top-width: 0px;
border-bottom-width: 20px;
border-right: 20px solid #16EC0B;

النتیجه:

1615057916603.png

نفس اللي موجود في صورتک، صح؟



** اذا مانه نفسه، اندب رابط موقع اللي ترید وضعية متواجد حالیاً مثله یکون.
 
نفس اللي موجود في صورتک، صح؟
الله الله على الإحترافية ... ،
أصبحت تمام و زيادة ..،
Capture.JPG
الله يكرمك و يزيدك من نعيمو ....يا رب
ما شاء الله عليك ... تسلم الأيدي ..،

تحياتي العطرة ...
 
بارك الله في اخوي @القناص على ردوده ولكن من اﻻفضل ان ﻻتقوم بالتعديل على قوالب less الخاصة بالنسخة

ولكن تستطيع نسخ اسم الكلاس الذي تريد التعديل عليه ومن ثم وضع التغييرات في قالب extra.less

ثانيا ً نصيحة مني ﻻ تقوم باستبدال متغيرات اﻻيقونات بالطريقة العادية ولكن استخدم المتغيرات الخاصة بالزين فورو ﻻنه في المستقبل سوف يتم ترقية نسخة FontAwesome الى اﻻصدار السادس وبهذا راح تحتاج الى تعديل اﻻكواد الخاصة بك
 
الله الله على الإحترافية ... ،
أصبحت تمام و زيادة ..،
مشاهدة المرفق 4750
الله يكرمك و يزيدك من نعيمو ....يا رب
ما شاء الله عليك ... تسلم الأيدي ..،

تحياتي العطرة ...
العفو الغالی ماسوینا شئ

بارك الله في اخوي @القناص على ردوده ولكن من اﻻفضل ان ﻻتقوم بالتعديل على قوالب less الخاصة بالنسخة

ولكن تستطيع نسخ اسم الكلاس الذي تريد التعديل عليه ومن ثم وضع التغييرات في قالب extra.less

ثانيا ً نصيحة مني ﻻ تقوم باستبدال متغيرات اﻻيقونات بالطريقة العادية ولكن استخدم المتغيرات الخاصة بالزين فورو ﻻنه في المستقبل سوف يتم ترقية نسخة FontAwesome الى اﻻصدار السادس وبهذا راح تحتاج الى تعديل اﻻكواد الخاصة بك
هلا الشقاوي
صح الکلام و راح آحاول آطبق هذه الاشياء
انا لحين في بداية المشوار و ان شاءالله نستفاد اکثر من خبرتک انت و الباقين. :D
 

إحصائيات المنتدى

المواضيع
1,451
المشاركات
16,647
الأعضاء
1,027
آخر عضو مسجل
dedowbas
أعلى