Критика кода
29.03.2014, 15:22. Показов 1202. Ответов 15
Здравствуйте форумчане, я сейчас в процессе изучения создания сайтов (сейчас учу js/php), понемногу верстаю чтоб набить руку. Но вот проблема, так как я учу всё самостоятельно некому прокритиковать мой говно код.
Скидую ниже два недо сайта жду вашу критику:
1 сайт:
Кликните здесь для просмотра всего текста
| HTML5 | 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css"/>
<title>Sssss</title>
</head>
<body>
<div id="wrap">
<div id="header">
<div id="header_top">
<ul>
<li><a href="#">Главная</a></li>
<li><a href="#">Страницы</a></li>
<li><a href="#">О сайте</a></li>
<li><a href="#">Контакты</a></li>
</ul>
</div><!--header_top-->
<div id="header_bottom">
<div class="logo">
<a href="#"><img src="img/logo.png" alt="Лого"/></a>
</div>
<div class="reclama" >
<a href="#"><img src="img/reclama.png" alt="Місце для реклами"/></a>
</div>
</div><!--header_bottom-->
</div><!--header-->
<div id="center">
<div class="center_top">
<a href="#"><img src="img/foto1.png" alt="фото"/></a>
<a href="#"><img src="img/foto2.png" alt="фото"/></a>
<a href="#"><img src="img/foto3.png" alt="фото"/></a>
<a href="#"><img src="img/foto4.png" alt="фото"/></a>
<a href="#"><img src="img/foto5.png" alt="фото"/></a>
<a href="#"><img src="img/foto6.png" alt="фото"/></a>
<div class="dalee">
<a href="#"><img src="img/dalee.png" alt="Переход"/></a></div>
</div><!--center_top-->
<div class="center_bottom">
<div class="van">
<div id="content">
<a href="#"><img src="img/min_foto1.png" alt="фото"/></a>
<a href="#"><img src="img/min_foto2.png" alt="фото"/></a>
<a href="#"><img src="img/min_foto3.png" alt="фото"/></a>
<a href="#"><img src="img/min_foto4.png" alt="фото"/></a>
<a href="#"><img src="img/min_foto5.png" alt="фото"/></a>
<a href="#"><img src="img/min_foto6.png" alt="фото"/></a>
<a href="#"><img src="img/min_foto7.png" alt="фото"/></a>
<div class="koto">
<div class="meta_bottom">
<img src="img/otziv.png" alt="Отзив"/>
</div>
<div class="meta_bottoms">
<span id="autor">От:</span>
<p>Студия отличная, большое спасибо Андрею за столь “сумасшедшие” фотографии)) Очень довольна.</p>
<img class="woto" src="img/rozdelitel.png" alt=""><br />
<span id="autor">От:</span>
<p>Всем довольна, спасибо, фотографии понравились.</p>
<img class="woto" src="img/rozdelitel.png" alt=""><br />
<span id="autor">От:</span>
<p>Подготовка перед фотоссетом - на высшем уровне, и успокоют, и воды дадут, все супер, так держать!</p>
<img class="woto" src="img/rozdelitel.png" alt=""><br />
<span id="autor">От:</span>
<p>Качество съемок на высшем уровне! Фотограф очень хороший, спасибооооо!))))</p>
<img class="woto" src="img/rozdelitel.png" alt=""><br />
<span id="autor">От:</span>
<p>Попросила фотографии в виде пин-ап, была в шоке! ФОТОГРАФ Я ТЕБЯ ЛЮБЛЮ!))))</p>
<img class="woto" src="img/rozdelitel.png" alt=""><br />
</div>
</div><!--koto-->
</div>
<div id="section">
<ul>
<li><h3>Фотограф:</h3></li>
<li>Андрей Романов</li>
<li>Съёмка по адрессу: М.Новокузнецкая, улица Лобаева, дом 5. стр 3.</li>
<li>Email: Apple.AR@yandex.ru</li>
<li>Телефон: 89067757607</li>
</ul>
<ul>
<li><h3>Расценки:</h3></li>
<li>100 фотографий (50 из них обработано) - 1999 руб.</li>
<li>30 фотографий без обработки - 999 руб.</li>
<li>Обработка ваших фотографий - 50р \ шт.</li>
<li>Съёмка в стиле “ню” - 1500 руб за 100 фото.</li>
<li>Свадебное фото - 1500 руб.</li>
<li>Съемка детей - 1000 рцб.</li>
</ul>
</div>
</div><!--van-->
<div class="tow">
<div class="clear"></div>
</div><!--tow-->
</div><!--center_bottom-->
</div><!--end center-->
<div id="footer">
<div id="footer_top">
<div id="van" class="footer_block" class="gold">
<h3>Профиль</h3>
<img src="img/logo_foter.png" alt="хз1"/>
<ul>
<li>Андрей Романов</li>
<li>Управление сайтом.</li>
<li>Хостинг \ Домен</li>
<li>Быстрая запись</li>
<li>Административная панель</li>
</ul>
</div>
<div id="vans" class="footer_block" class="gold" >
<h3>Статистика</h3>
<img src="img/schot.jpg" alt="хз2"/>
<img src="img/schot.jpg" alt="хз3"/>
<img src="img/schot.jpg" alt="хз4"/>
<img src="img/schot.jpg" alt="хз5"/>
<ul>
<li>Поситителей за последнии сутки: 432</li>
<li>Зарегистрированно: 98</li>
<li>Сейчас онлайн: 932</li>
<li>День рождения: 6</li>
<li>В черном списке: 9</li>
</ul>
</div>
<div id="vant" class="footer_block">
<img src="img/botton.png" alt="Реклама1"/><br>
<img src="img/botton.png" alt="Реклама2"/>
</div>
<div id="vanc" class="footer_block" class="gold">
<h3>О сайте</h3>
<p>Администрация проекта не несет
какую-либо ответственность за
публикуемые пользователями
материалы.<br>
Если вы считаете, что обосновано
были нарушены авторские права,
просьба сообщить об этом
администрации сайта.<br>
Любые конфликтные ситуации, при
их неразрешимости в до судебном
порядке, будут рассматриваться в
соответствии с законодательством.</p>
</div>
<div id="vanq" class="footer_block" class="gold">
<h3>Контакты</h3>
<img src="img/foto_avtor.png" alt="Фотограф"/>
<ul>
<li><a href="#">Email: Apple.AR@yandex.ru</a></li>
<li><a href="#">VK.COM / Ofilax</a></li>
<li><a href="#">Facebook: Andrew Romanov</a></li>
<li><a href="#">Twitter: Andrew Dieflix</a></li>
<li><a href="#">Youtube: Andrew Dieflix Romanov</a></li>
</ul>
</div>
</div>
<div id="footer_bottom">
<div id="footer_nav">
<p>© Andrew<span> Romanov</span></p>
</div>
</div>
</div><!--footer-->
</div><!--wrap-->
</body>
</html> |
|
| CSS | 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
| /* Test Them
Version 1.0.0
*/
@import url("reset.css");
/*Gneral stiles*/
html {
height:100%;
}
body {
font-family:Lobster;
min-height: 100%;
background:url(img/fon.png);
}
#wrap {
width: 100% ;
margin:auto;
background: url(img/heder.png);
}
.clear { /*отміня обтіканіє */
clear:both; /* шоб подвал не залазив на верх */
}
#header {
height: 290px;
}
#header_top {
height: 50px;
background: url(img/header_top2.png);
overflow:hidden;
}
#header_top ul {
overflow:hidden;
zoom: 1;
margin: 17px 0 0 25px;
float:left;
}
#header_top li {
float:left;
border-right:1px solid #fff;
padding: 0 20px;
margin: 0 -1px 0 1px;
font-size:20px;
}
#header_top ul li a{
display:block;
text-decoration:none;
color:#FFF;
}
#header_top ul li a:hover {
display:block;
text-decoration:underline;
color:#fff;
}
#header_bottom {
height:240px;
}
#header_bottom .logo {
float:left;
margin: 32px 0 0 21px;
}
#header_bottom .reclama {
float:right;
padding: 89px 45px 0 0;
}
#center {
height:840px;
background:url(img/content_fon.png);
}
.center_top {
height: 340px;
padding: 38px 0 0 80px;
margin-bottom: 20px;
}
.center_top a {
padding: 10px;
color: #00776f;
}
.center_top .dalee {
float:right;
padding: 140px 0 0 0;
}
.center_bottom {
height:495px;
}
.van {
height:145px;
padding: 5px 0 0 70px;
}
.van a {
padding: 10px;
}
.koto {
margin: 0 0 0 -80px;
}
#content{
float:left;
}
#section {
float:left;
margin: -5px 0 0 30px;
}
#section h3 {
font-size:24px;
color: #00776f;
padding-bottom: 5px;
}
#section ul {
color: #567674;
padding-bottom: 10px;
}
#section ul li {
line-height: 1.8;
}
.tow {
height:350px
}
.meta_bottom {
float:left;
padding: 0 0 0 10px;
}
.meta_bottom img {
padding: 0 0 0 85px;
margin-right:20px;
}
.meta_bottoms p {
padding-top: 10px;
font-size: 11px;
color: #757575;
font-family:Arial, Helvetica, sans-serif;
}
.meta_bottoms{
font-size: 11px;
color: #00ad9d;
font-family:Arial, Helvetica, sans-serif;
margin: 20px 0 0 0;
}
.meta_bottoms img {
padding: 5px 0 0 0;
}
.section h3 {
font-size:24px;
color: #00776f;
padding-bottom: 5px;
}
.section ul {
color: #567674;
}
.section ul li {
line-height: 1.8;
}
#footer {
height: 411px;
margin-top:60px;
background:#FFF;
}
#footer ul {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
list-style:inside;
list-style-image:url(img/knopka.png);
}
#footer ul li {
padding: 5px;
color: #737373;
}
#footer ul li a {
color: #737373;
text-decoration:none;
}
#footer ul li a:hover {
color: #737373;
text-decoration:underline;
}
#footer_top {
height:330px;
background:url(img/fon_futer.png);
float:left;
padding: 28px 0 0 70px;
margin-bottom: 30px;
}
.footer_block {
overflow:hidden;
float:left;
width: 18%;
border-right:2px solid #a7a7a7;
border-right-style:dashed;
}
.footer_block h3 {
font-size: 30px;
font-family:Lobster;
color:#00ad9d;
padding: 0 0 20px 20px;
}
#van img {
padding: 0 0 5px 20px;
}
#vans {
padding-left: 10px;
}
#vans img{
padding: 10px;
padding-bottom: 22px;
}
#vant img {
padding: 10px;
margin: 20px 0 0 35px;
}
#vanc p {
padding-left: 5px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#ff0078;
line-height: 20px;
}
#vanc {
padding-left: 20px
}
#vanq img{
padding-left: 20px;
}
#vanq {
padding-left: 20px;
}
#footer_bottom {
height:81px;
font-size: 18px;
padding-left: 50%;
}
#footer_bottom p {
color:#00ad9d;
}
#footer_bottom p span {
color: #b2115d;
} |
|
2 сайт:
Кликните здесь для просмотра всего текста
| HTML5 | 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<title>Вёрстка</title>
</head>
<body>
<div id="wrap">
<div id="header">
<div id="header_top">
<a href="#"><img class="logo" src="img/logo.png" alt=""></a>
<h2>WEBSITES CREATIVE — DNN SKINS CUSTOM DNN SOLUTIONS TEAM</h2>
<ul id="list_top">
<li><a href="#">CONTACT US</a></li>
<li><a href="#">PORTFOLIO</a></li>
<li><a class="list" href="#">HOME</a></li>
</ul>
</div><!--header_top-->
<div class="clear"></div>
<div id="header_botton">
<div class="header_bottons">
<img id="heder_photo" src="img/imak.png" alt=""></div>
<div id="bottom" class="header_bottons">
<h2>WE CREATE <br>
AWESOME DNN SKINS</h2>
<span>Welcome to <a href="#">WebSitesCreative.com!</a><br>
Here you can find creative, SEO friendly, tables free and pure
CSS<br> based DotNetNuke skins which are avaliable for purchase via<br> <a href="#">snowcovered</a>.
Also every of our skins has a live demo you can take a<br> look before the purchase.</span>
<a class="cnopka" href="#">WATCH MORE</a></div>
</div><!--header_botton-->
</div><!--header-->
<div class="clear"></div>
<div id="hren">
<div class="hrenb">
<img src="img/electr.png">
<ul>
<li><h2>Cool news: Manifest is now available on Snowcovered for only $99!</h2></li>
<li>Mainfest - awesome DNN skin with tons of ready-to-use content.</li>
</ul>
</div>
<div class="hrens">
<a class="hrena" href="#">$ BUY OUR PRODUCTS</a></div>
</div><!--hren-->
<div class="clear"></div>
<div id="content">
<div id="content_top">
<div id="xz" class="information">
<img src="img/content1.png" alt="">
<h2>Custom DNN</h2>
<p>We can offer large variety of custom dnn services starting with PSD to DNN
conversions and skin tuning and going all the way to development of corporate portals with custom written modules.
We are a team of professionals and can work on projects of almost any complexity.</p>
</div>
<div id="zx" class="information">
<img src="img/content2.png">
<h2>PSD to DNN</h2>
<p>Our PSD to DNN conversion services offer clean and professional
DotNetNuke skins development for practically any industry. Whether you have design for a
corporate business, photographer, design agency, restaurant, beauty salon or any other business, we
will deliver an impressive skin that will create an ultimate experience for you and your visitors.</p>
</div>
</div><!--content_top-->
<div class="clear"></div>
<div id="hren2">
<ul>
<li>If you have a custom project or .psd template you would like to convert —</li>
<li>don't hesitate to <a href="#">contact</a> us for a quote.</li>
</ul>
</div><!--hren2-->
<div class="clear"></div>
<div id="content_botton">
<img class="imgs" src="img/zagolovok.png" alt="">
<h3>DotNetNuke Skins Bestsellers</h3>
<div class="clear"></div>
<div id="wan" class="post">
<img src="img/foto1.jpg" alt="">
<h2>BeModern</h2>
<p>4 colors BeModern DotNetNuke skin only for $59!</p>
<a href="#">Read more ></a>
</div>
<div id="to" class="post">
<img src="img/foto2.jpg" alt="">
<h2>LightHeads</h2>
<p>5 colors LightHeads Premium DotNetNuke skin only for $59!</p>
<a href="#">Read more ></a>
</div>
<div id="naw" class="post">
<img src="img/foto3.jpg" alt="">
<h2>ColorLayer</h2>
<p>10 colors ColorLayer DotNetNuke skin only for $49!</p>
<a href="#">Read more ></a>
</div>
<div id="naws" class="post">
<img src="img/foto4.jpg" alt="">
<h2>Modius</h2>
<p>Modius DotNetNuke skin only for <br>$29!</p>
<a href="#">Read more ></a>
</div>
</div><!--content_botton-->
</div><!--content-->
<div id="footer">
<div id="footer_top">
<img id="logo2" src="img/logo2.png" alt="">
<p class="pak">DotNetNuke is an open source web content management system based on Microsoft .NET technology.
DotNetNuke is written in VB.NET. It is distributed under both a Community Edition BSD-style
license and commercial proprietary licenses as the Professional and Enterprise Editions. DotNetNuke
is extensible and customizable through the use of skins, modules, data providers, language packs and
templates.</p>
</div><!--footer_top-->
<div class="clear"></div>
<div id="footer_botton">
<div id="lefts" class="wana">
<img src="img/twiter.png" alt="">
<ul>
<li><a class="list" href="#">HOME</a></li>
<li><a href="#">PORTFOLIO</a></li>
<li><a href="#">CONTACT US</a></li>
<li><a href="#">LOGIN</a></li>
</ul>
</div>
<div id="coparate" class="wana">
<p>© 2010-2011, WebSitesCreative. DotNetNuke Skins and Custom DNN services.</p>
</div>
</div><!--footer_botton-->
</div><!--footer-->
</div><!--wrap-->
</body>
</html> |
|
| CSS | 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
| @charset "utf-8";
/* CSS Document */
@import url("reset.css");
html {
height: 100%;
}
body {
background: #fcfdfd;
min-height: 100%;
}
a {
text-decoration:none;
color: #a5a5a5;
outline:none;
}
.clear { /*отміня обтіканіє */
clear:both; /* шоб подвал не залазив на верх */
}
#conteiner {
width: 1150px;
}
#wrap {
width: 950px;
margin: 0 auto;
}
#header {
height: 485px;
}
#header_top {
height: 47px;
padding: 17px 0 26px 0;
overflow:hidden;
}
#header_top img {
float:left;
}
#header_top h2 {
font-size: 11px;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
color: #b5e2f6;
padding: 18px 0 0 12px;
}
#header_top ul {
float:right;
}
#header_top li {
float:right;
border-right: 1px solid #888;
margin: 0 -1px 0 1px;
padding: 0 10px;
font-size: 12px;
}
#header_top ul li a {
color: #a5a5a5;
display:block;
}
#header_top ul li a:hover {
text-decoration:none;
display:block;
color:#42b0e2 ;
}
#header_bottons a {
color: #a5a5a5;
}
#header_bottons a:hover {
text-decoration:none;
color:#42b0e2 ;
}
#list_top {
overflow:hidden;
margin: -10px 0 0 0;
}
#list_top .list {
color: #42b0e2;
height: 12px;
display:block;
text-decoration:none;
}
#header_botton {
height: 360px;
}
.header_bottons {
float:left;
width: 475px;
padding-bottom: 47px;
}
.header_bottons h2 {
color: #666;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 44px;
font-weight: 700;
padding: 50px 0 27px 0;
}
#bottom span {
color: #888;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 12px;
line-height: 1.5;
}
.cnopka {
font-size:14px;
color:#FFF;
float:right;
margin: 30px 40px 0 0;
background: url(../img/cnopka1.png);
padding: 10px 45px 10px 8px;
}
#hren {
float:left;
height: 105px;
width: 100%;
background: url(../img/222.png);
overflow:hidden;
}
#hren img {
float:left;
padding-right: 20px;
}
.hrenb {
padding: 30px 0 0 0;
width: 640px;
}
.hrenb h2 {
color: #666;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:18px;
}
.hrenb ul li {
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 12px;
color: #a5a5a5;
line-height: 1.5;
}
#hren a {
color: #FFF;
font-size:14px;
float:left;
background:url(../img/cnopka2.png);
padding: 10px 35px 8px 20px;
margin: -45px 0 0 670px ;
}
#content {
height:600px;
}
#content_top {
height: 197;
}
#content_top img {
float:left;
padding-top: 33px;
}
#content_top h2 {
color: #666;
padding: 45px 0 22px 60px;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 24px;
}
.information {
float:left;
width:440px;
margin: 27px 0 27px 0;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 12px;
color: #888;
}
#zx {
padding-left: 40px;
}
#hren2 {
color: #888;
border-top-style:1px solid #999;
border-top: dotted;
width: 590px;
margin: 0 0 0 170px;
}
#hren2 ul {
float:left;
padding: 14px 0 0 30px;
}
#hren2 ul li {
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 14px;
color: #888;
line-height: 1.5;
}
#hren2 ul li a{
color: #42b0e2;
text-decoration:underline;
}
#content_botton {
color: #888;
height: 340px;
border-top-style:1px solid #999;
border-top: dotted;
border-bottom-style:1px solid #999;
border-bottom: dotted;
margin: 20px 0 0 0;
}
#content_botton .imgs{
float:left;
padding: 28px 0 12px 0;
}
#content_botton h3 {
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 24px;
color: #666;
padding: 38px 0 0 0;
}
.post {
float:left;
width: 237px;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 12px;
color: #a5a5a5;
line-height: 1.5;
padding-bottom: 32px;
}
.post h2 {
color: #666;
font-size:14px;
font-weight: 500;
padding: 8px 0 8px 0;
}
.post a{
color: #42b0e2;
text-decoration:underline;
}
#footer {
height: 231px;
}
#footer_top img {
float:left;
padding: 0 52px 0 0;
}
#footer_top {
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 11px;
color: #888;
border-bottom-style:1px solid #999;
border-bottom: dotted;
padding-bottom: 30px;
}
#footer_top .pak {
margin: 50px 0 0 0;
}
#footer_botton {
margin-top: 58px;
overflow:hidden;
}
.wana {
float:left;
width: 475px;
font-size:12px;
}
#lefts img {
float:left;
}
#lefts ul {
float:left;
padding: 5px 0 0 30px;
}
#lefts li {
overflow:hidden;
float:left;
border-left: 1px solid #888;
margin: 0 1px 0 -1px;
padding: 0 10px;
font-size: 12px;
}
#lefts li a {
overflow:hidden;
color: #8b8c8c;
display:block;
}
#lefts ul li a:hover {
overflow:hidden;
text-decoration:none;
display:block;
color:#42b0e2 ;
}
#lefts .list {
color: #5cbae5;
height: 12px;
display:block;
text-decoration:none;
}
#coparate {
padding: 5px 0 0 0;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 12px;
color: #727272;
} |
|
0
|
(
Сообщение от MathMath
