نحوه گرد کردن آواتار در ویبولتین 5

[Habili]

برای گرد کردن گوشه های آواتار (Round the Avatar) در پست بیت vBulletin 5 مربوط به قالب پیش فرض ویبولتین و قالب مترو از border-radius استفاده میکنیم. ابتدا وارد کنترل پنل AdminCP شوید و منوی جستجو در قالب ها را کلیک کنید، سپس مطابق زیر بنا بر قالبی که دارید عمل کنید.


در قالب پیش فرض vBulletin :

نحوه گرد کردن آواتار کاربران در Postbit :

ابتدا فایل css_b_avatar.css را از طریق جستجو در قالب ها پیدا کنید. سپس خط .b-avatar--m > img را پیدا کرده و همانند زیر متغییر border-radius: 10px; را کدتان اضافه کنید.

.b-avatar--m > img {
    max-height: 64px;
    max-width: 64px !important;
    border-radius: 10px;
} 

نحوه گرد کردن کادر دور آواتار کاربران Postbit :

ابتدا فایل css_b_avatar.css را از طریق جستجو در قالب ها پیدا کنید. سپس خط .b-avatar--thread را پیدا کرده و همانند زیر متغییر border-radius: 10px; را کدتان اضافه کنید.

.b-avatar--thread {
    border: 1px solid #000000;
    border-radius: 10px;
} 

در قالب Metro :

ابتدا css_additional.css مربوط به استایل خود را از منوی "جستجو در قالب ها" پیدا کنید. سپس خط border-radius: 0 !important; را پیدا کرده و آنرا همانند زیر کامنت کنید.

/*
* {
    border-radius: 0 !important;
}
*/ 

همانند مرحله بالا css_b_avatar.css مربوط به استایل خود را پیدا کنید و خط .b-avatar > img را پیدا کرده و کد border-radius: 10px; را همانند زیر به آن اضافه کنید و تغییرات را ذخیره کنید.

.b-avatar > img {
    max-height:32px;
    max-width:32px;
    border-radius: 10px;
} 

مقدار border-radius را شما میتوانید بنا بر نیاز خود مقدار دهی کنید. اگر میخواهید آواتار پست بیت شما به صورت کاملا گرد در بیاید میتوانید به جای 10px از 50% استفاده کنید.

[Habili]

نحوه گرد کردن گوشه های آواتار کاربران و کادر دور آواتار در صفحه اصلی انجمن به صورت زیر عمل کنید.

در قالب پیش فرض vBulletin :

نحوه گرد کردن آواتار کاربران و کادر دور آواتار ها :

برای گرد کردن کادر دور Avatar ها و خود آواتارهای صفحه اصلی (در ستون آخرین ارسالات قالب پیش فرض) از طریق منوی جستجو در قالب ها، css_utilities.css را پیدا کنید سپس خط .avatar > img و خط .avatar را پیدا کرده و متغییر border-radius: 10px; را همانند زیر به آن اضافه کنید.

.avatar {
    height:32px;
    width:32px;
    margin-{vb:stylevar right}:10px;
    border-radius: 10px;
    border: {vb:stylevar activity_stream_avatar_border};
}
.avatar > img {
    max-height:32px;
    max-width:32px !important;
    border-radius: 10px;
} 

در قالب Metro :

برای گرد کردن Avatar های صفحه اصلی (در ستون آخرین ارسالات قالب مترو) از طریق ادمین سی پی و منوی جستجو در قالب ها، css_utilities.css را پیدا کنید سپس خط .avatar > img را پیدا کرده و متغییر border-radius: 10px; را همانند زیر به آن اضافه کنید.

.avatar > img {
    max-height:32px;
    max-width:32px !important;
    border-radius: 10px;
} 

همانند توضیحات بالا شما میتوانید مقدار border-radius را برابر با مقدار دلخواه خود بگذارید. همچنین این تغییر در بخش کاربران حاضر در انجمن هم اعمال خواهد شد.

[Habili]

نحوه گرد کردن آواتار کاربران در هدر سایت :

برای گرد کردن آیکون آواتار کاربران (هم در قالب پیش فرض و هم قالب مترو) که بعد از لاگین در بالا سمت چپ انجمن نمایش داده میشود، همانند بالا از طریق منوی جستجو در قالب ها، css_b_comp_menu_dropdown.css را جستجو کنید، سپس کد .b-comp-menu-dropdown__trigger-avatar را پیدا کرده و کد border-radius: 50%; را همانند زیر به آن اضافه کنید.

.b-comp-menu-dropdown__trigger-avatar {
    height: 19px;
    width: auto;
    float: {vb:stylevar left};
    border-radius: 50%;
} 

مقدار border-radius را به مقدار دلخواه خود (px یا %) تغییر دهید.

[Habili]

نحوه گرد کردن آواتارهای صفحه پروفایل کاربران در قالب پیش فرض ویبولتین و قالب مترو :

از طریق جستجو در قالب ها فایل css_profile.css را پیدا کنید، سپس عبارت .profile-sidebar-widget .profileContainer .profile-photo-wrapper .profile-photo را جستجو کنید و متغییر border-radius: 10px; را به آن اضافه کنید.

.profile-sidebar-widget .profileContainer .profile-photo-wrapper .profile-photo {
    max-width: 200px;
    max-height: 200px;
    width: auto;
    height: auto;
    border: 1px solid {vb:stylevar side_nav_avatar_border};
    border-radius: 10px;
}