Webboard

Pełna wersja: Zmiana szerokości forum, odstep między krawędziami belki
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Stron: 1 2
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
Kod:
<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
Kod:
.wrapper {
    background: #ffffff;
    min-width: 1024px;
    max-width: 1024px;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
    
    width: 1024px;
}
Kod:
<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

Kod:
.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

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.
Mam rozumieć, że mój kod od headeru ma wyglądac tak:
Kod:
<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:
Kod:
<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.
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ń:
    Kod:
        min-height: 90px;
        max-height: 90px;
        margin: 0;
        align: center;
    width: 100%;
    A dodaj:
    Kod:
        height: 90px;
        padding: 0 10px;
  • #user → usuń:
    Kod:
    min-width: 100%;
        max-width: 100%;
    width: 100%;
    dodaj:
    Kod:
    padding: 0 10px;

    gdzieś jeszcze?
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
Stron: 1 2