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

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

Header rozjeżdża forum

Założony przez  KaeN21.

19.01.2015, 16:59
#1
wersja skryptu MyBB: 1.6.16
adres forum: http://cs-warownia.xaa.pl/forum
na czym polega problem (screen, opis, komunikaty):

Witam, jak zrobić tak, aby pasek przewijania strony na dole strony "poziomy" znikł? Oraz chciałbym usunąć ten padding na samej górze, wszystko jest na SS.

[Obrazek: 2vtbhw6.jpg]

Oraz poziomy pasek przewijania

http://oi59.tinypic.com/mjr9tg.jpg

Proszę o pomoc, konto testowe

Test
testowe
19.01.2015, 17:06 (Ten post był ostatnio modyfikowany: 19.01.2015, 17:08 przez Snake_.)
#2
Do body w global.css dopisz:
margin:0; padding: 0;
Oraz w klasach: .header, .tophead
100% zamień na 98.
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.
19.01.2015, 17:19
#3
Pierwszy problem rozwiązany, natomiast z drugim robiłem tak samo jak podałeś czyli ustawiałem na 98%, oraz 99%, kiedy zastosuję takie ustawienia, nie zadowala mnie ten efekt, mianowicie

[Obrazek: 2w676v8.jpg]

Na 98% nie ma poziomej kreski (ale jest ten odstęp), na 99% pojawia się już poziomy pasek, i nadal jest odstęp u góry z prawej strony.

Nie da rady jakoś ustawić, aby automatycznie dopasowywał się pod daną rozdzielczość ?
19.01.2015, 17:27
#4
W takim razie ustaw sobie znów na 100%, a pokombinuj z paddingiem, bo pewnie przez niego wydłuża forum.
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.
19.01.2015, 17:33
#5
Kombinowałem, ale jakoś mi nie wychodzi
Tak to wygląda na chwilę obecną

.header {
    width: 100%;
    background: url(images/ld/headerbg.jpg) no-repeat top center 100%;
    height: 173px;
    padding: 0px 20px;
    margin-left: -20px;
}

.tophead {
    width: 100%;
    background: #0E0E0E;
    height: 40px;
    padding: 4px 20px;
    margin-left: -20px;
}
19.01.2015, 17:40
#6
Podaj jeszcze zawartość szablonu header.
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.
19.01.2015, 18:04
#7
Proszę

<div class="wrap">
<div class="tophead">
<div style="float: right;">
                {$welcomeblock}
            </div>
<div class="socnav">
<li><a href="#"><img src="images/ld/social/facebook.png" alt="" title="Like Us On Facebook" /></a></li>
<li><a href="#"><img src="images/ld/social/twitter.png" alt="" title="Follow Us On Twitter" /></a></li>
<li><a href="#"><img src="images/ld/social/google.png" alt="" title="Follow us on Google Plus" /></a></li>
<li><a href="#"><img src="images/ld/social/youtube.png" alt="" title="Check our Youtube Channel" /></a></li>
<li><a href="#"><img src="images/ld/social/rss.png" alt="" title="Subscribe to our Feed" /></a></li>
</div>
</div>
<div class="header">
<div class="logo"><a href="{$mybb->settings['bburl']}"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>
<div class="navi">
<ul>
<li><a href="{$mybb->settings['bburl']}/"><img src="images/ld/toplinks/home.png" alt="" style="vertical-align:top;margin-right:5px;" />Forum</a>
<li><a href="{$mybb->settings['bburl']}/index.php"><img src="images/ld/toplinks/forums.png" alt="" style="vertical-align:top;margin-right:5px;" />Na skróty</a><ul>
<div class="arrow" style="border-bottom-color: #131313;"></div>
<li><a href="bany/">AMXBans</a></li>
<li><a href="http://hltv.1shot1kill.eu/24702">Demka</a></li>
<li><a href="#">AMXBans</a></li>
<li><a href="#">AMXBans</a></li>
<li><a href="#">AMXBans</a></li>
<li><a href="#">AMXBans</a></li>
<li><a href="#">AMXBans</a></li>
<li><a href="#">AMXBans</a></li>
</ul></li>
<li><a href="{$mybb->settings['bburl']}/memberlist.php"><img src="images/ld/toplinks/mem.png" alt="" style="vertical-align:top;margin-right:5px;" />Gracze</a></li>
<li><a href="{$mybb->settings['bburl']}/search.php"><img src="images/ld/toplinks/search.png" alt="" style="vertical-align:top;margin-right:5px;" />Szukaj</a></li>
</ul>
</div>
</div></div>
<div id="container">
<a name="top" id="top"></a>
            {$pm_notice}
            {$bannedwarning}
            {$bbclosedwarning}
            {$unreadreports}
            {$pending_joinrequests}
            <navigation>
<div id="cpwrap" style="display: none; width:100%;"><div class="styler">Choose Your Style</div><div id="cpr" class="clearfix">
<a href="javascript:NoiseStyle('none')" class="color"><img src="images/ld/headerbg.png" alt="" title="Space Shuttle"></a>
<a href="javascript:NoiseStyle('1')" class="color"><img src="images/ld/headerbg.png" alt="" title="Green Lantern" /></a>
<a href="javascript:NoiseStyle('2')" class="color"><img src="images/ld/headerbg.png" alt="" title="Blue wavy" /></a>
<a href="javascript:NoiseStyle('3')" class="color"><img src="images/ld/headerbg.png" alt="" title="Pink bokeh" /></a>
<a href="javascript:NoiseStyle('4')" class="color"><img src="images/ld/headerbg.png" alt="" title="Blur barn" /></a>
<a href="javascript:NoiseStyle('5')" class="color"><img src="images/ld/headerbg.png" alt="" title="Dark Knight" /></a>
<a href="javascript:NoiseStyle('6')" class="color"><img src="images/ld/headerbg.png" alt="" title="In the Woods" /></a>
<a href="javascript:NoiseStyle('7')" class="color"><img src="images/ld/headerbg.png" alt="" title="Mountain High" /></a>
</div></div>
<div id="content">
<div class="announcewrap">
<div class="announce">
<div class="announcehead"><img src="images/ld/mic.png" alt="" title="Announcement" /></div>
<div id="testimonials">
<ul>
<li>
<testi>
<p>Test <a href="#top"> Bla bla bla </a></p>
</testi></li>
</ul></div>
</div>
</div>
<br />
19.01.2015, 18:10
#8
<div class="wrap">
<div class="tophead"><div class="szerokosc">
<div style="float: right;">
                {$welcomeblock}
            </div>
<div class="socnav">
<li><a href="#"><img src="images/ld/social/facebook.png" alt="" title="Like Us On Facebook" /></a></li>
<li><a href="#"><img src="images/ld/social/twitter.png" alt="" title="Follow Us On Twitter" /></a></li>
<li><a href="#"><img src="images/ld/social/google.png" alt="" title="Follow us on Google Plus" /></a></li>
<li><a href="#"><img src="images/ld/social/youtube.png" alt="" title="Check our Youtube Channel" /></a></li>
<li><a href="#"><img src="images/ld/social/rss.png" alt="" title="Subscribe to our Feed" /></a></li>
</div></div>
</div>
<div class="header"><div class="szerokosc">
<div class="logo"><a href="{$mybb->settings['bburl']}"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>
<div class="navi">
<ul>
<li><a href="{$mybb->settings['bburl']}/"><img src="images/ld/toplinks/home.png" alt="" style="vertical-align:top;margin-right:5px;" />Forum</a>
<li><a href="{$mybb->settings['bburl']}/index.php"><img src="images/ld/toplinks/forums.png" alt="" style="vertical-align:top;margin-right:5px;" />Na skróty</a><ul>
<div class="arrow" style="border-bottom-color: #131313;"></div>
<li><a href="bany/">AMXBans</a></li>
<li><a href="http://hltv.1shot1kill.eu/24702">Demka</a></li>
<li><a href="#">AMXBans</a></li>
<li><a href="#">AMXBans</a></li>
<li><a href="#">AMXBans</a></li>
<li><a href="#">AMXBans</a></li>
<li><a href="#">AMXBans</a></li>
<li><a href="#">AMXBans</a></li>
</ul></li>
<li><a href="{$mybb->settings['bburl']}/memberlist.php"><img src="images/ld/toplinks/mem.png" alt="" style="vertical-align:top;margin-right:5px;" />Gracze</a></li>
<li><a href="{$mybb->settings['bburl']}/search.php"><img src="images/ld/toplinks/search.png" alt="" style="vertical-align:top;margin-right:5px;" />Szukaj</a></li>
</ul>
</div>
</div></div></div>
<div id="container">
<a name="top" id="top"></a>
            {$pm_notice}
            {$bannedwarning}
            {$bbclosedwarning}
            {$unreadreports}
            {$pending_joinrequests}
            <navigation>
<div id="cpwrap" style="display: none; width:100%;"><div class="styler">Choose Your Style</div><div id="cpr" class="clearfix">
<a href="javascript:NoiseStyle('none')" class="color"><img src="images/ld/headerbg.png" alt="" title="Space Shuttle"></a>
<a href="javascript:NoiseStyle('1')" class="color"><img src="images/ld/headerbg.png" alt="" title="Green Lantern" /></a>
<a href="javascript:NoiseStyle('2')" class="color"><img src="images/ld/headerbg.png" alt="" title="Blue wavy" /></a>
<a href="javascript:NoiseStyle('3')" class="color"><img src="images/ld/headerbg.png" alt="" title="Pink bokeh" /></a>
<a href="javascript:NoiseStyle('4')" class="color"><img src="images/ld/headerbg.png" alt="" title="Blur barn" /></a>
<a href="javascript:NoiseStyle('5')" class="color"><img src="images/ld/headerbg.png" alt="" title="Dark Knight" /></a>
<a href="javascript:NoiseStyle('6')" class="color"><img src="images/ld/headerbg.png" alt="" title="In the Woods" /></a>
<a href="javascript:NoiseStyle('7')" class="color"><img src="images/ld/headerbg.png" alt="" title="Mountain High" /></a>
</div></div>
<div id="content">
<div class="announcewrap">
<div class="announce">
<div class="announcehead"><img src="images/ld/mic.png" alt="" title="Announcement" /></div>
<div id="testimonials">
<ul>
<li>
<testi>
<p>Test <a href="#top"> Bla bla bla </a></p>
</testi></li>
</ul></div>
</div>
</div>
<br />
Zamień tamten CSS na:
.header {
    width: 100%;
    background: url(images/ld/headerbg.jpg) no-repeat top center 100%;
    height: 173px;
}
.tophead {
    width: 100%;
    background: #0E0E0E;
    height: 40px;
}
+ dodaj:
.szerokosc {
    width: 90%;
    margin: 0 auto;
}
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.



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

1 gości