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

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

Horyzontalne menu (TabMenu)

Założony przez  MazuLuka.

11.05.2011, 13:10 (Ten post był ostatnio modyfikowany: 11.05.2011, 21:31 przez MazuLuka.)
#1
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! :)
11.05.2011, 16:08
#2
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
11.05.2011, 16:44
#3
Dziękuję, za pomoc, a mógłbyś mi jeszcze napisać gdzie co wstawić?

http://www.dhtmlgoodies.com/index.html?w...es_tabmenu
11.05.2011, 17:21
#4
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
11.05.2011, 17:38
#5
Tak, już poradziłem sobie, a ponadto dałem style do global.css ;)
A teraz masz zaokrąglone rogi, bo ja w operze mam.
11.05.2011, 17:46 (Ten post był ostatnio modyfikowany: 11.05.2011, 17:49 przez saturnine.)
#6
firefox
   
11.05.2011, 18:23 (Ten post był ostatnio modyfikowany: 11.05.2011, 18:25 przez MazuLuka.)
#7
Opera
   
11.05.2011, 18:28
#8
kolory juz ok, ale rogów nie ma okrągłych
11.05.2011, 18:29
#9
No to nie wiem co zrobić... A górne zaokrąglenie działa...
11.05.2011, 18:49
#10
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:
.activeMenuItem {
    background: url("images/tammenu_left.png") no-repeat scroll left 0 transparent; (...)

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




11.05.2011, 21:30
#11
Jakiej wersji liska używasz?
12.05.2011, 07:10 (Ten post był ostatnio modyfikowany: 12.05.2011, 07:14 przez saturnine.)
#12
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


12.05.2011, 09:55
#13
jak wstawic komunikat, dla userow IE, zeby zmienili przegladarke?
12.05.2011, 11:11
#14
http://webmade.org/porady/komentarze-warunkowe-ie.php
http://browser-update.org/pl/#

ale zbaczamy z tematu.



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

1 gości