Webboard

Pełna wersja: Zmiana szerokości headeru
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Stron: 1 2 3
Hmm... Tak było prawie, że na początku.
Czyli powróć do klasy .wrapper. Dodaj ją w <div id="fullimg">.
Snake_ napisał(a):Czyli powróć do klasy .wrapper. Dodaj ją w <div id="fullimg">.
Przepraszam, ale zbytnio nie rozumiem co mam zrobić
<div id="fullimg"> zamień na <div id="fullimg" class="wrapper">. Jeśli sam dobrze zrozumiałem, co chcesz osiągnąć...
Czas w końcu przejsć do sedna, tu jest screen jakby miało to mniejwiecej wyglądać. Jak takie coś osiągnąć. Jak zmienić tą szerokośc tak by ta szerokosc sie zmienila a nie rozwala forum
#fullimg usuń width: 500px;.
//edit. Czy te tło białe po bokach też ma być?
Nie, to jest po prostu pozostalosc po wycieciu z edytora fast stone capture ;p
Usunąłem to co chciałeś i nadal nic
CTRL + F5, jest już równy. :)
A-ale XDDDD
Przez tyle postów tutaj próbuję powiedzieć caały czas, że nie obchodzi mnie ten obrazek z tekstem tylko ten cały pasek, jest rozszerzony na całe forum, a ma być identycznej szerokosci co do forum ;p
Napisz to zrozumiale. Użyj kropek, cokolwiek... Może zaznacz na dokładniej na screenie?
Masz teraz slider takiej samej szerokości co content strony http://i.imgur.com/2ki1oAH.png
Zdaje mi się, że pisze zrozumiale, ale no cóż... zacznę od początku. Nie chodzi mi o ten obrazek z tekstem by zmienil swoją szerokośc czy coś, tylko o to by cały ten pasek slider, te całe tło slideru frontbg.jpg po prostu zmienilo swoją szerokość (lista dzialow i kategorii). I teraz daje ostateczny efekt jak ma to wygladać.
[Obrazek: 2rrv2g2.png]
custom.css#nav (oraz #fullimg) → dodaj: background: url(images/xstyled/frontbg.jpg) no-repeat fixed #F0F0F0;.
Teraz zostanie kwestia poprawy szablonu header. Pokaż go tutaj.
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="fullimg"> zamień na <div id="fullimg" class="wrapper">
        <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>


<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>
    
<div id="container">
    <div id="content">
        <div class="wrapper">
            {$pm_notice}
            {$bannedwarning}
            {$bbclosedwarning}
            {$unreadreports}
            {$pending_joinrequests}
            {$awaitingusers}
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>


            <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}
Powinno śmigać.
Coś tam już śmiga, lecz efekt jak widać jest na forum
Moje niedopatrzenie. Usuń </div> z kodu, który podałem (linia 47).
Stron: 1 2 3