Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Ocena menu
VeParadox
post
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
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
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:
(IMG:http://img30.imageshack.us/img30/3386/sfu8.png)

- 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
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 (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
mariiko
post
Post #5





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

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


ok czekamy:)
Go to the top of the page
+Quote Post
VeParadox
post
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 (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
fate
post
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
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 (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
sowiq
post
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.
(IMG:http://img46.imageshack.us/img46/769/lo5q.png)

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ć.
(IMG:http://img811.imageshack.us/img811/9277/m7dy.png)
Go to the top of the page
+Quote Post
VeParadox
post
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? (IMG:style_emoticons/default/smile.gif)
Czekam na wiadro zimnej wody na głowę (IMG:style_emoticons/default/biggrin.gif)
Go to the top of the page
+Quote Post
Turson
post
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 (IMG:style_emoticons/default/wink.gif)
Go to the top of the page
+Quote Post
VeParadox
post
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 (IMG:style_emoticons/default/wink.gif)

Zaproponujesz coś? (IMG:style_emoticons/default/sekret.gif)
Go to the top of the page
+Quote Post
Turson
post
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
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
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
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 5.10.2025 - 19:51