• 08-11-2021, 17:29:44
    #1
    Üyeliği durduruldu
    şuanki temada avatar dörtgen. ben bunu yuvarlak yapmak istiyorum hangi css dosyası ?
  • 08-11-2021, 17:31:04
    #2
    Adım 1: Şuraya gidin: Yönetici CP ---> Şablonlar ve Stil ---> Temanızın adına tıklayın. (Varsayılan olarak Varsayılan veya MyBB 1.8 olmalıdır ) ---> Stil Sayfası Ekle


    Dosya Adı: Önemli değil, sadece .css

    ile sonlandırdığınızdan emin olun Ekli: Genel Olarak


    Ardından seçin: Kendi içeriğimi yaz

    Ardından şu kodu yazın:




    .post .post_author div.author_avatar img {
    border-radius: 55%; transition:all 0.3s ease;

    NOT: Kod düzgün çalışmıyorsa border-radius: 55%; ile sınır-yarıçapı: 100%;


    Ve şimdi işin bitti.


    Fare imlecini üzerlerine getirdiğinizde avatarların kare olmasını istiyorsanız, yukarıda yazdığınız kodun altına bu kodu ekleyin:




    .post .post_author div.author_avatar img:hover {
    border-radius: 0%;
    transition:all 0.3s ease;
    }




    kaynak:https://community.mybb.com/thread-166378.html
  • 08-11-2021, 17:31:58
    #3
    SEOBuyuk adlı üyeden alıntı: mesajı görüntüle
    şuanki temada avatar dörtgen. ben bunu yuvarlak yapmak istiyorum hangi css dosyası ?
    Kurulum;
    Admin KP > Şablon & Stil Temalar > Temanız > Global.css > Stil Sayfasını Düzenle; Gelişmiş Mod

    Kod:
    .panelavatar {
    border: 1px solid #3d3d3d;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    margin-right: 5px;
    margin-bottom: 5px;
    }
    .pavatar {
    border: 5px solid #313131;
    border-radius: 55px;
    -moz-border-radius: 55px;
    -webkit-border-radius: 55px;
    width: 140px;
    height: 130px;
    }


    .pavatar:hover {
    border: 5px solid #3c82a3;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    transition: all 2s ease 0s;
    }

    Admin KP > Şablon & Stil Şablonlar > Temanız > Postbit > Postbit_avatar

    Kod:
    <a href="{$post['profilelink_plain']}"><img class="pavatar" src="{$post['avatar']}" alt="" {$avatar_width_height} /></a>

    Genişlik , yükseklik İçin Kodun İçerisindeki .

    Kod:
    width: 140px; height: 130px;

    Değerleri Kendinize göre ayarlayın .
    Böyle bir yazı buldjm ama ne kadar dogru yanlıs bilmiyorum kaynagini atabilirim. Yedek almayı unutmayın ama
  • 08-11-2021, 17:36:16
    #4
    Üyeliği durduruldu
    Mert29 adlı üyeden alıntı: mesajı görüntüle
    Kurulum;
    Admin KP > Şablon & Stil Temalar > Temanız > Global.css > Stil Sayfasını Düzenle; Gelişmiş Mod

    Kod:
    .panelavatar {
    border: 1px solid #3d3d3d;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    margin-right: 5px;
    margin-bottom: 5px;
    }
    .pavatar {
    border: 5px solid #313131;
    border-radius: 55px;
    -moz-border-radius: 55px;
    -webkit-border-radius: 55px;
    width: 140px;
    height: 130px;
    }


    .pavatar:hover {
    border: 5px solid #3c82a3;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    transition: all 2s ease 0s;
    }

    Admin KP > Şablon & Stil Şablonlar > Temanız > Postbit > Postbit_avatar

    Kod:
    <a href="{$post['profilelink_plain']}"><img class="pavatar" src="{$post['avatar']}" alt="" {$avatar_width_height} /></a>

    Genişlik , yükseklik İçin Kodun İçerisindeki .

    Kod:
    width: 140px; height: 130px;

    Değerleri Kendinize göre ayarlayın .
    Böyle bir yazı buldjm ama ne kadar dogru yanlıs bilmiyorum kaynagini atabilirim. Yedek almayı unutmayın ama
    css kısayolu temadan temaya değişiklilik gösterir yani her temada .pavatar değildir o yüzden çalışmaz bu kod bana o kodun nerede olduğuunu yani nereden dörtgen yaptığını öğrenmem gerek
  • 08-11-2021, 17:38:26
    #5
    Üyeliği durduruldu
    tuqba adlı üyeden alıntı: mesajı görüntüle
    Adım 1: Şuraya gidin: Yönetici CP ---> Şablonlar ve Stil ---> Temanızın adına tıklayın. (Varsayılan olarak Varsayılan veya MyBB 1.8 olmalıdır ) ---> Stil Sayfası Ekle


    Dosya Adı: Önemli değil, sadece .css

    ile sonlandırdığınızdan emin olun Ekli: Genel Olarak


    Ardından seçin: Kendi içeriğimi yaz

    Ardından şu kodu yazın:




    .post .post_author div.author_avatar img {
    border-radius: 55%; transition:all 0.3s ease;

    NOT: Kod düzgün çalışmıyorsa border-radius: 55%; ile sınır-yarıçapı: 100%;


    Ve şimdi işin bitti.


    Fare imlecini üzerlerine getirdiğinizde avatarların kare olmasını istiyorsanız, yukarıda yazdığınız kodun altına bu kodu ekleyin:




    .post .post_author div.author_avatar img:hover {
    border-radius: 0%;
    transition:all 0.3s ease;
    }




    kaynak:https://community.mybb.com/thread-166378.html
    hocam .post.post onlar aynı ama bu çalışmadı
  • 08-11-2021, 17:50:54
    #7
    Üyeliği durduruldu
    hocam bu kare oldu yuvarlak nasıl yapacğaım