Rozwalony wygląd w odpowiedzi na PW MyBB 1.8x

wersja skryptu MyBB: 1.8.3
adres forum: www.cswarownia.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

Witam, po zmianie grafiki statusów online/offline, oraz marginów, w postach status wyświetla się normalnie estetycznie, natomiast we wiadomościach już licho to strzelił !



Status ucieka na lewą stronę, oraz treść wiadomości jest pod reputacją "ktoś mi dał bana na SB"...

Jak to poprawić? Chyba zamieszałem trochę z tym statusem, teraz musiałem dodać do klasy post_body { margin-top:-45px;, ponieważ text zjeżdżał na dół, dokładnie chodzi o to:



Jak to poprawić, lub ewentualnie ostatecznie usunąć te informacje o profilu, tak aby było same pole do odpowiedzi.

Testowe
L: Test
H: test12

Jakie szablony zapodać?

Proszę o pomoc.

global.css > .post.classic .post_content > zmniejsz width do 80%.

Zmieniałem także na 78%, 75% itd. i nihuhu...

Efekt

Teraz usuń ten margin-top, który dodałeś.
BTW. zamiast backgroundd ma być background, masz tak w kilku przypadkach...

Przejdź do szablonu private_read, odszukaj

class="tborder tfixed  no_bottom_border"

dodaj po tym (oddzielając spacją)

id="positionStatus"

teraz w global.css dodaj:

table#positionStatus .offline_button, table#positionStatus .online_button {
    left: -175px;
    position: relative;
    top: -10px;
} 


A w global.css to:

.online_button {
    left: -192px;
    position: relative;
    top: -14px;
}

.offline_button {
    left: -192px;
    position: relative;
    top: -14px;
} 


zamień na

.online_button, .offline_button {
    left: -217px;
    position: relative;
    top: -14px;
} 


No fajnie wszystko, gdyby nie te pw, mianowicie

AVATAR, oraz padding w treści wiadomości


Po usunięciu margin-top:-45px, dalej powraca padding w postach, czyli


A to backgroundd to specjalnie, bo testowałem coś, ale to z czasem poprawię

Dodaj jednak ten margin (margin-top: -57px;), ale do .post.classic .post_content w global.css.

No okej, dodane, a co z tym avatarem mam zrobić? Jak jego w lewo przesunąć o te kilka px ?

Sprawdź, czy dodając do CSS się coś zmieni:

@media only screen and (min-width: 1600px) {
    .avprofil  img {
        margin-left: 15px;
    }
}
@media only screen and (max-width: 1000px) {
    .avprofil  img {
        margin-left: 0px;
    }
}
 
@media only screen and (max-width: 680px) {
    .avprofil  img {
        margin-left: 0px;
    }
}
@media only screen and (max-width: 480px) {
    .avprofil  img {
        margin-left: 0;
    }
} 


Nic się nie zmienia.

No tak, zapomniałem dodać, abyś z szablonu postbit_avatar usunął margin-left: ;.

Hmm, no dobrze jest teraz we wiadomościach, równiutko, lecz w postach teraz ucieka w lewo.. hmm

---

Próbowałem pobawić się marginami w .post .post_author { oraz .post.classic .post_author {, lecz to nie przynosi oczekiwanych skutków.

Pomoże ktoś jeszcze? Byłbym wdzięczny.

Hmm, pomógłby ktoś jeszcze, czy nie ma już chętnych?

W szablonie showthread (widok działu)

    <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder tfixed clear"> 


zamień na:

    <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" id="positionPost" class="tborder tfixed clear"> 


I do CSS:

#positionPost .avprofil img  {
    margin-left: 5px;
}