Webboard

Webboard > Wsparcie MyBB > Style, szablony i grafika > Horyzontalne menu (TabMenu)
Pełna wersja: Horyzontalne menu (TabMenu)
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.

MazuLuka

11.05.2011, 13:10
wersja skryptu MyBB: 1.6.x
adres forum: Grafifor.co.pl
na czym polega problem (screen, opis, komunikaty, nazwa i wersja wtyczki):

Witam, chciałbym zrobić menu na wzór tego:

[Obrazek: 6495f25e6f509d33154a86f90a0750d6_menu.PNG]


http://www.sohtanaka.com/web-design/exam...al-subnav/

Znalazłem podobne które by mi powiedzmy odpowiadało, ale wysuwa się dopiero po najechaniu myszką, a chciałbym tak zrobić, by od razu było wysunięte. Chcę, aby to działało identycznie jak na www.cmsstyle.pl.

Pozdrawiam, Łukasz! :)

saturnine

11.05.2011, 16:08
oni mają menu stąd:

http://www.dhtmlgoodies.com/index.html?page=menuScripts
dokładniej Tab menu
http://www.dhtmlgoodies.com/scripts/dhtm...bmenu.html

MazuLuka

11.05.2011, 16:44
Dziękuję, za pomoc, a mógłbyś mi jeszcze napisać gdzie co wstawić?

http://www.dhtmlgoodies.com/index.html?w...es_tabmenu

saturnine

11.05.2011, 17:21
to co ma byc w sekcji <body>
Nagłówek - Szablony -> header

to co ma być w sekcji header
Niezgrupowane szablony -> headerinclude

ale chyba juz masz z tego co widzę :) teraz tylko grafika z zaokrąglonymi rogami

MazuLuka

11.05.2011, 17:38
Tak, już poradziłem sobie, a ponadto dałem style do global.css ;)
A teraz masz zaokrąglone rogi, bo ja w operze mam.

saturnine

11.05.2011, 17:46
firefox
[attachment=3584]

MazuLuka

11.05.2011, 18:23
Opera
[attachment=3585]

saturnine

11.05.2011, 18:28
kolory juz ok, ale rogów nie ma okrągłych

MazuLuka

11.05.2011, 18:29
No to nie wiem co zrobić... A górne zaokrąglenie działa...

saturnine

11.05.2011, 18:49
możesz zrobić tak jak na tej stronie cmsstyle co podales:
zamiast
<a id="mainMenuItem1" style="left: 15px; bottom: -1px;" class="activeMenuItem">Strona główna</a>

<a id="mainMenuItem1" style="left: 15px; bottom: -1px;" class="activeMenuItem"><span>Strona główna</span></a>


activeMenu ma lewy róg:
Kod:
.activeMenuItem {
    background: url("images/tammenu_left.png") no-repeat scroll left 0 transparent; (...)

a span ma prawy róg
Kod:
#mainMenu .activeMenuItem span {
background: url("images/tammenu_right.png") no-repeat scroll right 0 transparent; (...)




MazuLuka

11.05.2011, 21:30
Jakiej wersji liska używasz?

saturnine

12.05.2011, 07:10
4.0.1 od dziś
wczoraj jeszcze 3.6 czy coś w tym stylu

już są okrągłe w nowej wersji. Ale w IE 8 nadal nie :D

tutaj sa odpowiedniki stylu dla firefox'a i Safari
http://www.the-art-of-web.com/css/border-radius/
a z ie oduczyć userów i juz


MazuLuka

12.05.2011, 09:55
jak wstawic komunikat, dla userow IE, zeby zmienili przegladarke?

saturnine

12.05.2011, 11:11
http://webmade.org/porady/komentarze-warunkowe-ie.php
http://browser-update.org/pl/#

ale zbaczamy z tematu.
Webboard > Wsparcie MyBB > Style, szablony i grafika > Horyzontalne menu (TabMenu)