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

Nierówna ikonka działu oraz avatary w Top 5 Shouters. NightSkill.


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

Witajcie, na moim forum MyBB występuje problem z ikoną działu która jest zbyt blisko tytułu, oraz z avatarami w pluginie Top 5 Shouters które są nierówne.

Szablon: NightSkill by Szablonet

Pomoże ktoś nakierować jak to naprawić.

Link do forum : http://interplays.com.pl

Nierówna ikonka działu MyBB. NightSkill by Szablonet

Top 5 Shouters (Spamerzy pod Shoutbox'em) MyBB. NightSkill by Szablonet

Odnośnik do komentarza
Udostępnij na innych stronach

Ikonki. Dodaj co custom.css

.status{margin-right: 30px;}

Top 5 Shouters. Dodaj do custom.css

#topshouts .user .avatar{
padding: 0px 10px;
width: 35px;
height: 35px;
min-width: 35px;
}

 

Odnośnik do komentarza
Udostępnij na innych stronach

Ikony działają, dziękuje bardzo

jednak top shouters nadal nie działa 

image.thumb.png.79a39502bd3ad76bf5147b6d333bed1c.png

Odnośnik do komentarza
Udostępnij na innych stronach

Ale w jakim sensie nie działa? Bo widzę że avatary w Top 5 Shouters są już równe.

Odnośnik do komentarza
Udostępnij na innych stronach

4 minuty temu, SeNioR napisał:

Ale w jakim sensie nie działa? Bo widzę że avatary w Top 5 Shouters są już równe.

jak widać jeden użytkownik jest pod, a zawsze wszystko było równe 

image.png.be8fe612e1fe3c3a0d1f16cf874294b4.png

Odnośnik do komentarza
Udostępnij na innych stronach

(edytowane)
#topshouts {
   text-align: center;
}

obraz.thumb.png.35ebfb8f7cf99d905a6919396aa48d0b.png

 

Mam nadzieję że o to chodziło

Edytowane przez ravenekse
Odnośnik do komentarza
Udostępnij na innych stronach

o to chodziło 

image.png.cb91b747f94735cc110fff408a30c769.png

Odnośnik do komentarza
Udostępnij na innych stronach

W klasie .wrapper zmień max-width: 1360px; na max-width: 1500px;.

I powinno się normalnie wyświetlać. Forum się lekko rozszerzy, ogólnie w jednej klasie masz max-width 1500px a w jednej 1360px.

Odnośnik do komentarza
Udostępnij na innych stronach

  • Rekomendowana odpowiedź
(edytowane)

Jest też taka opcja:

obraz.png

a zrobimy to w ten sposób:

Spoiler

#topshouts > .row {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

#topshouts .user .avatar {
	padding: 0 10px 0 0;
	width: 35px;
	height: 35px;
	min-width: 35px;
}
#topshouts .user .info {
	padding: 0 0 0 10px;
	text-align: left;
}

#topshouts .user:nth-child(-n+3) .info h4::before {
	content: "\f091";
	font-family: FontAwesome, Awesome;
	margin-right: 5px;
	font-size: 14px;
	line-height: 13px;
}

@media screen and (max-width: 952px){
  #topshouts > .row {
      display: flex;
      justify-content: flex-start;
      flex-direction: column;
      align-items: flex-start;
  }
  
  #topshouts .user + .user {
    margin-top: 8px;
  }
}

 

z tego co widzę to najlepiej to wrzucić do custom.css

Edytowane przez Mativve
Odnośnik do komentarza
Udostępnij na innych stronach

dziękuje za pomoc Panowie 

Odnośnik do komentarza
Udostępnij na innych stronach

@Mativve Ten kod jest zbyt nowoczesny jak na MyBB 😄 

Odnośnik do komentarza
Udostępnij na innych stronach

@SeNioR Miałem kiedyś plan przepisać pod względem kodu każdy element na nowe trendy i zrezygnować z tabelek tworząc tym samym szkielet na miarę 2020/2021 roku no ale niestety doba jest za krótka a innych rzeczy do zrobienia mnóstwo.

Odnośnik do komentarza
Udostępnij na innych stronach

@Mativve Ambitny plan, na pewno wykonalny, ale czasochłonny. Na takim szkielecie mogłoby powstać dużo fajnych szablonów.

Ekipa MyBB mogła o tym już dawno pomyśleć... teraz plują sobie w brodę że tego nie zrobili, bo sądzili że MyBB 1.9.0 będzie już dawno wydane. 

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ę...