Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

How To: menu z buttonami

Szukam  Założony przez  MrMartin1146.

03.06.2012, 14:42 (Ten post był ostatnio modyfikowany: 03.06.2012, 19:56 przez Daniel Praźmo.)
#1
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
       
03.06.2012, 14:51 (Ten post był ostatnio modyfikowany: 03.06.2012, 14:52 przez Brianfiki.)
#2
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
03.06.2012, 14:53
#3
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.
03.06.2012, 14:57
#4
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 :)
03.06.2012, 15:03 (Ten post był ostatnio modyfikowany: 03.06.2012, 15:04 przez MrMartin1146.)
#5
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?
03.06.2012, 15:07 (Ten post był ostatnio modyfikowany: 03.06.2012, 15:14 przez Brianfiki.)
#6
<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ść.
03.06.2012, 15:13
#7
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?
03.06.2012, 15:16
#8
.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>
03.06.2012, 15:23
#9
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 :/
03.06.2012, 15:44 (Ten post był ostatnio modyfikowany: 03.06.2012, 15:58 przez Brianfiki.)
#10
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
03.06.2012, 16:00 (Ten post był ostatnio modyfikowany: 03.06.2012, 16:35 przez MrMartin1146.)
#11
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:

3 gości