Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [layout] Puklerz 2
Forum PHP.pl > Inne > Oceny
Louner
Witam!

Proszę o ocenę layoutu strony z opowiadaniami.

http://pliki.puklerz.pl/strony/puklerz_2/

http://validator.w3.org/check?uri=http%3A%...%2Fpuklerz_2%2F

Przy okazji chciałbym zapytać, czy layout puklerz_2 wydaje się wam lepszy od obecnego ( do obejrzenia pod http://puklerz.pl )

Pozdrawiam
powerman93
Wszystko fajnie tylko wywal ten szary bo nie pasuje do całości. Gdzie? Wszędzie. Ten szary nie pasuje do reszty, lepiej zamień to na takie kolory jakie użyłeś w newsach. Pozatym jakoś wieje pustką. Zrmień czcionkę w "Opowiadanie Pulkerz" i dodaj tam parę bajerów, żeby się jakoś prezentowało. "Inne takie" oO ciekawa nazwa, nie lepiej samo "Inne"? Zmniejsz trochę wysokość tam gdzie są wyświetlone poszczególne działy, tak aby było na równi z tymi pozostałymi dwoma tabelkami(?).

To tyle, ogólnie czeka cię dużo poprawek.
Louner
Zapomniałem dodać, nie dopasowałem wszystkiego pod Internet Explorer, ale zrobię to. tongue.gif Nie ma się co obawiać, to będzie wyglądać tak samo w każdej przeglądarce, więc proszę póki co oceniać wygląd pod Firefoxem, albo czymś innym w tym stylu.

@powerman93
Dzięki, ale cała strona jest szara, więc nie wiem jak to zinterpretować. biggrin.gif
.radex
Graficznie: Stary jest moim zdaniem ładniejszy

Kod: Tabelki...
Louner
Cytat
Kod: Tabelki...


Słucham?
JoShiMa
Wiem, że do oceny był lay, ale zajrzałam do kodu (mam taką manię aaevil.gif ) i zobaczyłam takie coś:

  1. <div id="tab_list">
  2. <ul id="category_1" class="category_tab_list">
  3. <li>
  4. <a href="#">Fantasy ( 4561 )</a>
  5. </li>
  6.  
  7. <li>
  8. <a href="#">Sci-fi ( 2142 )</a>
  9. </li>
  10. <li>
  11. <a href="#">Horror ( 3215 )</a>
  12. </li>
  13. </ul>
  14. <ul id="category_2" class="category_tab_list">
  15.  
  16. <li>
  17. <a href="#">Western</a>
  18. </li>
  19. <li>
  20. <a href="#">Wojenne</a>
  21. </li>
  22. <li>
  23. <a href="#">Kryminał</a>
  24.  
  25. </li>
  26. <li>
  27. <a href="#">Dreszczowce</a>
  28. </li>
  29. </ul>
  30. ...
  31. </div>


To nie powinno tak wyglądać. Lepiej by było tak:

  1. <ul id="tab_list">
  2. <li><ul id="category_1" class="category_tab_list">
  3. <li>
  4. <a href="#">Fantasy ( 4561 )</a>
  5. </li>
  6.  
  7. <li>
  8. <a href="#">Sci-fi ( 2142 )</a>
  9. </li>
  10. <li>
  11. <a href="#">Horror ( 3215 )</a>
  12. </li>
  13. </ul></li>
  14. <li><ul id="category_2" class="category_tab_list">
  15.  
  16. <li>
  17. <a href="#">Western</a>
  18. </li>
  19. <li>
  20. <a href="#">Wojenne</a>
  21. </li>
  22. <li>
  23. <a href="#">Kryminał</a>
  24.  
  25. </li>
  26. <li>
  27. <a href="#">Dreszczowce</a>
  28. </li>
  29. </ul></li>
  30. ...
  31. </ul>
Nickel
Podoba mi się zdecydowanie bardziej ten nowy smile.gif Ten przycisk "Zaloguj" dałbym do prawej - taki szczegół winksmiley.jpg Kod jest jak dla mnie ok smile.gif Nie sprawdzałem pod innymi przeglądarkami, ale raczej nie powinno być problemu z ewentualnym dostosowaniem - dość prosty layout. Ogólnie zmiana na plus smile.gif
JoShiMa
PS

Zbyt dużo znacznika h1. h1 na stronie powinno być tylko jedno. potem powinny być h2, h3 itd.

PS2

Czy to ma sens:

  1. <div id="header">
  2. <div id="right_panel">
  3. ...
  4. </div>
  5. </div>


Chodzi mi o to, że jest div w divie, chyba niepotrzebnie.
.radex
Cytat(Louner @ 20.08.2008, 14:17:04 ) *
Słucham?


Coś mi się przewidziało. Tabelki są w starym layoucie.

Natomiast tego:

Kod
<ul>
                    <li>
                        Login: <input type="text" name="user_login" size="20" />
                    </li>
                    <li>
                        Hasło: <input type="password" name="user_password" size="20" />
                    </li>
                    <li>
                        <input type="submit" name="login" value="Zaloguj" />
                    </li>
                </ul>


bym nie wziął do listy.
JoShiMa
Cytat(.radex @ 20.08.2008, 14:43:51 ) *
Coś mi się przewidziało. Tabelki są w starym layoucie.

Natomiast tego:

Kod
<ul>
                    <li>
                        Login: <input type="text" name="user_login" size="20" />
                    </li>
                    <li>
                        Hasło: <input type="password" name="user_password" size="20" />
                    </li>
                    <li>
                        <input type="submit" name="login" value="Zaloguj" />
                    </li>
                </ul>


bym nie wziął do listy.


A do czego byś wziął? Do <p>? Opcją są jeszcze tabela i div.
powerman93
Sorry, że nie zprecyzowałem. Chodzi mi o ten najciemniejszy (po lewej, gdzie są te "Pierwsze Najnowsze"... itd) i ten na samym dole.
Kildyt
Moim zdaniem zdecydowanie stary. To on trzyma klimat winksmiley.jpg Ten nowy wydaje mi się taki hmm nijaki, a to przecież opowiadania więc coś interesującego, zachwycającego itp. Strona musi trzymać klimat i moim zdaniem pod tym względem wygrywa stary wygląd.
webdice
Strona nie chodzi.
SHiP
Kod całkiem całkiem. Ja nie rozumiem jednej rzeczy
  1. <style type="text/css" title="currentStyle" media="screen">
  2. @import "./style/style.css";
  3. </style>


Nie lepiej uzyć <link> i src?

Gdzieś w środku jest jeszcze kod JS zamiast odwołanie do pliku js ;].

Nowy wygląd mniej mi sie podoba niż stary. Są gorzej dobrane kolory i czcionki.
.radex
Cytat(SHiP @ 21.08.2008, 16:51:04 ) *
  1. <style type="text/css" title="currentStyle" media="screen">
  2. @import "./style/style.css";
  3. </style>


Nie lepiej uzyć <link> i src?


Niektórzy mówią, że tak jest nowocześniej. Też nie rozumiem tej opinii. Więcej kodu a nie ma zalet nad <link>
Louner
Cytat(SHiP @ 21.08.2008, 14:51:04 ) *
Ja nie rozumiem jednej rzeczy
  1. <style type="text/css" title="currentStyle" media="screen">
  2. @import "./style/style.css";
  3. </style>


Nie lepiej uzyć <link> i src?


Kiedyś tak były importowane arkusze css w punbb. Podglądałem kod tego skryptu, kiedy się uczyłem robić strony i tak mi zostało. tongue.gif Jak dla mnie to nie robi róznicy, czy wstawiam arkusz przy pomocy <link>, czy tak. Poza tym, dziękuję za komentarze. winksmiley.jpg
antyqjon
Reguła @import to schowanie arkusza stylu przed Netscape 4. Jeśli ktoś wciąż dzierga style pod przeglądarkę której użycie jest obecnie pewnie w ułamkach promili, to proszę bardzo... smile.gif
.radex
Cytat(antyqjon @ 21.08.2008, 23:43:38 ) *
Reguła @import to schowanie arkusza stylu przed Netscape 4. Jeśli ktoś wciąż dzierga style pod przeglądarkę której użycie jest obecnie pewnie w ułamkach promili, to proszę bardzo... smile.gif


Co sugerujesz?

Skoro Netscape 4 jest w ułamkach promili to nie ma przeszkód, żeby używać <link> tongue.gif Po co wydziwiać z jakimiś @importami tongue.gif
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.