How To: menu z buttonami

Szukam  Założony przez  MrMartin1146.

wersja skryptu MyBB: 1.6.7
adres forum: www.fx-forum.xaa.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Witam, piszę ponownie taki temat, bo niestety nie udało mi się tak jak w poprzednim mi doradzali. Otóż, chciałbym zrobić Menu z buttonami.

1 obrazek w załączniku, tj takie menu jakie posiadam, a 2 obrazek to takie jakie chciałbym zrobić by pasowało kolorystycznie to tła forum.

Proszę o poradniki lub też napisaniu po kolei co zrobić w jakim pliku itp.

Proszę o pomoc i dziękuję.


Załączone pliki Miniatury
       
Hmm, no to jak Ci się nie udało według poprzednich wskazówek spróbuj tak:
http://www.cssmenumaker.com/
https://www.google.com/search?q=generato...utf-8&aq=t
Okej, tutaj już posprawdzam itp, a pytanie jeszcze, jeżeli już znajdę to potem jak do wgrać na stronkę? Zeby był właśnie w poziomie.
Z tego pierwszego linku wyślą Ci paczkę na e-mail. Z tego co pamiętam kilka plików na FTP, kod menu który wstawiasz tam gdzie chcesz menu np. w szablon header oraz kod CSS który wklejasz do global.css
Możliwe, że coś zmienili, ale instrukcja na pewno będzie :)
Oto cała instrukcja

Installation Instructions

1.Upload the menu_assets folder to the root directory of your website. This is usually where your index.html file is.

2.Copy and paste the code below somewhere between the <head></head> tags.

<link href="/menu_assets/styles.css" rel="stylesheet" type="text/css">


3.Copy and paste the html below where ever you want your menu to show up.

<div class='cssmenu'>
<ul>
   <li class='active '><a href='#'><span>Home</span></a></li>
   <li><a href='#'><span>Products</span></a></li>
   <li><a href='#'><span>Company</span></a></li>
   <li><a href='#'><span>Contact</span></a></li>
</ul>
</div>


Notes

1.If you run into a problem getting your menu to work or have suggestions for the site please Contact Us and let us know. We will try to help as much as possible.

A pliki jakie miałem w paczce to:
menu_assets; w nim
-images (folder a w nim 2 obrazki z kolorami)
-styles.css

Czy możesz napisać, jak teraz to wrzucić i co do jakiego katalogu/pliku?
<link href="/menu_assets/styles.css" rel="stylesheet" type="text/css"
Wklejasz do jakiegoś szablonu nie wiem czy nie tego co menu w sekcję <head></head>

<div class='cssmenu'>
<
ul>
   <
li class='active '><a href='#'><span>Home</span></a></li>
   <
li><a href='#'><span>Products</span></a></li>
   <
li><a href='#'><span>Company</span></a></li>
   <
li><a href='#'><span>Contact</span></a></li>
</
ul>
</
div>] 
Wklejasz do szablonu w którym chcesz mieć menu. Np w header i testujesz w które miejsca.

images wrzuć normalnie na ftp. Styles.css nie wiem co z nim się robi, ale czasem zadziała przekopiowanie jego treści (otwórz notatnikiem) do global.css lub stworzyć (stylei szablony>twój styl>nowy arkusz css>i tworzysz) osobny .css i tam wpakować tą zawartość.
Treść tego styles to:
.cssmenu ul{
    margin:0;
    padding:0;
    list-style-type:none;
    width:auto;
    position:relative;
    display:block;
    height:40px;
    text-transform:uppercase;
    font-size:13px;
    background:transparent url('images/black.jpg') repeat-x top left;
    font-family:Helvetica,Arial,Verdana,sans-serif;
}
.cssmenu li{
    display:block;
    float:left;
    margin:0;
    pading:0;
    border-right:1px solid #ffffff;
    }
.cssmenu li a{
    display:block;
    float:left;
    color:#ffffff;
    text-decoration:none;
    padding:12px 20px 0 20px;
    height:24px;
    height:40px;
    }
.cssmenu li a:hover{
    background:transparent url('images/blue.jpg') repeat-x top left;    
    }

A jeżeli chodzi o styl co się dzieli na <head> </head> to do stylu i global czy innego niż global.css?
.cssmenu ul{
    
margin:0;
    
padding:0;
    list-
style-type:none;
    
width:auto;
    
position:relative;
    
display:block;
    
height:40px;
    
text-transform:uppercase;
    
font-size:13px;
    
background:transparent url('images/black.jpg'repeat-x top left;
    
font-family:Helvetica,Arial,Verdana,sans-serif;
}
.
cssmenu li{
    
display:block;
    
float:left;
    
margin:0;
    
pading:0;
    
border-right:1px solid #ffffff;
    
}
.
cssmenu li a{
    
display:block;
    
float:left;
    
color:#ffffff;
    
text-decoration:none;
    
padding:12px 20px 0 20px;
    
height:24px;
    
height:40px;
    }
.
cssmenu li a:hover{
    
background:transparent url('images/blue.jpg'repeat-x top left;    
    } 

to do global.css na koniec

katalog images do ftp bez żadnych podfolderów

<link href="/menu_assets/styles.css" rel="stylesheet" type="text/css"
to w którymś szablonie najlepiej w tym w którym menu wkleisz w sekcji <head>
Tylko menu wklejam tutaj w headerze w kodzie:

<div id="container">
        <a name="top" id="top"></a>
        <div id="header">
            <center><div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div></center>
<div class='cssmenu'>
<ul>
   <li class='active '><a href='#'><span>Home</span></a></li>
   <li><a href='#'><span>Products</span></a></li>
   <li><a href='#'><span>Company</span></a></li>
   <li><a href='#'><span>Contact</span></a></li>
</ul>
</div>
            </div>
            <hr class="hidden" />
            <div id="panel">
                {$welcomeblock}
            </div>
        </div>
        <hr class="hidden" />
        <br class="clear" />
        <div id="content">
            {$pm_notice}
            {$bannedwarning}
            {$bbclosedwarning}
            {$unreadreports}
            {$pending_joinrequests}
            <navigation>
            <br />

Tutaj niestety <head> nie ma :/
To w szablonie index jest <head> i tam ten drugi kod wklej.

A jak nie będzie działać to wklej ten kod bezpośrednio nad kodem menu nie zważając na to czy jest tam head czy nie
Okej, dziękuję bardzo. Działa :)

Edit:

Przepraszam, myślałem ze notatki oznaczały to, że moderator dodawał takie coś, że podziękowałem. Już się do tego zastosuje.
DarK15 napisał 03.06.2012, 16:07:
Nie uważasz, że po tylu notatkach od moderatorów, które prowadziły do: [Obrazek: modnotice_thx.png] powinieneś już dawno się do tego dostosować? Na początek lekki warn +10%.



Użytkownicy przeglądający ten wątek:

1 gości