Webboard

Pełna wersja: Wypełnienie stylu
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
wersja skryptu MyBB:1.6.12
adres forum:cs-city.xaa.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):Siema, chciałbym wypełnić forum bo jak na załączniku jest pokazane między belką cs-city.xaa.pl ........ a tabelą serwerów czy belką z amxbans jest przerwa taka i jest background, chciałbym to wypełnić jakoś aby to do siebie przylegało i tak jak na załączniku 2 aby był srodek wypełniony tak ładnie a pod tym ten background. Proszę o pomoc.
Musisz dodać <div class="jakasnazwa"> w szablonie header pod / nad kodem odpowiadającym za menu, a w szablonie footer (stopka) - </div>. Następnie w global.css dodać
Kod PHP:
.jakasnazwa {
/** STYLIZACJA ***/

Kod PHP:
<div id="login-box" class="login-popup">
            <
div class="login-content">
            <
h3>Zaloguj się! <a href="#"><img src="images/carbon/close_popup.png" class="btn_close" title="Close Window" alt="Close" /></a></h3>
          <
form method="post" class="signin" action="member.php">
<
input type="hidden" name="action" value="do_login" />
               <
ul class="login-box-ul">
                <
li style="margin-left: 110px;margin-bottom: 7px;">Nie masz konta? <a href="member.php?action=register">Zarejestruj się!</a></li>
                <
li><label>Login</label> <input type="text" name="username" title="{$login_username}value="Nazwa użytkownika" onfocus="if(this.value == 'Nazwa użytkownika') { this.value=''; }" onblur="if(this.value=='') { this.value='Nazwa użytkownika'; }" /></li>
                <
li><label>Hasło</label> <input type="password" name="password" title="{$lang->login_password}value="{$lang->login_password}onfocus="if(this.value == '{$lang->login_password}') { this.value=''; }" onblur="if(this.value=='') { this.value='{$lang->login_password}'; }"/></li>
                <
li style="margin-left: 110px;"><a href="member.php?action=lostpw">Zapomniałem hasła!</a></li>
                <
li style="margin-left: 106px;margin-top: 4px;"><input type="checkbox" class="checkbox" name="remember" checked="checked" value="yes" /> <span style="padding: 1px 0 0 6px;position: absolute;">Zapamiętaj mnie</span></li>
               </
ul>
          <
div class="submit_login">
            <
input class="button_submit-login" type="submit" value="Zaloguj" name="submit"/>
          </
div>
          </
form>
          </
div>
        </
div>
<
a name="top" id="top"></a>
<
div class="belka_top">
     <
div class="belka_top-wrapper">
<
div class="float_right">
</
span>
</
form>
</
div>
          <
div class="nawigacja_usera">
                 {
$welcomeblock}
          </
div>

     </
div>
</
div>
<
div id="wrapper">
<
div id="branding"></div>
<
br>
<
br>
<
br>
<
br>
<
ul class="menu_top" class="left"><strong>
<
li><a href="/index.php"><img width="14px" height="14px" src="http://cs-city.xaa.pl/images/carbon/forum.png" style="margin-right: 7px;float: left;">Forum</a></li>
<
li><a href="/memberlist.php"><img width="14px" height="14px" src="http://cs-city.xaa.pl/images/carbon/users.png" style="margin-right: 7px;float: left;">UŻYTKOWNICY</a></li>
<
li><a href="/amxbans/ban_list.php"><img width="14px" height="14px" src="http://cs-city.xaa.pl/images/carbon/amxbans.png" style="margin-right: 7px;float: left;">AmxBans</a></li>
<
li class="right">

    <
a title="Szukaj" href="search.php"><img src="http://cs-city.xaa.pl/images/carbon/search_icon.png"></a>

</
li>
</
ul></strong>


        
    <
hr class="hidden" />
        <
br class="clear" />

            <
navigation>

            <
br /> 
header bez dodania <div class="jakasnnazwa"> bo nie za bardzo wiem gdzie to dodac.
Kod PHP:
</div>
<
div class="footer">
<
a href="#top" class="buttonTOP"><img src="images/carbon/top.png" alt=""></a>
<
span class="info_footer">
<
ul>
<
li>Community Forum Software by MyBulletinBoard</li>
<
li>WłaścicielBlantStrike.pl ©</li>
<
li>Edited ByOrwal ™ </li>
</
ul>
</
span>
</
div>
</
div>        </div
footer bez dodania div (dodalem na koncu nic nie zadzialalo)

Kod PHP:
.jakasnazwa {
 
border-color#393939;

a to jest global css
wszystko zorbilem jak kazales nie zadzialalo wiec wklejam teraz czysty global, header i stopke. Poprowadz mnie jakos:D
header:
Kod PHP:
<div id="login-box" class="login-popup">
            <
div class="login-content">
            <
h3>Zaloguj się! <a href="#"><img src="images/carbon/close_popup.png" class="btn_close" title="Close Window" alt="Close" /></a></h3>
          <
form method="post" class="signin" action="member.php">
<
input type="hidden" name="action" value="do_login" />
               <
ul class="login-box-ul">
                <
li style="margin-left: 110px;margin-bottom: 7px;">Nie masz konta? <a href="member.php?action=register">Zarejestruj się!</a></li>
                <
li><label>Login</label> <input type="text" name="username" title="{$login_username}value="Nazwa użytkownika" onfocus="if(this.value == 'Nazwa użytkownika') { this.value=''; }" onblur="if(this.value=='') { this.value='Nazwa użytkownika'; }" /></li>
                <
li><label>Hasło</label> <input type="password" name="password" title="{$lang->login_password}value="{$lang->login_password}onfocus="if(this.value == '{$lang->login_password}') { this.value=''; }" onblur="if(this.value=='') { this.value='{$lang->login_password}'; }"/></li>
                <
li style="margin-left: 110px;"><a href="member.php?action=lostpw">Zapomniałem hasła!</a></li>
                <
li style="margin-left: 106px;margin-top: 4px;"><input type="checkbox" class="checkbox" name="remember" checked="checked" value="yes" /> <span style="padding: 1px 0 0 6px;position: absolute;">Zapamiętaj mnie</span></li>
               </
ul>
          <
div class="submit_login">
            <
input class="button_submit-login" type="submit" value="Zaloguj" name="submit"/>
          </
div>
          </
form>
          </
div>
        </
div>
<
a name="top" id="top"></a>
<
div class="belka_top">
     <
div class="belka_top-wrapper">
<
div class="float_right">
</
span>
</
form>
</
div>
          <
div class="nawigacja_usera">
                 {
$welcomeblock}
          </
div>

     </
div>
</
div>
<
div id="wrapper">
<
div id="branding"></div>
<
br>
<
br>
<
br>
<
br>
<
div class="jakasnnazwa">
<
ul class="menu_top" class="left"><strong>
<
li><a href="/index.php"><img width="14px" height="14px" src="http://cs-city.xaa.pl/images/carbon/forum.png" style="margin-right: 7px;float: left;">Forum</a></li>
<
li><a href="/memberlist.php"><img width="14px" height="14px" src="http://cs-city.xaa.pl/images/carbon/users.png" style="margin-right: 7px;float: left;">UŻYTKOWNICY</a></li>
<
li><a href="/amxbans/ban_list.php"><img width="14px" height="14px" src="http://cs-city.xaa.pl/images/carbon/amxbans.png" style="margin-right: 7px;float: left;">AmxBans</a></li>
<
li class="right">

    <
a title="Szukaj" href="search.php"><img src="http://cs-city.xaa.pl/images/carbon/search_icon.png"></a>

</
li>
</
ul></strong>


        
    <
hr class="hidden" />
        <
br class="clear" />

            <
navigation>

            <
br /> 
footer:
Kod PHP:
</div>
<
div class="footer">
<
a href="#top" class="buttonTOP"><img src="images/carbon/top.png" alt=""></a>
<
span class="info_footer">
<
ul>
<
li>Community Forum Software by MyBulletinBoard</li>
<
li>WłaścicielBlantStrike.pl </li>
<
li>Edited ByOrwal  </li>
</
ul>
</
span>
</
div>
</
div>
</
div>        </div
CSS:
Kod PHP:
.jakasnazwa {
 
border-color#393939;
background#kolor;

Nic to nie zmienilo (tam gdzie jest background #kolor; dodalem wlasny kolor i nic to nie dalo wejdz na forum i sobie zobacz.
No tak, bo w szablonie dałem jakasnnazwa. :)


Czyli do global.css:
Kod PHP:
div.jakasnnazwa {
    
width95%;   
    
background#1b1717;
    
border1px solid #393939;
    
color#000000; 
    
marginauto auto
    
padding20px;  
    
text-alignleft;

Wszystko pięknie, ok tylko powiedz mi jeszcze jak złączyć belkę z bansem do tej (cs-city najlepsze...) a tą (cs-city najlepsze...) z tabelą serwerów?
Kod PHP:
<div id="login-box" class="login-popup">
            <
div class="login-content">
            <
h3>Zaloguj się! <a href="#"><img src="images/carbon/close_popup.png" class="btn_close" title="Close Window" alt="Close" /></a></h3>
          <
form method="post" class="signin" action="member.php">
<
input type="hidden" name="action" value="do_login" />
               <
ul class="login-box-ul">
                <
li style="margin-left: 110px;margin-bottom: 7px;">Nie masz konta? <a href="member.php?action=register">Zarejestruj się!</a></li>
                <
li><label>Login</label> <input type="text" name="username" title="{$login_username}value="Nazwa użytkownika" onfocus="if(this.value == 'Nazwa użytkownika') { this.value=''; }" onblur="if(this.value=='') { this.value='Nazwa użytkownika'; }" /></li>
                <
li><label>Hasło</label> <input type="password" name="password" title="{$lang->login_password}value="{$lang->login_password}onfocus="if(this.value == '{$lang->login_password}') { this.value=''; }" onblur="if(this.value=='') { this.value='{$lang->login_password}'; }"/></li>
                <
li style="margin-left: 110px;"><a href="member.php?action=lostpw">Zapomniałem hasła!</a></li>
                <
li style="margin-left: 106px;margin-top: 4px;"><input type="checkbox" class="checkbox" name="remember" checked="checked" value="yes" /> <span style="padding: 1px 0 0 6px;position: absolute;">Zapamiętaj mnie</span></li>
               </
ul>
          <
div class="submit_login">
            <
input class="button_submit-login" type="submit" value="Zaloguj" name="submit"/>
          </
div>
          </
form>
          </
div>
        </
div>
<
a name="top" id="top"></a>
<
div class="belka_top">
     <
div class="belka_top-wrapper">
<
div class="float_right">
</
span>
</
form>
</
div>
          <
div class="nawigacja_usera">
                 {
$welcomeblock}
          </
div>

     </
div>
</
div>
<
div id="wrapper">
<
div id="branding"></div>
<
br>
<
br>
<
br>
<
br>
<
ul class="menu_top" class="left"><strong>
<
li><a href="/index.php"><img width="14px" height="14px" src="http://cs-city.xaa.pl/images/carbon/forum.png" style="margin-right: 7px;float: left;">Forum</a></li>
<
li><a href="/memberlist.php"><img width="14px" height="14px" src="http://cs-city.xaa.pl/images/carbon/users.png" style="margin-right: 7px;float: left;">UŻYTKOWNICY</a></li>
<
li><a href="/amxbans/ban_list.php"><img width="14px" height="14px" src="http://cs-city.xaa.pl/images/carbon/amxbans.png" style="margin-right: 7px;float: left;">AmxBans</a></li>
<
li class="right">

    <
a title="Szukaj" href="search.php"><img src="http://cs-city.xaa.pl/images/carbon/search_icon.png"></a>

</
li>
</
ul></strong>        
    <
hr class="hidden" />
            <
navigation
Dalej jest między nimi spora przerwa tylko troszke się zblizyły i nie ma tego tła.
Wciąż widzę ten szablon, przed zmianą..
Już zmieniłem. Jak widać odstęp dalej jest.
Navigation w global.css zamień na:
Kod PHP:
.navigation {
    
backgroundurl(http://onekill.pl/forum/public/style_images/spark3/secondary_nav_bg.png) repeat-x scroll 0px 0px #2C2C2C;
    
border1px solid #202020;
    
border-radius0px;
    
box-shadow0px 0px 2px #000 inset;
    
line-height37px;
    
font-size0.85em;
    
clearboth;
    
color#838383;
    
text-transformuppercase;
    
overflowhidden;
    
padding0px 8px;
    
text-shadow0px 1px 0px rgba(0000.8);
    
font-size0.85em;

i .menu_top w top.css zamien na:
Kod PHP:
.menu_top {
    
backgroundurl(images/carbon/triangles.pngrepeat-x scroll center top #014974;
    
box-shadow0px 0px 0px 1px rgba(2552552550.15inset;
    
border-radius4px 4px 0px 0px;
    
margin-bottom0px;
    
text-transformuppercase;    
    
font-family"Lato" !important;