Strona bloga cmsss.pl Opcje

[ShadowD]

Miałem już kiedyś podejście do bloga, różni się jednak od tego co miało być, a co jest w chwili obecnej. Jako że mam spore plany i na reszcie czas dla siebie postanowiłem więc je powoli realizować, na razie plany zostaną tajemnicą, a templatka idzie do oceny. :-)

Kilka zmian w kodzie się jeszcze pojawi, bo wiem, że idealny nie jest w większości więc chodzi o sam wygląd strony. Mam monitor lcd i strasznie obawiam się o jasność innych monitorów, różnica między szarościami jest znikła i może zaniknąć w całości - liczę tutaj na opinie. Kolorystyka miała być szaro szara z zółtą wstawką (tak jak kiedyś na logo, jeśli ktoś pamięta to wie o czym mówię), jednak postanowiłem dorzucić trochę ciemnego, potem okazało się że zółty ładnie wygląda na szarym, ale sam w sobie zlewał się z tłem. Na końcu czerwień przykryła żółć i zmiana z mojej strony jak najbardziej na plus, wygląda ładnie na ciemnym i jasnym tle.

Zmiany miały na celu uprzyjemnić pobyt, kierowałem się nieco serwisami społecznościowymi - one chyba każdemu pasują i są nie jako wyznacznikami jak powinna wyglądać strona na którą chcemy zaprosić gościa i trochę go pomęczyć nudnym tekstem.

Link: cmsss.pl*

*Całość testowana pod chrome i ff

Ten post edytował ShadowD 3.12.2011, 17:28:58

[!*!]

Wywal te divy (IMG:style_emoticons/default/wink.gif)

Kod

<!--[if IE]><script type="text/javascript">'article aside section header nav footer'.replace(/\w+/g,function(e){document.createElement(e)});</script><![endif]-->

To kod, "dodający" znaczniki html5 w starczych IE.
Jak chcesz przetestować wygląd w różnych przeglądarkach to polecam browserlab.adobe.com, nie ma opery, ale ją możesz mieć na dysku.

Co do kodu, no prawie dobrze (IMG:style_emoticons/default/wink.gif) pozbądź się divów, bo są zbędne, tak samo jak niektóre przypisanie ID, czy CLASS dla elementów. Odwołaj się do nich bezpośrednio w CSS, skoro w article, masz header, a w nim h2, to po co h2 dajesz klasę?

[CSS] pobierz, plaintext 
article header h2{color:red}
[CSS] pobierz, plaintext 

I już.

Tak samo z section. Za dużo ich. Section jest w zasadzie tylko po to, aby się nie gubić w wypadku większej ilości tego samego kodu. Nie jest on zamiennikiem, dla div.

Twoją stronę widziałbym tak:

[HTML] pobierz, plaintext 
<header> logo itp</header>
 <aside>
  <nav>menu po lewej</nav>
 </aside>
 
<section>
  <article>
   <h2>tresc artu</h2>
   <p>zxc</p>
   <nav>nawigaja do artu</nav>
  </article>
</section>
 
<aside> menu po prawej</aside>
<footer>stopka</footer>
[HTML] pobierz, plaintext 

Oczywiście to kwestia podejścia, jednak nie ma potrzeby w upychaniu wszytkiego tymi znacznikami.

Ten post edytował !*! 7.12.2011, 11:23:00