Webboard

Pełna wersja: Nowe menu, jak je zrobić?
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
wersja skryptu MyBB: 1.8.3
adres forum: www.cs-sonic.xaa.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Prosze o pomoc w dodaniu takiego menu (pokazane na ss)
pod logiem
Podaj to co udało Ci się do tej pory stworzyć, a na gotowce nie masz co liczyć.
Nie chodzi mi stworzenie tylko jak to pod logo wsadzić

LikeLoveHate

Na razie to co masz na forum, to jest OK, tylko oddaj CSSa jeszcze do tego. A później musisz troszkę pogrzebać w szablonie header (?).
No ja juz nie wiem prubowałem ale mi nie wychodzi

To jest moj css

Kod PHP:
.menu_top  {
    
color#9A9A9A;
    
backgroundnone repeat scroll 00rgba(0000.1);
    
border-radius3px;
    
box-shadow0px 1px 5px #1B1718 inset, 0px 0px 0px 1px rgba(255, 255, 255, 0.02), 0px 1px 0px rgba(255, 255, 255, 0.05);
    
displayblock;
    
outlinemedium none;
    
padding0px 15px;
    
line-height34px;
    
height34px;
    
positionrelative;
    
font-weightbold;
    
transitionall 0.3s ease 0s;
}

.
menu_top {
    
floatright;
    
margin-top20px;
}

.
menu_top {
    list-
styleoutside none none;
    
displayinline-block;
    
margin0px 4px 0px 0px;



a TEN KOD UMIESCILEM W header


Kod PHP:
<div style="height:156px;">
               <
ul  class="menu_top"
<
a<li><a href="/index.php" class="brand buzz-out"><img src="https://cdn3.iconfinder.com/data/icons/tango-icon-library/48/go-home-16.png"STRONA GŁÓWNA</a></li></a>
<
a<li><a href="/memberlist.php" class="brand buzz-out"><img src="https://cdn2.iconfinder.com/data/icons/flat-seo-web-ikooni/128/flat_seo-32-16.png"UŻYTKOWNICY</a></li></a>
<
a<li><a href="brak" class="brand buzz-out"><img src="https://cdn0.iconfinder.com/data/icons/small-n-flat/24/678075-sign-ban-16.png"AMXBANS 1</a></li></a>
<
a<li><a href="brak" class="brand buzz-out"><img src="https://cdn0.iconfinder.com/data/icons/small-n-flat/24/678075-sign-ban-16.png"AMXBANS 2</a></li></a>
<
a<li><a href="/sklep/" class="brand buzz-out"><img src="https://cdn3.iconfinder.com/data/icons/faticons/32/shop-01-16.png"SKLEP</a></li></a></ul>
                
                </
div>
                </
div

A na ss pokazane jak mi to wychodzi robilem tylko na probe po przez zbadaj element

LikeLoveHate

Kod w headerze:

Kod:
<ul class="menu_top">
    <a href="../index.php" class="brand buzz-out"><li><img src="https://cdn3.iconfinder.com/data/icons/tango-icon-library/48/go-home-16.png"> STRONA GŁÓWNA</li></a>
    <a href="../memberlist.php" class="brand buzz-out"><li><img src="https://cdn2.iconfinder.com/data/icons/flat-seo-web-ikooni/128/flat_seo-32-16.png"> UŻYTKOWNICY</li></a>
    <a href="#" class="brand buzz-out"><li><img src="https://cdn0.iconfinder.com/data/icons/small-n-flat/24/678075-sign-ban-16.png"> AMXBANS 1</li></a>
    <a href="#" class="brand buzz-out"><li><img src="https://cdn0.iconfinder.com/data/icons/small-n-flat/24/678075-sign-ban-16.png"> AMXBANS 2</li></a>
    <a href="../sklep/" class="brand buzz-out"><li><img src="https://cdn3.iconfinder.com/data/icons/faticons/32/shop-01-16.png"> SKLEP</li></a>
</ul>

Troszkę poprawiony kod CSS:
Kod:
.menu_top  {
    color: #9A9A9A;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0px 1px 5px #1B1718 inset, 0px 0px 0px 1px rgba(255, 255, 255, 0.02), 0px 1px 0px rgba(255, 255, 255, 0.05);
    display: block;
    outline: medium none;
    padding: 0px 15px;
    line-height: 34px;
    height: 34px;
    position: relative;
    font-weight: bold;
    transition: all 0.3s ease 0s;
}

.menu_top {
    float: left;
    margin-top: 20px;
}

.menu_top {
    list-style: none;
    display: inline-block;
    margin: 0 4px 0 0;
}
teraz to jest taki efekt

dobra juz sobie poradzilem z tym