Menu jak na Deflection

wersja skryptu MyBB: 1.6.14
adres forum: FORUM
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Pomoże mi ktoś zrobić Menu takie jak jest w szablonie Deflection [IPB].

Posiadam styl Carbon by BaszaR

Mam takie Menu:


A chce mieć takie:

No to skopiuj sobie kod HTML i klasy/id użyte w nim - do swojego stylu, z czym problem?

a mozesz mi powiedziec co dokładnie odpowiada za menu ?

No to pokaż tutaj ten kod, pewnie szablon header.

<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">
<form action="search.php" method="post" id='search-box'><span id='search_wrap'>
<span style="float: right;margin-top: 5px;margin-right: 30px;">
<input type='submit' class="button_submit_gl" value=""/>
<input type="text" class="search_bg" id='main_search' name="keywords" onfocus="this.value = '';" value="Wyszukiwanie..." size='30' tabindex='6' />
<input type="hidden" name="action" value="do_search" />
<input type="hidden" name="forums" value="all" />
<input type="hidden" name="postthread" value="1" /></span>
</span>
</form>
<span class="zaawansowane_szukaj">
<a href="search.php" class="zaawansowane_szukanie"></a>
</span>
</div>
          <div class="nawigacja_usera">
                 {$welcomeblock}
          </div>

     </div>
</div>
<div id="wrapper">
<ul class="menu_top">
<li><a href="">STRONA GŁÓWNA</a></li>
<li><a href="">UŻYTKOWNICY</a></li>
<li><a href="">AMXBANS</a></li>
<li><a href="">SKLEP</a></li>
</ul>
        <div id="header">
            <div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>



        </div>
        <hr class="hidden" />
        <br class="clear" />
        <div id="content">
            <navigation>
                 <div class="content">
            <br /> 


<ul class="menu_top">
<li><a href="">STRONA GŁÓWNA</a></li>
<li><a href="">UŻYTKOWNICY</a></li>
<li><a href="">AMXBANS</a></li>
<li><a href="">SKLEP</a></li>
</ul> 


źle mnie zrozumiałeś popatrz na 1 post

No to dałem CI fragment odpowiadający za menu.

Ogólnie musisz w szablonach twojego stylu (nagłówek > header) umieścić menu w miejscu jakim chcesz, aby ci się wyświetlało. np. Pod headerem.
Następnie w CSS twojego stylu szukasz klasy, która odpowiada za to menu: np. .menu ul i inne nazwy zawierające słowo "menu". I to w tej klasie nadajesz wygląd menu - kolor liter, tła, wielkość itd.


Pozdrawiam!

nie mam zielonego pojęcia możecie bardziej pomóc ?

Kopiujesz HTML i CSS, wstawiasz je w odpowiednie miejsce i koniec. Na prawdę nie wiem co tu do tłumaczenia.

Chodzi o to, że ty to umiesz a ja jestem w tym kompletnie zielony ;(

do global.css:

#menu1 {
    font-size: 12px;
    text-transform: uppercase;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight: bold;
    float: left;
    padding: 3px 0 0 0;
    display: inline-block;
    list-style: none;
}

#menu1 li {
    margin: 0px 3px 0 0;
    position: relative; 
    float: left;
}

#menu1  li  a {
    color: #bcbcbc;
    background:#1d1d1d;
    border-left: 1px solid #1f1f1f;
    border-right: 1px solid #1f1f1f;
    border-top: 1px solid #252525;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    display: block;
    outline: none;
    padding: 0px 15px;
    line-height: 31px;
    height: 31px;
}

#menu1  li  a:hover {
    background:#1d1d1d;
    border-top: 1px solid #303030;
    border-left: 1px solid #272727;
    border-right: 1px solid #272727;
    color: #fff;
} 


a szablon header zamień na:

<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">
<form action="search.php" method="post" id='search-box'><span id='search_wrap'>
<span style="float: right;margin-top: 5px;margin-right: 30px;">
<input type='submit' class="button_submit_gl" value=""/>
<input type="text" class="search_bg" id='main_search' name="keywords" onfocus="this.value = '';" value="Wyszukiwanie..." size='30' tabindex='6' />
<input type="hidden" name="action" value="do_search" />
<input type="hidden" name="forums" value="all" />
<input type="hidden" name="postthread" value="1" /></span>
</span>
</form>
<span class="zaawansowane_szukaj">
<a href="search.php" class="zaawansowane_szukanie"></a>
</span>
</div>
          <div class="nawigacja_usera">
                 {$welcomeblock}
          </div>

     </div>
</div>
<div id="wrapper">
<br /><br />
<ul id="menu1">
<li><a href="">STRONA GŁÓWNA</a></li>
<li><a href="">UŻYTKOWNICY</a></li>
<li><a href="">AMXBANS</a></li>
<li><a href="">SKLEP</a></li>
</ul> 
        <div id="header">
            <div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>



        </div>
        <hr class="hidden" />
        <br class="clear" />
        <div id="content">
            <navigation>
                 <div class="content">
            <br /> 


Narazie efekt jest taki

No to szablon na to:

<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">
<form action="search.php" method="post" id='search-box'><span id='search_wrap'>
<span style="float: right;margin-top: 5px;margin-right: 30px;">
<input type='submit' class="button_submit_gl" value=""/>
<input type="text" class="search_bg" id='main_search' name="keywords" onfocus="this.value = '';" value="Wyszukiwanie..." size='30' tabindex='6' />
<input type="hidden" name="action" value="do_search" />
<input type="hidden" name="forums" value="all" />
<input type="hidden" name="postthread" value="1" /></span>
</span>
</form>
<span class="zaawansowane_szukaj">
<a href="search.php" class="zaawansowane_szukanie"></a>
</span>
</div>
          <div class="nawigacja_usera">
                 {$welcomeblock}
          </div>

     </div>
</div>
<div id="wrapper">
<br /><br />

        <div id="header">
            <div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>



        </div><ul id="menu1">
<li><a href="">STRONA GŁÓWNA</a></li>
<li><a href="">UŻYTKOWNICY</a></li>
<li><a href="">AMXBANS</a></li>
<li><a href="">SKLEP</a></li>
</ul> 
        <hr class="hidden" />
        <br class="clear" />
        <div id="content">
            <navigation>
                 <div class="content">
            <br /> 


przeniosłem niżej.