Postbit ve genel alanlarda avatar arkasına gölge ve çerçeve ekleme

[raccoon]

Garfield hocamın avatar kısmına uyguladığı gölgelendirme çok hoşuma gitti, default tema kullanıyorum. Tema kullanmak istemiyorum default üzerinde gerekli iyileştirmeleri yaparak kendi çabalarım ve zevklerimle gerek masaüstü gerek mobilde göze hitap eden sade anlaşılır bir tasarım düşünüyorum.

Aşağıda verdiğim görselde gölgelendirme ve profil fotoğrafını içeriye gömük nasıl yapabilirim?

Şimdiden yardımcı olan forum üyelerimize teşekkür ederim.

Not: 2.3.4 sürümü kullanmaktayım.

https://hizliresim.com/2r9jq7c

https://hizliresim.com/rgwduxe

 

[admin]

Merhaba, hoş geldiniz aşağıdaki kodu extra.less şablonuna ekleyerek deneyebilir misiniz?

.message-avatar-wrapper {
    .avatar {
        border-radius: 4px !important;
        border: 5px solid @xf-messageUserBlock--background-color;
        box-shadow: 0px 0px 5px black;
    }
}

Kendinize göre düzenleme yapabilirsiniz.

Örnek görünüm:

 

[raccoon]

Merhaba, hoş geldiniz aşağıdaki kodu extra.less şablonuna ekleyerek deneyebilir misiniz?

.message-avatar-wrapper {
    .avatar {
        border-radius: 4px !important;
        border: 5px solid @xf-messageUserBlock--background-color;
        box-shadow: 0px 0px 5px black;
    }
}

Kendinize göre düzenleme yapabilirsiniz.

Örnek görünüm:
Ekli dosyayı görüntüle 665

Çok teşekkür ederim oldu, sizi de gördüm paylaşımlarınız dan buraya geldim.

 

[admin]

Çok teşekkür ederim oldu, sizi de gördüm paylaşımlarınız dan buraya geldim.

Rica ederim, hoş geldiniz sefalar getirdiniz hayırlı uğurlu olsun inşallah.

 

[raccoon]

Merhaba, hoş geldiniz aşağıdaki kodu extra.less şablonuna ekleyerek deneyebilir misiniz?

.message-avatar-wrapper {
    .avatar {
        border-radius: 4px !important;
        border: 5px solid @xf-messageUserBlock--background-color;
        box-shadow: 0px 0px 5px black;
    }
}

Kendinize göre düzenleme yapabilirsiniz.

Örnek görünüm:
Ekli dosyayı görüntüle 665

Bunu altta bıraktığım bölge için de aktif edebilir miyiz?

https://hizliresim.com/m9niq6y

 

[admin]

Bunu altta bıraktığım bölge için de aktif edebilir miyiz?

https://hizliresim.com/m9niq6y

Eklediğiniz kodu bununla değiştirmeniz yeterli olacaktır.

.message-avatar-wrapper, .contentRow-figure {
    .avatar {
        border-radius: 4px !important;
        border: 5px solid @xf-messageUserBlock--background-color;
        box-shadow: 0px 0px 5px black;
    }
}

 

[raccoon]

Eklediğiniz kodu bununla değiştirmeniz yeterli olacaktır.

.message-avatar-wrapper, .contentRow-figure {
    .avatar {
        border-radius: 4px !important;
        border: 5px solid @xf-messageUserBlock--background-color;
        box-shadow: 0px 0px 5px black;
    }
}

Teşekkür ederim ellerinize sağlık.