Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [www] Layout
outsider
post
Post #1





Grupa: Zarejestrowani
Postów: 267
Pomógł: 36
Dołączył: 8.08.2008

Ostrzeżenie: (0%)
-----

Witam

Prosze Was o ocene layout'u (IMG:style_emoticons/default/smile.gif) Jest to nowa wersja strony, tekst jest z obecnej.

http://img686.imageshack.us/img686/6936/layoutsn.jpg

Pozdrawiam

Ten post edytował *OuTSideR* 2.08.2010, 14:46:59
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
SHiP
post
Post #2





Grupa: Zarejestrowani
Postów: 697
Pomógł: 47
Dołączył: 19.12.2003
Skąd: Lublin

Ostrzeżenie: (0%)
----- 

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. 	<meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
  4. 	<link href='http://fonts.googleapis.com/css?family=Vollkorn' rel='stylesheet' type='text/css'>
  5. <style type="text/css">
  6.  
  7. body,html, *{ margin:0; padding:0; border:0; font-family: 'Vollkorn', times, times new roman; color:#444;}
  8. body{ background:#eee; font-size:16px; }
  9. a{color:#222; text-decoration:none;}
  10. #wrapper{width:760px; margin: 0 auto;}
  11.  
  12. #top{padding:0.5em}
  13.  
  14. #nav{list-style:none; background:#fff; height:2em;}
  15. #nav li{float:left; padding:0.5em; margin-left:2em;}
  16.  
  17. #content{ width:470px; float:left; clear:both;}
  18. p{padding: 0.5em 1em; font-size:1em; line-height:1.5em; text-align:justify;}
  19. #content h2{padding:0.5em 0.5em; 0 0.5em;  letter-spacing:0.1em;}
  20.  
  21. #something{width:290px; float:left;}
  22.  
  23. #footer{clear:both; padding:5px}
  24.  
  25. h1{ text-align:center; font-size:3em; font-variant:small-caps; text-transform:capitalize; letter-spacing:0.1em;}
  26. #top h2{ text-align:center; font-size:2em; font-variant:small-caps; text-transform:capitalize; letter-spacing:0.1em;}
  27.  
  28. .box{width:220px; margin:0 5px; float:left; background:#fff; min-height:180px; padding:10px;}
  29. .box h3{text-align:center; letter-spacing:0.1em;}
  30. .box ul{ list-style:circle; list-style: none;}
  31. .box ul li{padding:0.5em;}
  32. .contact p{text-align:center}
  33. </style>
  34.  
  35. <head>
  36. <body
  37.  
  38. <div id="wrapper">
  39. 	<div id="top">
  40. 		<h1>Kancelaria adwokacka</h1>
  41. 		<h2>adwokat Kamil Draga</h2>
  42. 	</div>
  43.  
  44. 	<ul id="nav">
  45. 		<li>Home</li>
  46. 		<li>Kontakt</li>
  47. 	</ul>
  48.  
  49.  
  50. 		<div id="content">
  51. 			<h2>Title of something</h2>
  52. 			<p> Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Quisque massa felis, tempus eu interdum et, porttitor id justo.</p>
  53.  
  54. 			<p>Nunc commodo fermentum nibh ut scelerisque.Fusce pretium, felis at porta commodo, sem neque convallis nunc, quis malesuada nisi turpis ac orci. Sed faucibus ultricies quam, vel ultricies elit commodo quis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur facilisis turpis a diam dictum molestie. Fusce sit amet ante purus, bibendum pretium massa. Phasellus vehicula eros gravida ipsum malesuada commodo.</p>
  55. 		</div>
  56.  
  57. 		<div id="something">
  58. 			<p>Nunc consequat ullamcorper ligula, ut varius nibh gravida vel. Pellentesque viverra auctor porttitor. Aenean tincidunt ante sit amet nunc mollis dignissim. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.  Mauris laoreet orci eget turpis vehicula in interdum libero convallis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Quisque massa felis, tempus eu interdum et, porttitor id justo.</p>
  59.  
  60.  
  61. 		</div>
  62.  
  63. 	<div id="footer">
  64.  
  65. 		<div class="box">
  66. 			<h3>Partnerzy</h3>
  67. 			<ul>
  68. 				<li><a href="#">Adwokat Grzegorz Kiwic, Jastrzębie Zdrój</a></li>
  69. 			</ul>
  70. 		</div>
  71.  
  72. 		<div class="box">
  73. 			<h3>Linki</h3>
  74. 			<ul>
  75. 				<li><a href="#">Sąd Najwyższy</a></li>
  76. 				<li><a href="#">Sąd Apelacyjny w Katowicach</a></li>
  77. 			</ul>
  78. 		</div>
  79.  
  80. 		<div class="box contact">
  81. 			<h3>Kontakt</h3>
  82. 			<p>adw. Kamil Draga<br/>
  83. 			ul. Wita Stwosza 7/217<br/>
  84. 			40-040 Katowice<br/>
  85. 			tel. kom. 506 227 786<br/>
  86. 			tel (fax) 32 494-05-40<br/>
  87. 			<a href="mailto:example@example.com">Napisz wiadomość</a>
  88. 		</div>
  89. 	</div>
  90.  
  91.  
  92. </div>
  93. </body>
  94. </html>
[HTML] pobierz, plaintext


Ja to w ten sposób widzę. Tutaj jest zero grafik ale masz mniej wiecej zasady typograficzne zachowane. Pisane na szybkiego wiec mogą być jakieś błędy.
Go to the top of the page
+Quote Post

Posty w temacie
- *OuTSideR*   [www] Layout   2.08.2010, 14:45:49
- - wookieb   Brzydkie. Na pierwszy rzut oka widać, że jest robi...   2.08.2010, 14:49:58
|- - phpion   Cytat(wookieb @ 2.08.2010, 15:49:58 )...   2.08.2010, 14:56:05
- - *OuTSideR*   ok, zaraz wypuszcze nowa wersje, dzieki za opinie   2.08.2010, 14:59:29
- - thomson89   - Szeryf może sprawdził by się w topie stronie i n...   2.08.2010, 15:04:25
- - Crozin   <troll>Żeby kancelarii adwokackiej nie było ...   2.08.2010, 15:08:38
- - *OuTSideR*   ~Crozin, w skrocie: do troll'a ci nie daleko ...   2.08.2010, 16:35:15
- - Oscypek   Treści nie jest dużo do przekazania, ale niekoniec...   2.08.2010, 17:06:39
- - *OuTSideR*   troche poprawilem http://img84.imageshack.us/img8...   3.08.2010, 09:34:55
- - thomson89   Jest już, ciutkę lepiej. - W stopce, daj tę samą ...   3.08.2010, 09:55:45
- - SHiP   Hmm wygląda trochę na amerykański styl ale coś pos...   3.08.2010, 12:40:17
- - *OuTSideR*   Cytat(thomson89)Usuń ze stopki te wypustki i zawrz...   3.08.2010, 14:17:25
- - thomson89   Ten drugi (#222) o wiele lepiej się prezentuje. Ty...   3.08.2010, 14:31:16
- - Damonsson   Nie, w życiu, ten czarny wygląda jak strona zakład...   3.08.2010, 15:03:19
- - SHiP   [HTML] pobierz, plaintext <html><head...   3.08.2010, 17:32:49
- - *OuTSideR*   Dzieki za odpowiedzi. SHiP, dzieki za poswiecenie ...   5.08.2010, 16:36:23
- - thomson89   Jest o niebo lepiej niż na początku, ale nadal nie...   5.08.2010, 18:09:48
- - Kujski   Przejrzałem wszystkie projekty i ostatni jest już ...   5.08.2010, 18:48:03
- - *OuTSideR*   dzieki za rady, stworzylem cos takiego: http://img...   10.08.2010, 15:06:35
- - r4xz   lepiej i to znacznie. ode mnie 2 rady: - tekst w l...   10.08.2010, 15:37:37
- - thomson89   W tej chwili, zmieniłbym tło w stopce na to co mas...   10.08.2010, 19:49:00
- - *OuTSideR*   CytatCzemu mam wrażenie, że czcionka (tekst) na st...   11.08.2010, 09:05:26
- - gigzorr   no ja bym na twoim miejscu spróbował czarny zamias...   11.08.2010, 09:08:21
- - Kujski   Ja komentarze i cytaty dałbym w takim stylu jak na...   11.08.2010, 10:27:20
- - *OuTSideR*   Dzieki wszystkim za komentarze i dobre rady Gotow...   11.08.2010, 17:03:25
- - thomson89   Jak dla mnie strona jest trochę za wąska. Jeszcze ...   11.08.2010, 22:04:44
- - Ramzaa   Tak jak poprzednik - strasznie wąska strona, dałby...   12.08.2010, 17:50:55
- - r4xz   i problem z dolnym cieniem przy większych rozdziel...   12.08.2010, 17:59:11
- - darophp   980px i będzie ok, chociaż .. mógłbyś się postarać...   12.08.2010, 18:20:09
- - Kujski   Brawo bardzo ładna strona wyszła   13.08.2010, 12:18:56

« Następny starszy · Oceny · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 26.12.2025 - 22:16
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn