Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Zmiana szerokości forum, odstep między krawędziami belki

Założony przez  aycrash.

wersja skryptu MyBB: 1.8
adres forum: aykrasz.cba.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

Tak jak w temacie chciałbym zmienić szerokość forum oraz jak jest na przykład kategoria "sds" (druga) to ona nie ma odstepu od krawędzi tej belki. Prosze o pomoc, miłego :)
Pokaż forumbit_depth1_cat

a szerokość zmieniasz edytując w CSS .wrapper
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder clearfix">
<thead>
<tr>
<td class="thead{$expthead}" colspan="5">
    <div class="catname"><span class="cateffect{$forum['fid']}"><a href="{$forum_url}">{$forum['name']}</a></span></div><div class="catdesc">{$forum['description']}</div>
</td>
</tr>
</thead>
<tbody style="{$expdisplay}" id="cat_{$forum['fid']}_e">
<tr style="display: none;">
<td class="tcat" colspan="2"><span class="smalltext"><strong>{$lang->forumbit_forum}</strong></span></td>
<td class="tcat" width="85" align="center" style="white-space: nowrap"><span class="smalltext"><strong>{$lang->forumbit_threads}</strong></span></td>
<td class="tcat" width="85" align="center" style="white-space: nowrap"><span class="smalltext"><strong>{$lang->forumbit_posts}</strong></span></td>
<td class="tcat" width="200" align="center"><span class="smalltext"><strong>{$lang->forumbit_lastpost}</strong></span></td>
</tr>
{$sub_forums}
</tbody>
</table>
<br />
Ale to nie tylko jest przy belkach z forum, na przyklad spojrz na kto jest online, ta ikonka powinna byc bardziej w lewo i tak samo jest z innymi rzeczami.

a co do szerokości forum to nie jest takie szerokie a spójrz na klase .wrapper
.wrapper {
    background: #ffffff;
    min-width: 1024px;
    max-width: 1024px;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
    
    width: 1024px;
}
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder clearfix">
<thead>
<tr>
<td class="thead{$expthead}" colspan="5">
    <div class="catname"><span class="cateffect1"><a href="{$forum_url}">{$forum['name']}</a></span></div><div class="catdesc">{$forum['description']}</div>
</td>
</tr>
</thead>
<tbody style="{$expdisplay}" id="cat_{$forum['fid']}_e">
<tr style="display: none;">
<td class="tcat" colspan="2"><span class="smalltext"><strong>{$lang->forumbit_forum}</strong></span></td>
<td class="tcat" width="85" align="center" style="white-space: nowrap"><span class="smalltext"><strong>{$lang->forumbit_threads}</strong></span></td>
<td class="tcat" width="85" align="center" style="white-space: nowrap"><span class="smalltext"><strong>{$lang->forumbit_posts}</strong></span></td>
<td class="tcat" width="200" align="center"><span class="smalltext"><strong>{$lang->forumbit_lastpost}</strong></span></td>
</tr>
{$sub_forums}
</tbody>
</table>
<br />

i

.wrapper {
    background: #ffffff;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
    width: 1024px; //Tutaj ustawiasz szerokość
}
Nie ma odstępów jeszcze w statystykach, sidebarze oraz w headerze tam gdzie logo i menu, ale z kategoria pomogło.
Co do szerokości przeciez tam jest 1024px czyli rozszerzone na maksa, jak zmienilem na 600px na przykład to forum sie rozwalało
W px nigdy nie będzie na "maksa", ustaw przykładowo: width: 87%; Czyli musisz ustawić klase .cateffect1
Zmenilem na 87% i totalnei nic się nei zmienilo
to ustaw np. 90% lub 100%?
Nic nie pomogło, ale usunałem 2 linijki do width "min" "max" co pozwoliło forum zmienić jakąkolwiek szerokość. Ale mam problem, jak widzisz pasek welcomenlock się nie rozszerzył, nowego tematu nie robię bo również dotyczy rozszerzenia dlatego temat zostaje nierozwiazany.

+rep za to

@edit Dodatkowo zostały jeszcze te odstępy od napisów w headerze na przykład albo w #user. Jak to zrobić by wszystko miało taki odstęp?

O dziwo zmiana szerokości #user pogorszyłą jeszcze sytuacje
Spójrz:
[Obrazek: EO1yT.jpg]
W szablonie header usuń .wrapper z linijki, którą przedstawiłem.
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.
Mam rozumieć, że mój kod od headeru ma wyglądac tak:
<div class="wrapper">
<div id="header" class="clearfix">

        <div class="logo">
            <img src="images/xstyled/logo.png" alt="XSTYLED Logo" />
        </div><div class="description"><span class="special">X</span>BALTOSEEK</div>
        <div class="menu">
            <ul>
                <li><a href=""><i class="fa fa-star fa- circle-icon"></i>
FOLUM</a></li>
                <li class="selector"><a href="forum/index.php"><i class="fa fa-star"></i>
costam</a></li>
                <li><a href="shop.html"><i class="fa fa-star"></i>
kek</a></li>
                <li><a href="contact.html"><i class="fa fa-star"></i>
baltoh</a></li>
            </ul>
        </div>
    </div>
</div>

<div id="container">
    <div id="content">
          <div class="wrapper">  
<div id="fullimg">

        <ul class="bxslider">
                      <li><img src="images/xstyled/slider/1.png" /></li>
                      <li><img src="images/xstyled/slider/2.png" /></li>
                      <li><img src="images/xstyled/slider/3.png" /></li>
                    </ul>
                </div>
                  
    <div id="user" class="clearfix">
  
            

        <div class="news">
            <div class="announcements"><i title="Announcements" style="font-size: 16px;" class="fa fa-microphone fa-fw"></i></div>
            <div class="automsg">
                <ul>
                    <li class="quotes">Tutaj są fajne ogłoszenia</li>
                    <li class="quotes">Tu też.......</li>
                </ul>
            </div>
        </div>
        <div class="member">
            {$welcomeblock}
        </div>
    </div>
</div>

            {$pm_notice}
            {$bannedwarning}
            {$bbclosedwarning}
            {$unreadreports}
            {$pending_joinrequests}
            {$awaitingusers}
            <br />
Wyciąłem:
<div class="wrapper clearfix">

efekt na forum ;)

Zauważyłem dodatkowo, że znikły mi ikonki użytkownika (welcomeblock_member)
Nie. Miałeś tylko z linijki, którą zaznaczyłem usunąć wrapper.
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.
Ale ze mnie idiota... ta sprawa rozwiązana, ale nadal przytłacza mnie to, że brak odstepów między tekstem a krawędziami itp ;/
custom.css
  • header → usuń:
        min-height: 90px;
        max-height: 90px;
        margin: 0;
        align: center;
    width: 100%;
    A dodaj:
        height: 90px;
        padding: 0 10px;
  • #user → usuń:
    min-width: 100%;
        max-width: 100%;
    width: 100%;
    dodaj:
    padding: 0 10px;

    gdzieś jeszcze?
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.
Sidebar, statystyki, po wejsciu w dzial to jego nazwa na tej belce, tak smao w poście również "Szybka odpowiedź"
I to byłoby chyba na tyle



Użytkownicy przeglądający ten wątek:

2 gości