efekt tła slideru w headerze

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):

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.


Załączone pliki Miniatury
   
nie wiem gdzie dokładnie to dodać jestem strasznie zielony a z-index szczerze slysze o tym pierwszy raz..
#header..
To wiem ale w jaką linijkę bo dodałem kod z-idndex -1; przed <div class="background_slider"> i nic
1. Obecnie Twoje forum pokazuje tylko kawałek tła i nic poza tym.
2. z-index masz dodać w arkuszu (global.css) w elemencie #header.
Przepraszam, że musicie użerac się z takim debilem jakim jestem ja >.<
Dodałem z-index: 1; i jest tak jak teraz na forum czyli niepoprawnie. Również sprobowałem z-index: -1; z-index: 2;
A zamknąłeś <div class="background_slider">?
Powinno to tak wyglądać:
<div class="background_slider"></div>
Tak, jest to moja pierwsza linijka w headerze.

<div class="background_slider"></div>
<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 />

O dziwo doszedłem do tego sam tylko bym musiał rozszerzyć cały ten slider teraz
@refresh - Przydałoby się teraz rozszerzyć ten slider na maksa i wszystko byłoby cacy tylko to jest zbyt skomplikowany jak na mnie
Rozumiem, że ma to wyglądać mniej/więcej tak:
[Obrazek: YgF9p3w.jpg]
Racja?
<div class="background_slider"></div>
<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 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="container">
            <div id="content">
            <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 />
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.
Tak jak jest w temacie, screen zamieszczony jak ma to wyglądać, tylko ten pasek pozostaje mi rozszerzyć, przywrócić to co wtedy robiliśmy by go zmniejszyc tylko nie wiem jak.
i znowu schodzisz na tok pisania niezrozumiale, albo to ja już kompletnie nie wiem o jaki pasek Ci chodzi (a z przywróceniem to chyba problemu nie powinieneś mieć, robisz na odwrót to, co kazano zastosować).
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.
Tylko tych kodów było za dużo i pogubiłem się co do czego miało iść bo nie potrafiłem Ci wytłumaczyć co chicałem uzyskać za efekt
Snake_ napisał 24.08.2015, 09:34:
Już jest dobrze?



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

1 gości