[ حصريا ] شرح وضع صورة بدل الفاصلة في المتواجدون الان

shqawe قال:

بسم الله الرحمن الرحيم

الحمد لله والصلاة والسلام على رسول الله نبينا محمد عليه افضل الصلاة واتم التسليم

اللهم لا علم لنا إلا ما علمتنا، إنك أنت العليم الحكيم، اللهم علمنا ما ينفعنا، وانفعنا بما علمتنا، وزدنا علما،

اقدم لكم اليوم طريقة استبدال الفاصلة بصورة في المتواجدون الان والطريقة سهلة باذن الله ولا تحتاج الا للتعديل على قالب واحد فقط

ملاحظة: قبل التعديل على اي قالب خذ نسخة احتياطية للقالب في حال حدثت اي مشكلة لا قدر الله

بسم الله نبدأ الشرح:

قم بفتح قالب widget_members_online وابحث عن الكود التالي:

HTML:

listInline--comma

واستبدل الكود بهذا الكود:

HTML:

online--comma

احفظ القالب ومن ثم قم بالتوجه الى قالب extra.less واضف الكود التالي به:

CSS:

.listInline{
    &.online--comma{
        display: inline-block;
        > li:after{
        content: "";
        background: url('styles/online-comma.gif');
        display: inline-block;
        width: 16px;
        height: 13px;
        }
        > li:last-child:after{
            content: "";
            display: none;
        }
    }
}

ثم احفظ القالب ومن ثم قم برفع اي من الصور المرفقة الى مجلد styles الموجود في رئيسية المنتدى مع التأكد من تغيير اسم الصورة الى online-comma.gif وبهذا سوف يتم استبدال الفاصلة بصورة

ان اصبت فهذا من فضل الله علي وان اخطأت فجل من لا يخطأ

احترامي وتقديري
اخوكم
شقاوي

أنقر للتوسيع...