Skocz do zawartości
Szukaj na Pecetowiczu
  • Utwórz konto

Zniekształcone zdjęcie w profilu. NightSkill MyBB


Przejdź do rekomendacji Rozwiązane przez Mativve,
Rekomendowane odpowiedzi

Witam. Posiadam styl NightSkill od Szablonet pod MyBB. Na profilu od jakiegoś czasu jest avatar zniekształcony, wie ktoś jak to rozwiązać?

image.thumb.png.70dc1cfa6d2e93b256bd25bd2f84491f.png

Odnośnik do komentarza
Udostępnij na innych stronach

Ciężko powiedzieć nie widząc kodu, profile dla gości są ukryte. 

Wygląda jakby klasa avatara nie miała stałych rozmiarów. Ma też dziwny kształt w formie herbu, także możliwe że na ten element oddziałuje jakaś inna klasa.

Odnośnik do komentarza
Udostępnij na innych stronach

  • Rekomendowana odpowiedź

Żeby uzyskać taki efekt jak poniżej:

obraz.png

Trzeba w stylu profile.css zmienić:

.profile-header .avatar {
	left: 20px;
	position: absolute;
	bottom: 0;
	border: 5px solid #14122d;
	border-bottom: 0;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

na:

.profile-header .avatar {
	left: 20px;
	position: absolute;
	bottom: 0;
	border: 5px solid #14122d;
	border-bottom: 0;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
  	min-width: 100px;
}

 

Żeby uzyskać trochę lepszy efekt w którym obrazek nie wychodzi tak dziwnie poza obrys awataru:

obraz.png

[hide]

należy w pliku profile.css podmienić:

.profile-header .avatar img {
	height: 110px;
	width: 110px;
}

na:

.profile-header .avatar img {
	height: 110px;
	width: 110px;
	border-radius: 0 0 55% 55%;
}

 

[/hide]

Odnośnik do komentarza
Udostępnij na innych stronach

Uzyskałem taki efekt dzięki @Mativve

image.thumb.png.0b883d6123ed7f17552e6cf3045423c6.png

 

dziękuje bardzo 

Odnośnik do komentarza
Udostępnij na innych stronach

Kontynuuj dyskusję

Dołącz do Pecetowicza, aby kontynuować dyskusję w tym wątku.

  • Dodaj nową pozycję...
  • Dodaj nową pozycję...