CSS-Дизайн в клетку.

Фото нету-тут только код)Копируйте в CSS.Желательно не сразу все-у меня вить этот дизайн тоже

body, html {
    background-color: #CCE7F8;
    background-repeat: repeat;
    background-position: center;
    background-image: url(http://f.mypage.ru/6f125245dbc2c6faf2b99b22d8610391_502b57f40595f5f31dd0f52980846d02.jpg);
            background-attachment: fixed;
    }
a {
    color: #FFD89D;
}
.tabs2 a.active, .tabs a.active {
    background: #FFD89D;
    color: #fff;
}
#header {
    background-repeat: repeat;
    background-position: top;
    background-image: url(http://f.mypage.ru/6f125245dbc2c6faf2b99b22d8610391_502b57f40595f5f31dd0f52980846d02.jpg);
}
#footer {
    background-repeat: repeat;
    background-position: top;
    background-image: url(http://f.mypage.ru/6f125245dbc2c6faf2b99b22d8610391_502b57f40595f5f31dd0f52980846d02.jpg);
}

#footer, #footer a {
    color: #32E2FC;
    font-size: 28px;
    font-family: Tahoma;
    font-style: italic;
    font-weight: bold;
}


#widget_blog, .blog_view, .friends_view {
    background-color: #FFFFFF;
    background-repeat: repeat;
    background-position: top;
    background-image: url(http://f.mypage.ru/e957e483d184d399f30c0eccfd8de27f_c81cf3bdf1381181ed3559a8e9f4c655.png);
}
.widget {
    background-repeat: repeat;
    background-position: top;
    background-image: url(http://f.mypage.ru/72b5c1b00b306deca03f07ebc7a1a9da_38591b0aabb33f9a0ad5c8216ec2ee67.png);
}

#comments {
    background-repeat: repeat;
    background-position: top;
    background-image: url(http://f.mypage.ru/4621845476fa0482fd3eaef45893f5cf_f2c8ab222962f53b67a6ab5611a9eac9.png);
}

.wrap .right, #all .left, .popup {
    background-color: transparent;
    background-repeat: repeat;
    background-position: top;
    background-image: url(http://f.mypage.ru/4a5fc9868838b78cc813723cd1801102_b5564493b410a9788900f7792d4c87ec.jpg);
}

.inblock {
    border: dashed 5px #78C4FF;
}
.blog-nav li {
    background-color: transparent;
    background-repeat: repeat;
    background-position: top;
    background-image: url(http://f.mypage.ru/f764ced9b180a8982a729f0699504c10_af4418145aa0d90519b265f45e4335e6.jpg);
}
.blog-nav li.active {
    background-color: #0A5098;
}


#blog-name, #blog-name a {
    font-size: 24px;
    font-family: Georgia;
    font-style: italic;
    font-weight: normal;
    color: #0A5098;
}


.post .title a, .post .title, .post h2, .comments_title {
    color: #0A5098 !important;
    font-size: 34px;
    font-family: Georgia;
    font-style: italic;
    font-weight: normal;
}

.comments_title {
    font-size: 32px;
}
.post .title a:hover {
    color: #000000 !important;
}
#blog_vote_form li, .post_wish {
    color: #0A5098 !important;
}
.post_txt {
    color: #FFD89D;
    font-size: 18px;
    font-family: Verdana;
    font-style: italic;
    font-weight: bold;
}
.comment .txt {
    color: #FFD89D;
}
.player .inf span, .feed .act div {
    color: #FFD89D;
}

.post_txt a {
    color: #FF87B3;
    font-style: italic;
    font-weight: bold;
    }
.post_txt a:hover {
    color: #2EFF8F;
}

.post_info .tms, .feed em, .feed li span.tms {
    color: #A50AFF;
    font-size: 16px;
    font-family: Verdana;
    font-style: italic;
    font-weight: bold;
}
.comment .user_info span {
    color: #A50AFF;
}

.wtitle, a.wtitle {
    color: #444444 !important;
}
.username, .wtitle, a.wtitle {
    font-size: 12px !important;
    font-family: Tahoma !important;
    font-style: normal !important;
    font-weight: bold !important;
}
.widget a {
    color: #000000;
    font-size: 12px;
    font-family: Tahoma;
    font-style: normal;
    font-weight: normal;
    }
.widget a:hover {
    color: #000000 !important;
}

#widget_tags a:hover {
    background-color: #444444 !important;
    color: #FFF !important;
}

.widget {
    color: #444444 !important;
    font-size: 12px;
    font-family: Tahoma;
    font-style: normal;
    font-weight: normal;
}

.widget a.title, .favorite_blogs .post, .category_top {
    color: #0A5098 !important;
    font-size: 16px !important;
    font-family: Georgia !important;
    font-style: italic !important;
    font-weight: normal !important;
}
.widget a.title {
}

.blog-nav li a {
    color: #0A5098 !important;
    font-size: 16px;
    font-family: Georgia;
    font-style: italic;
    font-weight: normal;

}
.blog-nav li.active a {
    color: #FFFFFF !important;
    font-size: 16px;
    font-family: Georgia;
    font-style: italic;
    font-weight: normal;

}



.radius8 {
    -moz-border-radius: 15px !important;
    border-radius: 15px !important;
    -webkit-border-radius: 15px !important;

}
.radius6 {
   
    -moz-border-radius: 11px !important;
    border-radius: 11px !important;
    -webkit-border-radius: 11px !important;

}



#all .left {
   
    padding: 10px !important;
            width: 254px;
    }
.wrap .right {
    padding: 10px !important;
}

.wrap .right {
    margin-left: 0;
    margin-right: 294px;
}
#all .left {
            margin-left: -274px;
    }


#head-line {
    background-color: #57FFBC;
}

#all {
    margin: 0 auto 0 3%;
}

.paginate, .paginate em, .paginate span, .paginate strong, .paginate a {
    color: #FFD89D !important;
    font-size: 18px;
    font-family: Verdana;
    font-style: normal;
    font-weight: normal;
            background-color: transparent;
                background-repeat: repeat;
        background-position: top;
        background-image: url(http://f.mypage.ru/f764ced9b180a8982a729f0699504c10_af4418145aa0d90519b265f45e4335e6.jpg);
    }


.paginate strong {
            background-color: #0A5098;
       
    color: #FFFFFF !important;
    font-style: italic;
    font-weight: bold;
}
.widget .wtitle {
            background-color: transparent;
        }
.inblock .widget_content {
    padding: 20px 22px 20px 22px;
}
.inblock .wtitle + .widget_content {
    padding: 0 22px 20px 22px;
}
.inblock .wtitle {
    padding: 7px 22px;
}
.widget {
    margin-bottom: 20px;
}

Обсудить у себя 1
Комментарии (0)
Чтобы комментировать надо зарегистрироваться или если вы уже регистрировались войти в свой аккаунт.

Войти через социальные сети:

Пиши посты правильно!!!
1) Название поста не должно содержать мат.  2) Если такое название поста уже было то твой пост никто не увидет! 
3) Если опубликоваваешь много картинок убирай пост подкат 
 Вот и все. Удачного вам оформления!
Все для вашего блога! Фоны,Сss формление и прочее!
Участников: 56