برگزیده های پرشین تولز

خطای ظاهری نمایش ناقص نوار آنلاین بودن افراد

sIiiS

کاربر قدیمی پرشین تولز
تاریخ عضویت
23 آپریل 2004
نوشته‌ها
4,848
لایک‌ها
181
محل سکونت
اصفهان
نمیدونم قبلا مطرح شده یا نه ولی بهتره این مشکل برطرف بشه چون بودنش خیلی حرفه‌ای نیست!

الان افرادی که آنلاین هستند بالای تصویر آواتارشون یه نوار ناقص سبزرنگ میاد مثل تصویر زیر

siiis1-png.966008

فقط کافیِ کسی که مسئول ظاهر سایت هست مقدار کلاس مربوطه را به شکل زیر اصلاح کنه تا مشکل برطرف بشه
کد:
.messageUserBlock div.avatarHolder .onlineMarker {
    right: 23px;
    top: 10px;
}

بعد از تغییر بالا تصویر اصلاح میشه و به شکل زیر در میاد

siiis2-png.966011

به نظرتون کدوم قشنگ‌تر و حرفه‌ای تره؟ :D
 

فایل های ضمیمه

  • siiis1.png
    siiis1.png
    24.4 KB · نمایش ها: 24
  • siiis2.png
    siiis2.png
    24.8 KB · نمایش ها: 24

sIiiS

کاربر قدیمی پرشین تولز
تاریخ عضویت
23 آپریل 2004
نوشته‌ها
4,848
لایک‌ها
181
محل سکونت
اصفهان
الان که داشتم توی انجمن‌های خارجی نگاه می‌کردم دیدم حالت درستش مثل تصویر زیر هست

siiis3-png.966121

که برای این کار علاوه بر تغییر کد پست اول باید کد زیر هم تغییر کنه
HTML:
.messageUserBlock div.avatarHolder .onlineMarker {
    position: absolute;
    top: 9px;
    right: 23px;
    border: 7px solid transparent;
    border-top-color: rgb(127, 185, 0);
    border-right-color: rgb(127, 185, 0);
    border-top-right-radius: 5px;
    border-top-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

در واقع مقدار right: 9px باید به مقدار right: 23px تغییر کنه فقط تا مکانش درست بشه
 

فایل های ضمیمه

  • siiis3.png
    siiis3.png
    22.1 KB · نمایش ها: 17

GlobalTech

کاربر قدیمی پرشین تولز
کاربر قدیمی پرشین تولز
تاریخ عضویت
5 سپتامبر 2007
نوشته‌ها
3,311
لایک‌ها
4,756
البته tooltip نمایش وضعیت هم بعد از اعمال این تغییرات باید پوزیشنش اصلاح بشه. هر چند که در کل خود این موضوع چیز چندان مهمی هم نیست و نوار وضعیت میتونه به شکل فعلیش هم باقی بمونه .
 
بالا