wersja skryptu MyBB: 1.8
adres forum:aykrasz.cba.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):
Witam, czy moglibyście pomóc mi uzyskać taki efekt jak na zalaczniku? między innym chodzi mi o te tło slideru ktore jest rozszerzone na cala szerokosc forum i do tego wysokość ma aż do nawigacji na samej górze.
Wiem, że trzebaby było zmniejszyc szerokosc tej nawigacji, a potem te tło slideru co mam na swoim forum (frontbg.jpg) rozszerzyć na cala szerokosc i do nawigacji jak jest w załącnziku.
Ehh... przecież mam slider tylko teraz tło tego slideru (frontbg.jpg) trzeba rozszerzyć na całe forum, a potem do nawigacji by był taki efekt jak w załączniku, lecz wiem, że zwykłe bawienie w klasie w kodach width itp nie pomoże ;/
Nie wiem co Ty chcesz rozszerzać, daj jakiś ss bo u mnie jest tak:
PS. Kolejne forum które nie działa na Mozilli..
Co tu jest nie tak? Dużo rzeczy do poprawek o czym wiem i również używam mozilli. Dałeś ssa z mojego forum, tak to wygląda, ale spojrz sobie w zalacznik jak te tlo slideru ma wyglądać.
To usuń te tło i dodaj w header przed <a id="top"></a>
Kod:
<div class="background_slider"></div>
i do CSS:
Kod:
.background_slider {
position: absolute;
background: url(images/xstyled/frontbg.jpg) center top no-repeat;
width: 100%;
height: 600px;
top: 0;
left: 0;
}
Obrazek daj 1920x600 px
I do lepszego wyglądu pobaw się z-index
Jak mam usunąc te tło?
Nie mam tego <a id="top></a>
Header
Kod:
<div id="header" class="clearfix">
<div class="wrapper">
<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="user" class="clearfix">
<div class="wrapper 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>
<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="nav" class="clearfix">
<div class="wrapper">
<navigation>
<div class="quicksearch">
<form method="post" action="{$mybb->settings['bburl']}/search.php">
<input type="hidden" name="action" value="do_search" />
<input type="hidden" name="postthread" value="1" />
<input type="hidden" name="forums" value="all" />
<input type="hidden" name="showresults" value="threads" />
<input class="searchbox" type="text" name="keywords" value="Enter your search..." />
<input class="searchbutton" type="submit" value="" title="Search now" />
</form>
</div>
</div>
</div>
{$pm_notice}
{$bannedwarning}
{$bbclosedwarning}
{$unreadreports}
{$pending_joinrequests}
{$awaitingusers}
<br />
Dodaj na samej górze, w #fullimg usuń background
Jeszcze wczoraj zmienialiśmy wygląd tego, teraz znowu chcesz inny...? Co lepsze - podobny do poprzedniego?
PEwnie będziesz musiał wrócić do stanu pierwotnego, a jako tło w body użyć background: url(link do obrazka górnego), #fff;.
Efekt jest taki jak na moim forum, tło pokrywa całego headera.
Przepraszam Cię... czy dałoby rade coś zrobić z pomysłem DeadlyGlobe'a ?
DeadlyGlobe71 napisał(a):Obrazek daj 1920x600 px
I do lepszego wyglądu pobaw się z-index
Mój obrazek ma już 1920x600, i co trzeba zrobić dokładnie by tło nie najezdzalo na header?
aycrash napisał(a):i co trzeba zrobić dokładnie by tło nie najezdzalo na header?
Naprawdę wszystko trzeba ci tłumaczyć? Nie możesz nic zrobić sam? →
Odsyłam
Sorry. Na forum jest teraz efekt po dodaniu z-index: -1;
A jeśli dodam z-index: 1; albo 2,3,4 to po prostu tlo najezdza na header
To w header też może dodaj z-index?