Powyższe linki demonstrują podstawową budowę menu wykorzystującą nieporządkowaną listę wystylizowaną w pliku style.css. Wykorzystaj to menu jako start i zmodyfikuj właściwości dowolnie, żeby uzyskać unikalne menu. Żeby zbudować rozwijane menu możesz wykorzystać dodatkowo dowolny widget.

Jeżeli potrzebujesz menu poziome po prostu wytnij cale ul z sidebar1 i wklej ponad sidebar1 nastepnie przerób stylizacje w style.css .

Instrukcje

Należy pamiętać że plik utworzony w poprzednim ćwiczeniu style.css jest bardzo istotny dla tego szablonu. Żeby dowiedzieć się więcej o stylach możesz zerknąć do stronyhttp://www.w3schools.com/css/default.asp.

Przenoszenie div'ow do nowej linii

Ponieważ wszystkie kolumny mają ustawiony parametr float, musimy wykorzystać clear:both zadeklarowane w style.css w .footer.

Logo Podmiana

Miejsce na logo w klasie .header tam możemy dodać logo.

Internet Explorer Conditional Comments

These liquid layouts contain an Internet Explorer Conditional Comment (IECC) to correct two issues.

  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam faucibus porttitor enim, sed volutpat elit sagittis id. Donec ac mauris justo. Donec ut felis velit. Sed libero felis, malesuada non eleifend vel, tempor sit amet odio. In in aliquam massa. Sed dapibus orci nec est laoreet consectetur. Duis in sapien ac ipsum congue facilisis vitae consectetur lacus. Sed in tortor vel ipsum tempor semper sed sodales dui. Maecenas iaculis tempor cursus. Proin mauris justo, faucibus quis blandit sed, dictum commodo orci. Phasellus egestas sagittis sapien.
  2. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam faucibus porttitor enim, sed volutpat elit sagittis id. Donec ac mauris justo. Donec ut felis velit. Sed libero felis, malesuada non eleifend vel, tempor sit amet odio. In in aliquam massa. Sed dapibus orci nec est laoreet consectetur. Duis in sapien ac ipsum congue facilisis vitae consectetur lacus. Sed in tortor vel ipsum tempor semper sed sodales dui. Maecenas iaculis tempor cursus. Proin mauris justo, faucibus quis blandit sed, dictum commodo orci. Phasellus egestas sagittis sapien.

Backgrounds

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam faucibus porttitor enim, sed volutpat elit sagittis id. Donec ac mauris justo. Donec ut felis velit. Sed libero felis, malesuada non eleifend vel, tempor sit amet odio. In in aliquam massa. Sed dapibus orci nec est laoreet consectetur. Duis in sapien ac ipsum congue facilisis vitae consectetur lacus. Sed in tortor vel ipsum tempor semper sed sodales dui. Maecenas iaculis tempor cursus. Proin mauris justo, faucibus quis blandit sed, dictum commodo orci. Phasellus egestas sagittis sapien.