Tym razem pokażę wam mój wymysł teoretycznie nazywający się "layout". ;p

Link 1:
http://www.img.shadowd.cmsss.pl/4.gif

Link 2:
http://www.img.shadowd.cmsss.pl/6.gif

Link 3:
http://www.img.shadowd.cmsss.pl/7.png

Link 4:
http://www.img.shadowd.cmsss.pl/8.png

Link 5:
http://www.img.shadowd.cmsss.pl/9.png

Link do strony:
http://www.cmsss.pl/

Prosił bym o konstruktywną krytykę co powinienem zmienić i czy powinienem w ogóle brać się za zmienianie czegokolwiek = kosz. ;p

Pozdrawiam i z góry dziękuję za pomoc

Po co podałeś trzy linki do tego samego wyglądu?

Co do oceny to niestety, ale chyba nie ucieszy Cię moje zdanie.
- Logotyp to zwykła czcionka z kiepskim i przesadzonym efektem graficznym. Nie przedstawia nic co mogłoby mi się skojarzyć z CMS-em.
- Top jest zwykłbym czarnym (100%) paskiem. Nie kojarzy się dobrze. Całkowicie nie pasuje co reszty.
- Zbyt duża "przepaść" pomiędzy kolorami (czarnym, a czerwonym).
- Użyłbym raczej czcionek bezszeryfowych.
- "Logowanie" i "Kontakt" za bardzo w rogu. Są jakby "odseparowane" od reszty.
- Brak stopki.

Podsumowując: zły dobór kolorów. Wygląd niby prosty, ale nie ładny.
Radziłbym zacząć od nowa.

Pozdrawiam

PS Wyglądy wrzucaj lepiej w .jpg, lub .png jeżeli chcesz mieć lepszą jakość. .gif nie nadaje się do takich rzeczy.

Coś pokręciłem z linkami, już poprawione...

1- A powinno się kojarzyć z cms-em, nie twierdziłem że będzie to cms. ;p
2- Eeee, tu mnie zagiąłeś mi się podoba, ale liczy się większość głosów jeśli inni przestawią podobne problemy - śmietnik. ;/
4- Logo też?
5- Tak, to zdecydowanie muszę zmienić.
6- Jest n trzeciej pracy.

Ouch, nie przypomina to panelu administracyjnego, jest średnio intuicyjne i kolory nie pasują na panel administracyjny.
Inspiracji można szukać tu... http://themeforest.net/category/site-templates/admin-skins .
Całkiem sympatyczne niektóre designy.

Ahh potraficie skutecznie zniechęcić mnie do dalszej pracy... ;p

A inni co o tym myślą, może jakieś pomysły na poprawienie loga?

Takie sobie... Logo takie nijakie... Typografia też nienajlepiej - użyj czcionek bezszeryfowych. Ale źle też nie jest.



Co Ty znów z tą stopką ? To jest autora sprawa... Oceniamy layout



W png tak, ale w jpg niezabardzo. Dla layoutów, a dla screenshotów w szczególności



Logo nie.

Ok co nieco poprawiłem zaktualizowałem pierwszego posta.

I dzięki za kilka miłych słów...

Usuń te pseudo-cienie. Nie poprawiają wyglądu, a będzie je ciężko napisać w css

PS. Wstaw coś w stylu lorem ipsum - będzie lepiej widać, czy typografia jest dobrze dobrana.

Jeśli uważasz że cienie pogarszają całość usunę je ale jeśli choć trochę dają chciał bym je pozostawić.

A w css to kwestia jednego diva z pozycjonowaniem relative i szaro-przezroczystym tłem.

Poprawiłem i wklejałem nowy link, i czekam na dalsze pomysły.

Jak na pierwszy layout całkiem nieźle ja lepszego napewno nie zrobiłem. Najbardziej leży kolorystyka proponuje używać tego:
http://www.defencemechanism.com/color/
http://www.akelos.com/colors/
http://colorsontheweb.com/colorwheel.asp
http://www.ficml.org/jemimap/style/color/wheel.html
http://www.colorschemer.com/online.html
http://www.colorsontheweb.com/colorwizard.asp
http://www.hypergurl.com/colormatch.php
http://kuler.adobe.com/
http://www.wellstyled.com/tools/colorscheme2/index-en.html
w celu uzyskania lepszej kolorystyki.

Pozdrawiam

Tak znam tego typu strony ich jest masa w siei...

Chciał bym zachować top i logo więc może zaproponujecie jakieś kolory na body?

EDIT:

Może przerobie kolorystykę na taką:


Kolory zaczerpnąłem z kuler.adobe.com

No nie wiem jak Ty uważasz, ale IMHO bez cieni lepiej wygląda.

A nowa kolorystyka się prawie nie różni od obecnej

Hmmm, wziołem się do pisania kodu i pozwolę sonie zamieścić link do strony:

http://cmsss.pl/www/

Prosił bym również o ocenę kodu Xhtml i css, będzie wdzięczny za każdą pomoc.

PS Co do kolorystyki pomyślę jeszcze, a z cieni zrezygnowałem... ;p

Walidator krzyczy.

Poza tym, staraj się unikać nazewnictwa opisującego wygląd, np. left/middle/bottom. Zmienisz CSS i wtedy to już nie będzie lewa, czy środek. Zobacz sobie na http://csszengarden.com, to będziesz miał w akcji wytłumaczone, dlaczego o tym mówię (zmienia się tylko CSS, HTML zostaje ten sam).

Proponowałbym również popracować nad typografią.

Usuń spację z końca linku http://www.img.shadowd.cmsss.pl/7.png bo nie działa

Wygląd jak na mój gust ładny (bo sam nie potrafię lepszego zrobić ), jak wyżej ktoś napisał (#2 post) logo nie kojarzy się z niczym, przydał by się może jakiś obrazek (zdjęcie przypominające tematykę strony - CMS np. serwer, komputer, kod).

9/10

Do validatora nie patrzyłem

@edit
Zmień kolor lub samą czcionkę w stopce - zlewa się

Pozdrawiam, WebNuLL

A więc, link poprawiłem i trochę kod.

A co do Walidatora to wcale tak głośno nie krzyczy, on tylko mówi, że mam drobne błędy w kodzie które zresztą są już poprawione. ;p

Faktycznie ten czarny tak dziwnie wygląda w stopce jest to spowodowane dobieraniem na szybko czcionki.

A co do samego kodu do wieczora go trochę zmodernizuję usunę kilka div bo trochę przesadziłem razem z tym zmienię czcionkę.

EDIT:

Poprawiłem znacznie kod i nieco grafikę (odcienie).

Link:
http://www.cmsss.pl/

Pozycja news jak i logowanie mają inny wygląd ponieważ prezentują wygląd aktywnego linku.

Jeśli będzie miał ktoś coś jeszcze do zarzucenia z chęcią posłucham.

Pozdrawiam

na tym forum jestem raczej gdyż się nudzę na forum Excela i rzadziej "bawię" się PHP więc nie musisz brać moich sugestii pod uwagę

1) pytanie - chcesz od razu wyświetlić całego news'a?? jeśli tak to ok a jeśli nie to nie widzę ich "przycinania" na stronie głównej do krótszej formy (oczywiście to w PHP)
2) też się nie uważam za pozycjonera ale można by wyróżnić w kodzie niektóre rzeczy, np. nagłówki ale nie mam na myśli wizualnie tylko dla google... skoro pogrubiłeś w stylach a nie przez znaczniki <b> to można by użyć zamiast <p> to któryś stopień <h> w nagłówku - wiem, że teraz większą rolę odgrywają rolę linki ale ponoć diabeł tkwi w szczegółach więc można by dorzucić jakieć znaczniki meta i description, oraz tytuł dla każdej zakładki inny deczko z wspólnym elementem...

sorki i nie musisz brać pod uwagę tego postu - graficznie dla mnie ok

Strona prosi się o czcionki bezszeryfowe

Każda rada się przyda a szczególnie taka...

Faktycznie w newsach można by pobawić się h3 i h4 zamiast spam i p, dobrze że mi przypomniałeś zapomniałem o tych znacznikach.

Poprawię ale trochę później.

EDIT:

Omg, coś pokręciłem jeszcze przed chwilą był arial. ;p

EDIT 2:
Czcionki poprawione, błędnymi marginesami zajmę się później. (Wina zmiany czcionki.)

EDIT 3:
Wszystko poprawione i zaktualizowane. Dodatkowo zmieniła się domena na: http://www.cmsss.pl/

Dzięki i czekam na dalsze uwagi...

No, teraz jest ok, ale skoro czekasz na dalsze uwagi, to:



Po co pogrubione (czy to takie istotne), i po co komu takie dokładne dane, nie możesz po prostu dd.mm.yy ?



Co ma data wspólnego z nagłówkiem? nic. Nagłówkiem tutaj powinien być tytuł notki, czyli mniej-więcej tak:



EDIT:

To samo z blokami menu:



Klasy w <h2> i <p> są zbędne. W końcu możesz dać .block h2 i .block p

Tz ja bym napisał to tak:

[HTML] pobierz, plaintext 
<div>
 
<h2>
tytul
</h2>
 
<spam>
data
</spam>
 
<p>
tresc
</p>
 
</div>
[HTML] pobierz, plaintext 

Ale jak upilnować tytuł i datę by były analogicznie po lewej i prawej stronie?
Dlatego dodałem nagłówek by je dopasować, wspomnę że class=block jest kontenerem który będzie dość często powtarzany.

No to tak:

[HTML] pobierz, plaintext 
<div class="news">
 
<div class="news_header">
<h2>
tytul
</h2>
 
<span>
data
</span>
</div>
 
<p>
tresc
</p>
 
</div>
[HTML] pobierz, plaintext 

I stylujesz:

.news{} - cały blok
.news_header{} - blok headera
.news_header h2{} - header
.news_header span{} - data

niby to samo co na początku, ale po prostu IMHO nie możesz wrzucać do <hx> daty, bo data nie jest nagłówkiem.

W takim razie prawie tak to wygląda w tej chwili, brakuje h2 jednak jak go daję z nieznanych przyczyn head zjeżdża na dół...

No nic zaraz coś jeszcze pokombinuję.

Edit:
Poprawione

A może jakieś inne zastrzeżenia?