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.
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">
<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 />
Kod PHP:
<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:
Kod PHP:
#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:
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">
<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:
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">
<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.