اطلاعیه

بستن
No announcement yet.

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

بستن
X
 
  • فیلتر کردن
  • زمان
  • نمایش
Clear All
پست های جدید

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

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


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

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

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



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

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



    در قالب Metro :

    ابتدا css_additional.css مربوط به استایل خود را از منوی "جستجو در قالب ها" پیدا کنید. سپس خط border-radius: 0 !important; را پیدا کرده و آنرا همانند زیر کامنت کنید.
    کد PHP:
    /*
    * {
        border-radius: 0 !important;
    }
    */ 
    همانند مرحله بالا css_b_avatar.css مربوط به استایل خود را پیدا کنید و خط .b-avatar > img را پیدا کرده و کد border-radius: 10px; را همانند زیر به آن اضافه کنید و تغییرات را ذخیره کنید.
    کد PHP:
    .b-avatar img {
        
    max-height:32px;
        
    max-width:32px;
        
    border-radius10px;

    مقدار border-radius را شما میتوانید بنا بر نیاز خود مقدار دهی کنید. اگر میخواهید آواتار پست بیت شما به صورت کاملا گرد در بیاید میتوانید به جای 10px از 50% استفاده کنید.
    آخرین ویرایش توسط maryam; در تاریخ/ساعت 11-01-2019, 05:54 AM.

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

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

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

    برای گرد کردن کادر دور Avatar ها و خود آواتارهای صفحه اصلی (در ستون آخرین ارسالات قالب پیش فرض) از طریق منوی جستجو در قالب ها، css_utilities.css را پیدا کنید سپس خط .avatar > img و خط .avatar را پیدا کرده و متغییر border-radius: 10px; را همانند زیر به آن اضافه کنید.
    کد PHP:
    .avatar {
        
    height:32px;
        
    width:32px;
        
    margin-{vb:stylevar right}:10px;
        
    border-radius10px;
        
    border: {vb:stylevar activity_stream_avatar_border};
    }
    .
    avatar img {
        
    max-height:32px;
        
    max-width:32px !important;
        
    border-radius10px;




    در قالب Metro :

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

    برای بزرگتر شدن عکس روی آن کلیک کنید  نام:	avatars.png نمایش ها:	31 اندازه:	198.3 KB شناسه:	26960






    همانند توضیحات بالا شما میتوانید مقدار border-radius را برابر با مقدار دلخواه خود بگذارید. همچنین این تغییر در بخش کاربران حاضر در انجمن هم اعمال خواهد شد.
    آخرین ویرایش توسط maryam; در تاریخ/ساعت 11-01-2019, 05:57 AM.

    کامنت


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

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

      برای بزرگتر شدن عکس روی آن کلیک کنید  نام:	avatar-2.png نمایش ها:	31 اندازه:	24.8 KB شناسه:	26962





      مقدار border-radius را به مقدار دلخواه خود (px یا %) تغییر دهید.
      آخرین ویرایش توسط maryam; در تاریخ/ساعت 11-01-2019, 05:58 AM.

      کامنت


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

        از طریق جستجو در قالب ها فایل css_profile.css را پیدا کنید، سپس عبارت .profile-sidebar-widget .profileContainer .profile-photo-wrapper .profile-photo را جستجو کنید و متغییر border-radius: 10px; را به آن اضافه کنید.
        کد PHP:
        .profile-sidebar-widget .profileContainer .profile-photo-wrapper .profile-photo {
            
        max-width200px;
            
        max-height200px;
            
        widthauto;
            
        heightauto;
            
        border1px solid {vb:stylevar side_nav_avatar_border};
            
        border-radius10px;

        آخرین ویرایش توسط maryam; در تاریخ/ساعت 11-01-2019, 05:49 AM.

        کامنت

        در حال انجام ...
        X