Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

2 Stron V   1 2 >  
 Reply to this topicStart new topic
> [HTML][CSS] Hovery Menu
mrk9109
post
Post #1





Grupa: Zarejestrowani
Postów: 445
Pomógł: 3
Dołączył: 4.06.2010

Ostrzeżenie: (0%)
-----

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
Go to the top of the page
+Quote Post
lukasz_os
post
Post #2





Grupa: Zarejestrowani
Postów: 203
Pomógł: 55
Dołączył: 23.11.2008
Skąd: UKF

Ostrzeżenie: (0%)
-----

Co nam po samym cssie?
Go to the top of the page
+Quote Post
mrk9109
post
Post #3





Grupa: Zarejestrowani
Postów: 445
Pomógł: 3
Dołączył: 4.06.2010

Ostrzeżenie: (0%)
-----

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 ;/
Go to the top of the page
+Quote Post
lukasz_os
post
Post #4





Grupa: Zarejestrowani
Postów: 203
Pomógł: 55
Dołączył: 23.11.2008
Skąd: UKF

Ostrzeżenie: (0%)
-----

Z tego co ja widze hovery działają: http://jsfiddle.net/bC465/
Go to the top of the page
+Quote Post
mrk9109
post
Post #5





Grupa: Zarejestrowani
Postów: 445
Pomógł: 3
Dołączył: 4.06.2010

Ostrzeżenie: (0%)
-----

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

http://testy.mrk-web.pl/ff/
Go to the top of the page
+Quote Post
lukasz_os
post
Post #6





Grupa: Zarejestrowani
Postów: 203
Pomógł: 55
Dołączył: 23.11.2008
Skąd: UKF

Ostrzeżenie: (0%)
-----

Lato_400-Lato_700.font.js z cufon.js (IMG:style_emoticons/default/smile.gif) Podmienia ci HTML i dlatego nie ma efektu (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
mrk9109
post
Post #7





Grupa: Zarejestrowani
Postów: 445
Pomógł: 3
Dołączył: 4.06.2010

Ostrzeżenie: (0%)
-----

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 ?
Go to the top of the page
+Quote Post
lukasz_os
post
Post #8





Grupa: Zarejestrowani
Postów: 203
Pomógł: 55
Dołączył: 23.11.2008
Skąd: UKF

Ostrzeżenie: (0%)
-----

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 
  1. <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 
  1. font-family: 'Lato', sans-serif;
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
trueblue
post
Post #9





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
----- 

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

i analogicznie reszta, ale jak pisze lukasz_os, używaj font-face.
Go to the top of the page
+Quote Post
mrk9109
post
Post #10





Grupa: Zarejestrowani
Postów: 445
Pomógł: 3
Dołączył: 4.06.2010

Ostrzeżenie: (0%)
-----

Ostatnie pytanie dlaczego ? Nie działa ta czionka na firefoxie ? Co robie źle ;/ na chrome itp jest oki (IMG:style_emoticons/default/smile.gif)
Kod
@font-face {
font-family: BebasNeue;
src: url('/fonts/BebasNeue.otf');
}


Ten post edytował mrk9109 3.08.2014, 17:46:54
Go to the top of the page
+Quote Post
trueblue
post
Post #11





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----

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
Go to the top of the page
+Quote Post
mrk9109
post
Post #12





Grupa: Zarejestrowani
Postów: 445
Pomógł: 3
Dołączył: 4.06.2010

Ostrzeżenie: (0%)
-----

Dzięki (IMG:style_emoticons/default/smile.gif)

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

http://testy.mrk-web.pl/ff/
Go to the top of the page
+Quote Post
trueblue
post
Post #13





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----

A ja widzę, że nadal Cufona używasz.
Go to the top of the page
+Quote Post
mrk9109
post
Post #14





Grupa: Zarejestrowani
Postów: 445
Pomógł: 3
Dołączył: 4.06.2010

Ostrzeżenie: (0%)
-----

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>
Go to the top of the page
+Quote Post
trueblue
post
Post #15





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----

http://testy.mrk-web.pl/fonts/BebasNeue.woff
Go to the top of the page
+Quote Post
mrk9109
post
Post #16





Grupa: Zarejestrowani
Postów: 445
Pomógł: 3
Dołączył: 4.06.2010

Ostrzeżenie: (0%)
-----

? zły adres wpisałeś bo strona jest w katalogu "ff"
http://testy.mrk-web.pl/ff/fonts/BebasNeue.woff
Go to the top of the page
+Quote Post
trueblue
post
Post #17





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----

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

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

albo
[HTML] pobierz, plaintext 
  1. 	src: url('/ff/fonts/BebasNeue.eot?') format('eot'), 
  2. 	     url('/ff/fonts/BebasNeue.woff') format('woff'), 
  3. 	     url('/ff/fonts/BebasNeue.ttf')  format('truetype'),
  4. 	     url('/ff/fonts/BebasNeue.svg#svgFontName') format('svg');
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
mrk9109
post
Post #18





Grupa: Zarejestrowani
Postów: 445
Pomógł: 3
Dołączył: 4.06.2010

Ostrzeżenie: (0%)
-----

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
Go to the top of the page
+Quote Post
trueblue
post
Post #19





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----

To pokaż stronę kiedy wprowadzisz zmiany w css.
Go to the top of the page
+Quote Post
mrk9109
post
Post #20





Grupa: Zarejestrowani
Postów: 445
Pomógł: 3
Dołączył: 4.06.2010

Ostrzeżenie: (0%)
-----

http://testy.mrk-web.pl/ff/ - dalej tylko firefox
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

2 Stron V   1 2 >
Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 23.08.2025 - 05:11
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn