If there were no clouds, we should not enjoy the sun...
вы не могли бы проанализировать этот код и сказать что в нём не так...почему он не работает???=)
читать дальше
читать дальше
body { background:# no-repeat top center #3f808a; margin:0; font-family: Tahoma, Arial, Helvetica, sans-serif; }
#container { width:819px; margin:0 auto; position:relative; height:252px; }
#search { position:absolute; text-align:right; width:250px; left:520px; top:10px; z-index:100; }
#search form { padding:0; margin:0; }
#search .txtField { border:1px solid #fff; width:138px; margin:0; padding:3px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:12px; background:# transparent; }
#search .btnSearch { border:1px solid #fff; color:#fff; margin:0; padding:2px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:11px; background:# transparent; }
#menu-holder { position:absolute; top:43px; left:457px; width:319px; overflow:hidden; }
#menu { width:319px; height:42px; margin:0; padding:0; position:relative; }
#menu li { margin:0; padding:0; list-style:none; position:absolute; top:0; }
#menu li, #menu a { height:42px; display:block; }
#home { text-indent:-300em; overflow:hidden; left:0px; width:107px; }
#about { text-indent:-300em; overflow:hidden; left:107px; width:107px; }
#archives { text-indent:-300em; overflow:hidden; left:214px; width:106px; }
#home a:hover { background:transparent # 0px 0px no-repeat; }
#about a:hover { background:transparent # -107px 0px no-repeat; }
#archives a:hover { background:transparent # -214px 0px no-repeat; }
#title { position:absolute; top:149px; left:76px; color:#fff; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:10px; width:370px; overflow:hidden; }
#title h2 { color:#fff; font-size:20px; margin:0 0 2px; }
#title a { color:#fff; text-decoration:none; }
#title a:hover { color:#fff; text-decoration:none; border-bottom:1px solid #e7d8cf; }
#content { background:# repeat-y; width:764px; margin:0 auto; padding-right:55px; }
#content blockquote { padding:0 0 0 30px; background:# no-repeat 0 50%; }
#content .col01 { float:left; padding-left:70px; width:425px; font-size:12px; line-height:20px; }
#content .col01 h3 { font-size:24px; line-height:28px; font-weight:normal; font-family: Times New Roman, Times, Georgia, erif; margin:0; padding:0 0 10px; background:# repeat-x bottom; }
#content .col01 h4 { font-size:18px; line-height:22px; font-weight:normal; font-family: Times New Roman, Times, Georgia, erif; margin:0; padding:0 0 16px; background:# repeat-x bottom; }
#content .col01 h3 a { color:#000; text-decoration:none; }
#content .col01 h3 a:hover { background-color:#f4f0db; }
#content .col01 .post { padding-bottom:30px; }
#content .col01 .thumbnail { float:right; margin:10px 0 10px 10px; }
#content .col01 .meta { font-size:11px; text-align:right; background:# repeat-x; padding-top:8px; }
#content .col01 .post-inner { position:relative; }
#content .col01 .post-inner .date-tab { position:absolute; top:0px; left:-98px; height:64px; width:83px; background:# no-repeat; }
#content .col01 .thumbnail { float:right; margin:12px 0 12px 12px; }
.month { text-align:right; display:block; padding:6px 16px 6px 0; font-size:11px; }
.day { text-align:right; display:block; padding:4px 16px 2px 0; font-size:18px; font-weight:bold; }
#content .col01 .post-inner a { color:#000; position:relative; text-decoration:none; border-bottom:1px solid #868585; background:#f4f0db; }
#content .col01 .post-inner a:hover { color:#000; text-decoration:none; border-bottom:1px solid #000; background:#fffbc1; }
#content .col01 .meta a { color:#000; text-decoration:none; border-bottom:1px solid #868585; }
#content .col01 .meta a:hover { color:#000; text-decoration:none; border-style:none; }
#content .col02 { float:right; width:212px; font-size:11px; line-height:16px; }
#content .col02 .recent-posts { width:212px; background:# repeat-y; }
#content .col02 .recent-posts ul { padding:0; margin:0; }
#content .col02 .recent-posts ul li { font-size:11px; line-height:18px; list-style:none; padding:0; margin:0; }
#content .col02 .recent-posts ul li .listMeta { font-size:10px; }
#content .col02 .recent-posts ul li a { color:#21565E; border-top:1px solid #ffffbe; display:block; width:170px; margin:0 auto; padding:4px 0 4px 25px; background:# no-repeat 5px 8px; }
#content .col02 .recent-posts ul li a:hover { text-decoration:none; color:#000; background:# no-repeat 5px 8px #ff5092; }
#content .col02 .postit-bottom { width:188px; height:62px; background:# no-repeat; padding:12px 12px 0; font-size:11px; text-align:right; }
#content .col02 .postit-bottom a { color:#21565E; }
#content .col02 .postit-bottom a:hover { color:#21565E; text-decoration:none; }
#content .col02 .categories-upper { height:124px; background:# no-repeat; }
#content .col02 .categories { background:# repeat-y; }
#content .col02 .categories ul { margin:0; padding:0; }
#content .col02 .categories ul li { font-size:11px; line-height:18px; list-style:none; }
#content .col02 .categories ul li a { color:#21565E; margin:0 auto; display:block; width:170px; padding:4px 0 4px 25px; background:# no-repeat 5px 8px; }
#content .col02 .categories ul li a:hover { text-decoration:none; color:#000; background:# no-repeat 5px 8px #ff5092; }
#content .col02 .categories-btm { height:68px; background:# no-repeat; }
#content .col02 .links { background:# no-repeat 50% 8px; padding-top:20px; }
#content .col02 .links ul { margin:0 0 20px; padding:0; }
#content .col02 .links ul li { font-size:11px; line-height:18px; list-style:none; background:# no-repeat bottom; }
#content .col02 .links ul li a { color:#21565E; margin:0 auto; display:block; width:212px; padding:6px 0; }
#content .col02 .links ul li a:hover { text-decoration:none; color:#000; }
#content .col02 .side-meta { background:# no-repeat top right; }
#content .col02 .side-meta ul { margin:10px 0; padding:0; }
#content .col02 .side-meta ul li { font-size:10px; line-height:14px; list-style:none; }
#content .col02 .side-meta ul li a { color:#21565E; margin:0 auto; display:block; width:212px; padding:2px 0; }
#content .col02 .side-meta ul li a:hover { text-decoration:none; color:#000; }
#footer-holder { width:819px; margin:0 auto; position:relative; }
#footer-holder .footer { width:932px; height:300px; position:absolute; top:0px; left:-54px; background:# no-repeat; z-index:100; }
#footer-holder .txt a { color:#000; }
#footer-holder .txt a:hover { color:#000; text-decoration:none; }
#footer-holder .txt { width:480px; position:absolute; top:116px; left:186px; font-size:11px; line-height:16px; color:#000; z-index:105; height:60px; overflow:hidden; }
#footer-holder .smashing a { width:66px; height:61px; position:absolute; top:160px; left:709px; font-size:11px; text-indent:-400px; z-index:102; overflow:hidden; background:# no-repeat 0 0; }
#footer-holder .smashing a:hover { background:# no-repeat 0 -61px; }
#footer-holder .rss a { width:55px; height:55px; position:absolute; top:165px; left:130px; font-size:11px; text-indent:-400px; z-index:103; overflow:hidden; background:# no-repeat 0 0; }
.previous a { float:left; width:93px; height:33px; text-indent:-400px; background:# no-repeat 0 0; overflow:hidden; }
.previous a:hover { background:# no-repeat 0 -33px; }
.next a { float:right; width:93px; height:33px; text-indent:-400px; background:# no-repeat 0 0; overflow:hidden; }
.next a:hover { background:# no-repeat 0 -33px; }
.comments, .name, .email, .website, .txt-email-sub, .txt-website-example { display:block; text-indent:-800px; font-size:10px; overflow:hidden; margin:0; padding:0; }
.comments { height:27px; background:# no-repeat; }
.name, .email, .website { width:80px; float:left; margin-right:12px; clear:left; }
.name { height:30px; background:# no-repeat top right; }
.email { height:30px; background:# no-repeat top right; }
.website { height:30px; background:# no-repeat top right; }
.txt-email-sub { height:20px; background:# no-repeat 90px 0; clear:both; }
.txt-website-example { height:20px; background:# no-repeat 90px 0; clear:both; }
#commentform { padding:0; margin:0; }
#commentform .comment-field { border:1px solid #939393; width:320px; margin:0; padding:3px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:12px; background:#fff; float:left; }
#commentform .comment-box { border:1px solid #939393; width:425px; margin:0 0 10px; padding:3px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:12px; background:#fff; }
#commentform .btnComment { border:1px solid #fff; color:#fff; margin:0; padding:2px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:14px; background:# transparent; float:left; clear:left; }
.commentlist { margin:20px 0; padding:0; }
.commentlist li { padding:12px 0; background:# no-repeat bottom; font-size:12px; line-height:20px; list-style:none; }
.commentlist li a { color:#000; position:relative; text-decoration:none; border-bottom:1px solid #868585; background:#f4f0db; }
.commentlist li a:hover { color:#000; text-decoration:none; border-bottom:1px solid #000; background:#fffbc1; }
.commentdate { display:block; padding:0 0 6px; font-size:10px; }
.commentlist li cite { font-weight:bold; font-style:normal; }
#container { width:819px; margin:0 auto; position:relative; height:252px; }
#search { position:absolute; text-align:right; width:250px; left:520px; top:10px; z-index:100; }
#search form { padding:0; margin:0; }
#search .txtField { border:1px solid #fff; width:138px; margin:0; padding:3px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:12px; background:# transparent; }
#search .btnSearch { border:1px solid #fff; color:#fff; margin:0; padding:2px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:11px; background:# transparent; }
#menu-holder { position:absolute; top:43px; left:457px; width:319px; overflow:hidden; }
#menu { width:319px; height:42px; margin:0; padding:0; position:relative; }
#menu li { margin:0; padding:0; list-style:none; position:absolute; top:0; }
#menu li, #menu a { height:42px; display:block; }
#home { text-indent:-300em; overflow:hidden; left:0px; width:107px; }
#about { text-indent:-300em; overflow:hidden; left:107px; width:107px; }
#archives { text-indent:-300em; overflow:hidden; left:214px; width:106px; }
#home a:hover { background:transparent # 0px 0px no-repeat; }
#about a:hover { background:transparent # -107px 0px no-repeat; }
#archives a:hover { background:transparent # -214px 0px no-repeat; }
#title { position:absolute; top:149px; left:76px; color:#fff; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:10px; width:370px; overflow:hidden; }
#title h2 { color:#fff; font-size:20px; margin:0 0 2px; }
#title a { color:#fff; text-decoration:none; }
#title a:hover { color:#fff; text-decoration:none; border-bottom:1px solid #e7d8cf; }
#content { background:# repeat-y; width:764px; margin:0 auto; padding-right:55px; }
#content blockquote { padding:0 0 0 30px; background:# no-repeat 0 50%; }
#content .col01 { float:left; padding-left:70px; width:425px; font-size:12px; line-height:20px; }
#content .col01 h3 { font-size:24px; line-height:28px; font-weight:normal; font-family: Times New Roman, Times, Georgia, erif; margin:0; padding:0 0 10px; background:# repeat-x bottom; }
#content .col01 h4 { font-size:18px; line-height:22px; font-weight:normal; font-family: Times New Roman, Times, Georgia, erif; margin:0; padding:0 0 16px; background:# repeat-x bottom; }
#content .col01 h3 a { color:#000; text-decoration:none; }
#content .col01 h3 a:hover { background-color:#f4f0db; }
#content .col01 .post { padding-bottom:30px; }
#content .col01 .thumbnail { float:right; margin:10px 0 10px 10px; }
#content .col01 .meta { font-size:11px; text-align:right; background:# repeat-x; padding-top:8px; }
#content .col01 .post-inner { position:relative; }
#content .col01 .post-inner .date-tab { position:absolute; top:0px; left:-98px; height:64px; width:83px; background:# no-repeat; }
#content .col01 .thumbnail { float:right; margin:12px 0 12px 12px; }
.month { text-align:right; display:block; padding:6px 16px 6px 0; font-size:11px; }
.day { text-align:right; display:block; padding:4px 16px 2px 0; font-size:18px; font-weight:bold; }
#content .col01 .post-inner a { color:#000; position:relative; text-decoration:none; border-bottom:1px solid #868585; background:#f4f0db; }
#content .col01 .post-inner a:hover { color:#000; text-decoration:none; border-bottom:1px solid #000; background:#fffbc1; }
#content .col01 .meta a { color:#000; text-decoration:none; border-bottom:1px solid #868585; }
#content .col01 .meta a:hover { color:#000; text-decoration:none; border-style:none; }
#content .col02 { float:right; width:212px; font-size:11px; line-height:16px; }
#content .col02 .recent-posts { width:212px; background:# repeat-y; }
#content .col02 .recent-posts ul { padding:0; margin:0; }
#content .col02 .recent-posts ul li { font-size:11px; line-height:18px; list-style:none; padding:0; margin:0; }
#content .col02 .recent-posts ul li .listMeta { font-size:10px; }
#content .col02 .recent-posts ul li a { color:#21565E; border-top:1px solid #ffffbe; display:block; width:170px; margin:0 auto; padding:4px 0 4px 25px; background:# no-repeat 5px 8px; }
#content .col02 .recent-posts ul li a:hover { text-decoration:none; color:#000; background:# no-repeat 5px 8px #ff5092; }
#content .col02 .postit-bottom { width:188px; height:62px; background:# no-repeat; padding:12px 12px 0; font-size:11px; text-align:right; }
#content .col02 .postit-bottom a { color:#21565E; }
#content .col02 .postit-bottom a:hover { color:#21565E; text-decoration:none; }
#content .col02 .categories-upper { height:124px; background:# no-repeat; }
#content .col02 .categories { background:# repeat-y; }
#content .col02 .categories ul { margin:0; padding:0; }
#content .col02 .categories ul li { font-size:11px; line-height:18px; list-style:none; }
#content .col02 .categories ul li a { color:#21565E; margin:0 auto; display:block; width:170px; padding:4px 0 4px 25px; background:# no-repeat 5px 8px; }
#content .col02 .categories ul li a:hover { text-decoration:none; color:#000; background:# no-repeat 5px 8px #ff5092; }
#content .col02 .categories-btm { height:68px; background:# no-repeat; }
#content .col02 .links { background:# no-repeat 50% 8px; padding-top:20px; }
#content .col02 .links ul { margin:0 0 20px; padding:0; }
#content .col02 .links ul li { font-size:11px; line-height:18px; list-style:none; background:# no-repeat bottom; }
#content .col02 .links ul li a { color:#21565E; margin:0 auto; display:block; width:212px; padding:6px 0; }
#content .col02 .links ul li a:hover { text-decoration:none; color:#000; }
#content .col02 .side-meta { background:# no-repeat top right; }
#content .col02 .side-meta ul { margin:10px 0; padding:0; }
#content .col02 .side-meta ul li { font-size:10px; line-height:14px; list-style:none; }
#content .col02 .side-meta ul li a { color:#21565E; margin:0 auto; display:block; width:212px; padding:2px 0; }
#content .col02 .side-meta ul li a:hover { text-decoration:none; color:#000; }
#footer-holder { width:819px; margin:0 auto; position:relative; }
#footer-holder .footer { width:932px; height:300px; position:absolute; top:0px; left:-54px; background:# no-repeat; z-index:100; }
#footer-holder .txt a { color:#000; }
#footer-holder .txt a:hover { color:#000; text-decoration:none; }
#footer-holder .txt { width:480px; position:absolute; top:116px; left:186px; font-size:11px; line-height:16px; color:#000; z-index:105; height:60px; overflow:hidden; }
#footer-holder .smashing a { width:66px; height:61px; position:absolute; top:160px; left:709px; font-size:11px; text-indent:-400px; z-index:102; overflow:hidden; background:# no-repeat 0 0; }
#footer-holder .smashing a:hover { background:# no-repeat 0 -61px; }
#footer-holder .rss a { width:55px; height:55px; position:absolute; top:165px; left:130px; font-size:11px; text-indent:-400px; z-index:103; overflow:hidden; background:# no-repeat 0 0; }
.previous a { float:left; width:93px; height:33px; text-indent:-400px; background:# no-repeat 0 0; overflow:hidden; }
.previous a:hover { background:# no-repeat 0 -33px; }
.next a { float:right; width:93px; height:33px; text-indent:-400px; background:# no-repeat 0 0; overflow:hidden; }
.next a:hover { background:# no-repeat 0 -33px; }
.comments, .name, .email, .website, .txt-email-sub, .txt-website-example { display:block; text-indent:-800px; font-size:10px; overflow:hidden; margin:0; padding:0; }
.comments { height:27px; background:# no-repeat; }
.name, .email, .website { width:80px; float:left; margin-right:12px; clear:left; }
.name { height:30px; background:# no-repeat top right; }
.email { height:30px; background:# no-repeat top right; }
.website { height:30px; background:# no-repeat top right; }
.txt-email-sub { height:20px; background:# no-repeat 90px 0; clear:both; }
.txt-website-example { height:20px; background:# no-repeat 90px 0; clear:both; }
#commentform { padding:0; margin:0; }
#commentform .comment-field { border:1px solid #939393; width:320px; margin:0; padding:3px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:12px; background:#fff; float:left; }
#commentform .comment-box { border:1px solid #939393; width:425px; margin:0 0 10px; padding:3px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:12px; background:#fff; }
#commentform .btnComment { border:1px solid #fff; color:#fff; margin:0; padding:2px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:14px; background:# transparent; float:left; clear:left; }
.commentlist { margin:20px 0; padding:0; }
.commentlist li { padding:12px 0; background:# no-repeat bottom; font-size:12px; line-height:20px; list-style:none; }
.commentlist li a { color:#000; position:relative; text-decoration:none; border-bottom:1px solid #868585; background:#f4f0db; }
.commentlist li a:hover { color:#000; text-decoration:none; border-bottom:1px solid #000; background:#fffbc1; }
.commentdate { display:block; padding:0 0 6px; font-size:10px; }
.commentlist li cite { font-weight:bold; font-style:normal; }
-
-
21.09.2009 в 02:59-
-
21.09.2009 в 06:18Видимо так и должно быть.
-
-
21.09.2009 в 11:49а от этого что то зависит???
RoldoВидимо так и должно быть.
эм...не дописала...НЕ работает...^^
а вообще...в этом коде всё нормально???может ошибки есть???просто он не пашет...(((
-
-
21.09.2009 в 12:28-
-
21.09.2009 в 19:33пробовала применить как раз таки тут...на дневах...
а не работает сам код...вставляю...сохраняю...но ничего не меняется...может какие то элементы кода не подходят???
не подскажите???^^
-
-
21.09.2009 в 21:57-
-
21.09.2009 в 22:30-
-
21.09.2009 в 23:11-
-
22.09.2009 в 08:13-
-
22.09.2009 в 15:05вот ссылка...посмотрите что можно сделать...ну просто очень хочется себе такое оформление...^^
design-mania.ru/downloads/templates/notepad-cha...
-
-
22.09.2009 в 16:04Или само оформление сайта?
-
-
22.09.2009 в 19:18-
-
22.09.2009 в 19:52-
-
22.09.2009 в 20:07