Forum PHP.pl > [HTML][CSS] Hovery Menu

Pomoc - Szukaj - Użytkownicy - Kalendarz

mrk9109

3.08.2014, 14:19:04

Witam po długiej przerwie wykonuje stronę swojego hobby i mam problem skończyłem wszystko ale nie działają mi hovery w menu i w stopce w menu nie wiem dla czego i co robie źle .

CSS:
http://wklej.org/id/1431779/

HTML:

http://wklej.org/id/1431794/

lukasz_os

3.08.2014, 14:37:11

Co nam po samym cssie?

mrk9109

3.08.2014, 14:41:05

Już z edytowałem , dodam jak bym zrobił zamiast color , background-color to hover działa no ale nie o taki efekt chodzi , nie wiem dlaczego coloru nie czyta ;/

lukasz_os

3.08.2014, 15:07:57

Z tego co ja widze hovery działają: http://jsfiddle.net/bC465/

mrk9109

3.08.2014, 16:05:53

jendak coś je w całości blokuje zobacz sam , gdzie błąd ?

http://testy.mrk-web.pl/ff/

lukasz_os

3.08.2014, 16:21:45

Lato_400-Lato_700.font.js z cufon.js

Podmienia ci HTML i dlatego nie ma efektu

mrk9109

3.08.2014, 16:30:19

czyli co musze zrobic ? . Powiem ci tak pisalem juz 1 posta po przerwie i doradzono mi użyć @font face( nie mialem o tym pojecia bo przerwe mialem z 4-5 lat ) tylko że firefox go nie czyta . Dla tego w menu uzylem cufona . Jakieś rady ? sugestie ?

lukasz_os

3.08.2014, 16:36:00

Wybierz sobie czcionkę stąd: https://www.google.com/fonts i kliknij przy wybranej quick use.

Jak chcesz Lato to wklej w sekcji head PRZED SWOIMI STYLAMI:

[HTML] pobierz, plaintext 
<link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
[HTML] pobierz, plaintext

w swoich stylach dodaj to:

[HTML] pobierz, plaintext 
font-family: 'Lato', sans-serif;
[HTML] pobierz, plaintext

trueblue

3.08.2014, 17:18:41

[HTML] pobierz, plaintext 
Cufon.replace('#menu', { fontFamily: 'Lato', hover:true });
[HTML] pobierz, plaintext

i analogicznie reszta, ale jak pisze lukasz_os, używaj font-face.

mrk9109

3.08.2014, 17:36:20

Ostatnie pytanie dlaczego ? Nie działa ta czionka na firefoxie ? Co robie źle ;/ na chrome itp jest oki

Kod

@font-face {
font-family: BebasNeue;
src: url('/fonts/BebasNeue.otf');
}

trueblue

3.08.2014, 17:48:02

Nie wszystkie formaty czcionek są obsługiwane przez wszystkie wersje przeglądarek.
OTF jest obsługiwany od wersji 30 FF.
Wygeneruje sobie formaty WOFF, TTF, EOT i SVG aby mieć pewność działania na popularnych przeglądarkach:
http://www.fontsquirrel.com/tools/webfont-generator

mrk9109

3.08.2014, 18:08:06

Dzięki

Patrz zrobiłem wszystkie formaty i dalej brak efektu na firefoxie winna tej czcionki ?

http://testy.mrk-web.pl/ff/

trueblue

3.08.2014, 18:11:37

A ja widzę, że nadal Cufona używasz.

mrk9109

3.08.2014, 18:15:43

tylko w menu zmienie to później chodzi mi o ten fragment go juz robie na font face .

Kod

               <div id="title">
                               <div class="title-orange">
                                        NOWE ARTYKUŁY
                               </div>
                               <div class="title-white">
                                        SPRAWDŹ NASZĄ OFERTĘ !
                               </div>
               </div>

trueblue

3.08.2014, 18:19:56

http://testy.mrk-web.pl/fonts/BebasNeue.woff

mrk9109

3.08.2014, 18:30:17

? zły adres wpisałeś bo strona jest w katalogu "ff"
http://testy.mrk-web.pl/ff/fonts/BebasNeue.woff

trueblue

3.08.2014, 18:32:21

Zły adres wpisałeś, bo strona jest w katalogu "ff".

[HTML] pobierz, plaintext 
	src: url('./fonts/BebasNeue.eot?') format('eot'), 
	     url('./fonts/BebasNeue.woff') format('woff'), 
	     url('./fonts/BebasNeue.ttf')  format('truetype'),
	     url('./fonts/BebasNeue.svg#svgFontName') format('svg');
[HTML] pobierz, plaintext

albo

[HTML] pobierz, plaintext 
	src: url('/ff/fonts/BebasNeue.eot?') format('eot'), 
	     url('/ff/fonts/BebasNeue.woff') format('woff'), 
	     url('/ff/fonts/BebasNeue.ttf')  format('truetype'),
	     url('/ff/fonts/BebasNeue.svg#svgFontName') format('svg');
[HTML] pobierz, plaintext

mrk9109

3.08.2014, 19:40:03

Adres dobry bo nawet gdy to zmienie to nic nie daje , a gdy sprawdzam strone u siebie na dysku to tez nie dziala na firefoxie nie mam pojecia dlaczego

trueblue

3.08.2014, 19:54:13

To pokaż stronę kiedy wprowadzisz zmiany w css.

mrk9109

3.08.2014, 20:30:31

http://testy.mrk-web.pl/ff/ - dalej tylko firefox

trueblue

3.08.2014, 21:13:13

[HTML] pobierz, plaintext 
src: url('../fonts/BebasNeue.eot?') format('eot'), 
	     url('../fonts/BebasNeue.woff') format('woff'), 
	     url('../fonts/BebasNeue.ttf')  format('truetype'),
	     url('../fonts/BebasNeue.svg#svgFontName') format('svg');
[HTML] pobierz, plaintext

Drugiej ścieżki na 100% nie próbowałeś

[HTML] pobierz, plaintext 
	src: url('/ff/fonts/BebasNeue.eot?') format('eot'), 
	     url('/ff/fonts/BebasNeue.woff') format('woff'), 
	     url('/ff/fonts/BebasNeue.ttf')  format('truetype'),
	     url('/ff/fonts/BebasNeue.svg#svgFontName') format('svg');
[HTML] pobierz, plaintext

mrk9109

3.08.2014, 21:37:42

działa

sorry za kłopot i jeszcze raz dzięki

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.