Webboard

Pełna wersja: efekt tła slideru w headerze
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):

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.
https://webboard.pl/thread-45241.html

Do wyboru do koloru, znajdź odpowiedni dla siebie i lekko zmodyfikuj i masz takie same.
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:
[Obrazek: oDE2II0.png]

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="&#xf002" 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?
Stron: 1 2