![]() |
![]() ![]() |
![]() |
![]()
Post
#1
|
|
![]() Grupa: Zarejestrowani Postów: 40 Pomógł: 6 Dołączył: 6.05.2009 Ostrzeżenie: (0%) ![]() ![]() |
Witam. Jest to mój pierwszy layout, który wykonałem sam. Wcześniej bazowałem na darmowych stylach, które lekko przerabiałem. Co do grafiki.. jest jaka jest i wiem, że można ją poprawić. Była ona robiona na szybko tylko w celu sprawdzenia swoich możliwości w kodowaniu, więc nie będę w tym projekcie przywiązywał większej wagi do tego. Bardziej chodzi mi o ocenę, wytknięcie błędów i ewentualne sugestie co do kodu, gdyz jest to mój pierwszy layout jak juz napisałem. Nie do końca ogarniam jeszcze sposobu działania niektórych atrybutów w css, wiec niektóre z nich pojawiły się w pliku 'style.css' tylko dlatego, że ładnie się wyświetlało.
Adres strony http://shivera.ayz.pl/ |
|
|
![]()
Post
#2
|
|
![]() Grupa: Zarejestrowani Postów: 205 Pomógł: 3 Dołączył: 20.04.2009 Skąd: Jaworzno Ostrzeżenie: (0%) ![]() ![]() |
Nie ma tu zbyt dużo do kodowania
![]() Kod <div id="content_right"> <h2>Lorem Ipsum</h2> <p class="rightTxt1"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at lorem nec turpis scelerisque eleifend sit amet ac nibh. Maecenas sapien nisl, tempus non rhoncus non, fermentum ut magna. Nulla facilisi. Aenean sed justo in nulla dictum laoreet non ac ante. Vestibulum laoreet auctor pretium. Nulla id libero non leo pulvinar pharetra. In vel dictum odio. Morbi mollis tincidunt justo, ac commodo ipsum auctor quis. Ut diam enim, volutpat ut euismod eget, ullamcorper eget velit. Donec aliquam facilisis mi, eu accumsan tortor laoreet ultricies. Vivamus eu dolor a quam mollis sodales in quis justo. </p> <p class="rightTxt1"> Sed vulputate sem at erat pharetra vel facilisis purus rutrum. Suspendisse potenti. Etiam nec mi diam. Nunc aliquam nisi vel metus ultricies sit amet malesuada arcu viverra. Phasellus placerat, velit et pretium commodo, lacus purus bibendum ipsum, sed eleifend tellus augue non arcu. In quis eros ut nulla congue volutpat. Cras ut sapien metus. Ut ac nulla sed mauris semper vulputate volutpat a ante. Suspendisse ac dui mi. Morbi dictum lacus eget sem sollicitudin tristique. </p> <h2>Lorem Ipsum</h2> <p class="rightTxt1"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at lorem nec turpis scelerisque eleifend sit amet ac nibh. Maecenas sapien nisl, tempus non rhoncus non, fermentum ut magna. Nulla facilisi. Aenean sed justo in nulla dictum laoreet non ac ante. Vestibulum laoreet auctor pretium. Nulla id libero non leo pulvinar pharetra. In vel dictum odio. Morbi mollis tincidunt justo, ac commodo ipsum auctor quis. Ut diam enim, volutpat ut euismod eget, ullamcorper eget velit. Donec aliquam facilisis mi, eu accumsan tortor laoreet ultricies. Vivamus eu dolor a quam mollis sodales in quis justo. </p> <p class="rightTxt1"> Sed vulputate sem at erat pharetra vel facilisis purus rutrum. Suspendisse potenti. Etiam nec mi diam. Nunc aliquam nisi vel metus ultricies sit amet malesuada arcu viverra. Phasellus placerat, velit et pretium commodo, lacus purus bibendum ipsum, sed eleifend tellus augue non arcu. In quis eros ut nulla congue volutpat. Cras ut sapien metus. Ut ac nulla sed mauris semper vulputate volutpat a ante. Suspendisse ac dui mi. Morbi dictum lacus eget sem sollicitudin tristique. </p> </div> po co te klasy przy p ? zrób w css'ie Kod #content_right p i nie wiem po co to ? i co to jest ? Kod <div id="logo"></div>
<div id="menu"></div> -------------------- :) na miliony przyjdzie czas...
|
|
|
![]()
Post
#3
|
|
![]() Grupa: Zarejestrowani Postów: 40 Pomógł: 6 Dołączył: 6.05.2009 Ostrzeżenie: (0%) ![]() ![]() |
|
|
|
![]()
Post
#4
|
|
![]() Grupa: Zarejestrowani Postów: 205 Pomógł: 3 Dołączył: 20.04.2009 Skąd: Jaworzno Ostrzeżenie: (0%) ![]() ![]() |
logo powinno być klikalne i odsyłać do strony głównej serwisu
Menu to u Ciebie zakładka Menu i News, każde z nich powinno być osobno ![]() -------------------- :) na miliony przyjdzie czas...
|
|
|
![]()
Post
#5
|
|
![]() Grupa: Zarejestrowani Postów: 40 Pomógł: 6 Dołączył: 6.05.2009 Ostrzeżenie: (0%) ![]() ![]() |
W pewnym sensie masz racje, sadze jednak, ze sa to szczegóły dzieki którym kod staje się bardziej przejrzysty. Uwzględnię to w następnym projekcie.
Ale jak na pierwsze kodowanie layoutu to wyszlo całkiem całkiem? |
|
|
![]()
Post
#6
|
|
![]() Grupa: Zarejestrowani Postów: 81 Pomógł: 2 Dołączył: 9.07.2008 Skąd: Zduńska Wola/Wrocław Ostrzeżenie: (0%) ![]() ![]() |
Taki klocek przy składaniu można jeszcze spokojnie przyciąć:
http://shivera.ayz.pl/images/ind_01.gif No i logo powinno być klikalne. |
|
|
![]()
Post
#7
|
|
![]() Grupa: Zarejestrowani Postów: 283 Pomógł: 15 Dołączył: 22.03.2009 Skąd: Bytów Ostrzeżenie: (0%) ![]() ![]() |
1. Dlaczego nagłówki paneli są od razu podpisane, i nie mają naniesione tekstu za pomocą kodu?
2. http://shivera.ayz.pl/images/ind_01.gif - radzę pociąć w mniejszy kawałeczek, choćby 1px szerokości. 3. Ustaw stopkę na margin-bottom: 5px; bo za bardzo przylega do dołu wg mnie. -------------------- |
|
|
![]() ![]() |
![]() |
Wersja Lo-Fi | Aktualny czas: 25.04.2025 - 08:30 |