[HTML][CSS] Hovery Menu Opcje

[mrk9109]

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/

Ten post edytował mrk9109 3.08.2014, 14:40:05

[lukasz_os]

Co nam po samym cssie?

[mrk9109]

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]

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

[mrk9109]

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

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

[lukasz_os]

Lato_400-Lato_700.font.js z cufon.js Podmienia ci HTML i dlatego nie ma efektu

[mrk9109]

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]

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]

[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]

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');
}

Ten post edytował mrk9109 3.08.2014, 17:46:54

[trueblue]

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]

Dzięki

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

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

[trueblue]

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

[mrk9109]

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]

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

[mrk9109]

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

[trueblue]

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]

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]

To pokaż stronę kiedy wprowadzisz zmiany w css.

[mrk9109]

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