Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Ocena menu
VeParadox
post 28.01.2014, 07:53:27
Post #1





Grupa: Zarejestrowani
Postów: 154
Pomógł: 0
Dołączył: 29.08.2012

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


Witam.
Prowadzę forum http://realceny.pl, jak zerkniecie to po lewej stronie jest coś na zasadzie przydatnych linki, takie menu. Zależy mi na rozwinięciu tego, chciałbym dodać więcej linków (e-banki, e-apteki itd itp). Problem w tym że wizualnie jest to już teraz naćkane i wygląda mało przejrzyście. Macie jakiś pomysł na usprawnienie wizualne menu? Może jest tu jakiś grafik (niedrogi) który coś zaproponuje. Będę wdzięczny za wszelkie porady w tej kwestii.
Jeśli źle wybrałem dział to proszę moderatorów o przeniesienie do właściwego, nic mi nie pasowało.
Go to the top of the page
+Quote Post
fate
post 28.01.2014, 09:17:03
Post #2





Grupa: Zarejestrowani
Postów: 824
Pomógł: 106
Dołączył: 14.03.2012
Skąd: Warszawa

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


cursor:pointer na rozwijaki
wyroznij rozwijaki wieksza czcionka i jakims tlem zamiast tymi dzwonkami
inna czcionka
poczytaj o flat design


--------------------
Go to the top of the page
+Quote Post
sowiq
post 28.01.2014, 09:34:39
Post #3





Grupa: Zarejestrowani
Postów: 1 890
Pomógł: 339
Dołączył: 14.12.2006
Skąd: Warszawa

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


- Dla linków display: block, żeby zajmowały całą szerokość elementu:


- Dodaj trochę powietrza (padding albo line-height) do linków, bo teraz ciężko w nie trafić.
Go to the top of the page
+Quote Post
VeParadox
post 28.01.2014, 10:02:37
Post #4





Grupa: Zarejestrowani
Postów: 154
Pomógł: 0
Dołączył: 29.08.2012

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


Dziękuje za podpowiedzi, troszkę pracy przede mną. Jak poprawie dam znać, zobaczycie jak wyszło smile.gif
Go to the top of the page
+Quote Post
mariiko
post 28.01.2014, 19:42:15
Post #5





Grupa: Zarejestrowani
Postów: 0
Pomógł: 0
Dołączył: 28.01.2014

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


ok czekamy:)


--------------------
http://technikalaserowa3d.eu
Go to the top of the page
+Quote Post
VeParadox
post 28.01.2014, 20:14:52
Post #6





Grupa: Zarejestrowani
Postów: 154
Pomógł: 0
Dołączył: 29.08.2012

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


No dobra, troszkę poprawiłem. Bardzo proszę o słowa krytyki, uargumentowane podpowiedziami smile.gif
Go to the top of the page
+Quote Post
fate
post 29.01.2014, 15:05:35
Post #7





Grupa: Zarejestrowani
Postów: 824
Pomógł: 106
Dołączył: 14.03.2012
Skąd: Warszawa

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


wywalic text-decoration i list-style-type z rozwijaków
Albo zkapitalizuj teksty rozwijaków albo zwieksz im czcionke
nie zrobiłeś bloków z padingiem podmenu jak napisał sowiq wtedy możesz im dać jakieś tło border albo shadow
Po najechaniu na linki nie tylko zmienia się ich kolor ale i czcionka takie mam wrażenie przez co dodatkowo tekst:
Uwaga: Aplikacja dostępna tyko dla zarejestrowanych ...
skacze
inna czcionka nawet verdana
po najechaniu na nazwe sklepu moglby sie pojawiac np background-image sugerujacy ze mozna to rozwinac

Nie masz pomyslów szukaj insoiracji na innych stronach
http://www.noupe.com/css/100-great-css-menu-tutorials.html


--------------------
Go to the top of the page
+Quote Post
VeParadox
post 30.01.2014, 08:47:39
Post #8





Grupa: Zarejestrowani
Postów: 154
Pomógł: 0
Dołączył: 29.08.2012

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


Cytat(fate @ 29.01.2014, 15:05:35 ) *
wywalic text-decoration i list-style-type z rozwijaków
Albo zkapitalizuj teksty rozwijaków albo zwieksz im czcionke

Ale chodzi ci o lokalizacje, ofert itd? czy o rozwijaki: Biedronka, Auchan itd?

Cytat(fate @ 29.01.2014, 15:05:35 ) *
nie zrobiłeś bloków z padingiem podmenu jak napisał sowiq wtedy możesz im dać jakieś tło border albo shadow
Po najechaniu na linki nie tylko zmienia się ich kolor ale i czcionka takie mam wrażenie przez co dodatkowo tekst:
Uwaga: Aplikacja dostępna tyko dla zarejestrowanych ...
skacze
inna czcionka nawet verdana

Podmenu poprawie, a to tło to dac im w menu, czy w hover (po najechaniu kursora)?
Co do czcionki to jest odrobine powiększona, ale u mnie "Aplikacja dostepna tylko dla..." nie skacze.
Cytat(fate @ 29.01.2014, 15:05:35 ) *
po najechaniu na nazwe sklepu moglby sie pojawiac np background-image sugerujacy ze mozna to rozwinac

a tego to już nie rozumiem, zapodasz jakies demo o co ci chodzi?

Cytat(fate @ 29.01.2014, 15:05:35 ) *
Nie masz pomyslów szukaj insoiracji na innych stronach
http://www.noupe.com/css/100-great-css-menu-tutorials.html

Za to dziękuje, na pewno się przyda smile.gif
Go to the top of the page
+Quote Post
sowiq
post 30.01.2014, 09:42:15
Post #9





Grupa: Zarejestrowani
Postów: 1 890
Pomógł: 339
Dołączył: 14.12.2006
Skąd: Warszawa

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


Kolego, cały czas nie zrobiłeś blokowego wyświetlania linków w menu. Tzn. prawie zrobiłeś - tylko dla pseudoklasy :hover.

"Powietrza" też za dużo nie dodałeś. Zerknij na obrazek poniżej. Dodałem po kilka pikseli paddingu i jak dla mnie wygląda to trochę lepiej. A najważniejsze, że dużo łatwiej się po tym nawiguje.


Aha, jeszcze jedno. Poświęć trochę czasu na poprawienie kodu HTML. Tagów <center> nie stosuje się od dobrych kilku lat. Bezpośrednio wewnątrz <dl> nie ma prawa znaleźć się <a> - http://www.w3schools.com/tags/tag_dl.asp Dalej już mi się nie chciało szukać.
Go to the top of the page
+Quote Post
VeParadox
post 31.01.2014, 10:59:17
Post #10





Grupa: Zarejestrowani
Postów: 154
Pomógł: 0
Dołączył: 29.08.2012

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


HTML jest jeszcze nie poprawiony, ale chciałbym puki co skupić się na funkcjonalności wizualnej menu. Troszkę poprawiłem i wydaje mi się że jest lepiej, bardzo proszę o ocenę. Może ktoś doradzi w kwestii konkretnie graficznej? smile.gif
Czekam na wiadro zimnej wody na głowę biggrin.gif
Go to the top of the page
+Quote Post
Turson
post 31.01.2014, 11:24:54
Post #11





Grupa: Zarejestrowani
Postów: 4 291
Pomógł: 829
Dołączył: 14.02.2009
Skąd: łódź

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


Tło rozwiniętej listy nijak pasuje do reszty wink.gif
Go to the top of the page
+Quote Post
VeParadox
post 31.01.2014, 22:02:27
Post #12





Grupa: Zarejestrowani
Postów: 154
Pomógł: 0
Dołączył: 29.08.2012

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


Cytat(Turson @ 31.01.2014, 11:24:54 ) *
Tło rozwiniętej listy nijak pasuje do reszty wink.gif

Zaproponujesz coś? sekret.gif
Go to the top of the page
+Quote Post
Turson
post 31.01.2014, 23:01:32
Post #13





Grupa: Zarejestrowani
Postów: 4 291
Pomógł: 829
Dołączył: 14.02.2009
Skąd: łódź

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


Lepiej bez tego żółto białego (?) gradientu lub nieco jaśniejsze tło niż całego kontenera.
Go to the top of the page
+Quote Post
VeParadox
post 1.02.2014, 11:02:03
Post #14





Grupa: Zarejestrowani
Postów: 154
Pomógł: 0
Dołączył: 29.08.2012

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


Poprawione, myślicie że już jest wizualnie dobrze?
Go to the top of the page
+Quote Post
fate
post 1.02.2014, 22:16:02
Post #15





Grupa: Zarejestrowani
Postów: 824
Pomógł: 106
Dołączył: 14.03.2012
Skąd: Warszawa

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


na teraz jest niezle oprocz tego ze niektore pod-linki zmieniaja barwe na niebiesko i sa niezbyt widoczne
sam przyznasz ze w porownaniu z tym co na poczatku jest level up
nie zmienia to faktu ze jak znajdziesz czas pasowaloby wszystko przepisac od nowa html + zarzadzalny css
nie odniose sie do wszystkich pytan powzyej bo wypadlem z tematu ale mialem na mysli cos takiego tylko tu sa plusiki
http://www.egrappler.com/akordeon/index.htm


--------------------
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 16.04.2024 - 20:19