Css Beautyfull House Mywapblog |DBO

Assalammuaikum dan Salam Blogger sedunia, Kembali lagi saya dengan css Designer saya yang enga seberapa.

Css ini saya kongsikan buat semua yang sudi mengunakan css Karya saya dan untuk yang mahu belajar mengedit css.
Css ini di lengkapi dengan kod css border-image agar kamu tahu apa kelebihan kod css border-image seperti yang saya postingkan sebelumnya.

Css ini sebenarnya saya mahu buat kapal angkasa, tapi yang jadi rumah. Saya terpaksa teruskan saja karya saya.

Jadi yang mahu silakan ambik css import yang mahu di edit ambik aja css mentah atau ambik kedua-dua pun lagi bagus.:)

Cara memasang English:

Go Dashboard Push down Theme choice Theme Default Seo friendly not Default (title) or Default2 or Theme Classic => Active Default Seo friendly => Edit Css => Blank Css paste Code Css import => Save Check ur blog and Refresh again.


Cara memasang Indonesia:

Masuk Dasbor tekan ke bawah Tema pilih theme Default Seo-Friendly bukan Default(title only) atau Default2 atau Classic pilih Default Seo-Friendly => Aktikan => Sunting Css => Kosongkan Css letak Kod Import yang kalian Copy, Simpan => Kunjungi Blog jika tidak nampak effectnya Reload balik.

Css Beautyfull House

---

Designer: Dream Master
Date: 18 Aug 2013
Versi: Default Seo-Friendly
Name: Css Beautyfull House

---

Sila Reload Jika Tidak Nampak Gambar Sepenuhnya

Home page | Single page

@import url(http://nadznasirullah.wen9.net/css/c/new1.css);

Css Mentah Di bawah ini.

body {background: #fff; color:#f2ffff; font-family:sarif; font-size:small; margin:0; padding:0; font-family:sans-serif;} a{color:#fff;text-decoration:none;} #header,#navigation-menu,#category-bottom,#blogroll,#comments,.post-single{background:#777; margin:35px 20px 1px 20px; padding:2px; border:1px #000 solid;position:relative;} #header:before {content:""; position:absolute; border-style:solid; border-color:transparent; border-width:30px 90px 0px 0px;border-right-color:#330099; top:-30px; left:-1px;} #header:after {content:""; position:absolute; border-style:solid; border-color:transparent; border-width:30px 0px 0px 90px;border-left-color:#330099; top:-30px; right:-1px;} .heading{margin:-2px -20px -2px -20px;padding:6px 1px 6px 1px; font-size:19px; font-style:italic;font-family:serif; text-align:center;position:relative; background:#444; border:8px outset transparent; -o-border-image:url(/css/i/a1/border.png)30 30 round} .heading:before {content:""; position:absolute; border-style:solid; border-color:transparent; border-width:0px 18px 9px 0px; border-right-color:#222; bottom:-17px; left:-6px; z-index:-1;} .heading:after {content:""; position:absolute; border-style:solid; border-color:transparent; border-width:0px 0px 9px 18px; border-left-color:#222; bottom:-17px; right:-6px; z-index:-1;} .description {font-size:12px; margin:1px -1px 1px -1px; padding:2px; } #navigation {background:#444; margin:0px -20px -3px -20px; padding:0px; position:relative; border:10px outset transparent; -o-border-image:url(/css/i/a1/border.png)30 30 stretch;} #navigation span a{background:url(/css/i/a1/na1.png)no-repeat; background-size:100% 100%; font-size:0; display:inline-block;width:20px; height:20px; margin:1px; padding:0;} #navigation span+span a{background:url(/css/i/a1/na2.png)no-repeat; background-size:100% 100%; font-size:0; display:inline-block;width:20px; height:20px; margin:1px; padding:0;} #navigation span+span+span a{background:url(/css/i/a1/na3.png)no-repeat; background-size:100% 100%; font-size:0; display:inline-block;width:20px; height:20px; margin:1px; padding:0;float:right;} #navigation:before {content:""; position:absolute; border-style:solid; border-color:transparent; border-width:9px 18px 0px 0px; border-right-color:#222; top:-19px; left:-7px; z-index:-1;} #navigation:after {content:""; position:absolute; border-style:solid; border-color:transparent; border-width:9px 0px 0px 18px; border-left-color:#222; top:-19px; right:-7px; z-index:-1;} #top-content {position:relative} #search-form [type=text] {background:#f0f0f0; width:50%;height:20px;border:none; margin:5px 2px 5px 2px; padding:0px; position:absolute; top:-37px; left:62px;} #search-form [type=submit] { border:none; padding:0;width:20px; height:20px; font-weight:bold; background:url(/css/i/a1/sea.png)no-repeat; background-size:100% 100%; font-size:0px; position:absolute; top:-33px; right:50px;} .post {background:#999; border:1px solid #555; margin:35px 20px 2px 20px; padding:2px; position:relative;} .post:before {content:""; position:absolute; border-style:solid; border-color:transparent; border-width:30px 91px 0px 0px;border-right-color: #F2BB66 ; top:-30px; left:-2px;} .post-single:before,.comment:before {content:""; position:absolute; border-style:solid; border-color:transparent; border-width:30px 91px 0px 0px;border-right-color: #F2BB66 ; top:-30px; left:-2px;} .post-single:after,.comment:after {content:""; position:absolute; border-style:solid; border-color:transparent; border-width:30px 0px 0px 91px;border-left-color: #F2BB66 ; top:-30px; right:-2px;} .post:after {content:""; position:absolute; border-style:solid; border-color:transparent; border-width:30px 0px 0px 91px;border-left-color: #F2BB66 ; top:-30px; right:-2px;} .post-meta {margin:1px -1px 1px -1px; padding:1px; border-bottom:1px dashed #333;} .categories{margin:1px -1px 1px -1px; padding:1px;font-size:small} .post .title, .post-single .title{margin:-4px -21px -2px -21px;padding:2px; font-size:18px; font-style:italic;font-family:serif; position:relative; background:#222; text-align:center; color:#3366cc;} .title a {color:#3366cc} .post .title:before,.post-single .title:before{content:""; position:absolute; border-style:solid; border-color:transparent; border-width:0px 18px 9px 0px; border-right-color:#000; bottom:-8px; left:-1px; z-index:-1;} .post .title:after,.post-single .title:after{content:""; position:absolute; border-style:solid; border-color:transparent; border-width:0px 0px 9px 18px; border-left-color:#000; bottom:-8px; right:-1px; z-index:-1;} .post-meta2 {margin:1px -21px -3px -21px; padding:2px; position:relative; border:6px solid transparent; -o-border-image:url(/css/i/a1/border.png)30 30 stretch; background:#444;} .post-meta2:before {content:""; position:absolute; border-style:solid; border-color:transparent; border-width:9px 18px 0px 0px; border-right-color:#222; top:-13px; left:-5px; z-index:-1;} .post-meta2:after {content:""; position:absolute; border-style:solid; border-color:transparent; border-width:9px 0px 0px 18px; border-left-color:#222; top:-13px; right:-5px; z-index:-1;} .post-meta2 span{display:block;margin:0px 0px 0px 25px; font-size:12px;} .post-meta2 a{background:url(/css/i/a1/pintu.png)no-repeat; background-size:100% 100%; width:24px; height:30px; display:block; font-size:0px;} #pagination-links a {display:none;} #pagination-links a:last-child {content:"Lihat Seterusnya »"; background:#222; border:1px solid #777; margin:-2px 1px 1px 1px; padding:8px 4px 8px 4px;display:block; text-align:center;} #navigation-menu:before,#category-bottom:before,#blogroll:before,#comments:before {content:""; position:absolute; border-style:solid; border-color:transparent; border-width:30px 90px 0px 0px;border-right-color:#3366cc; top:-30px; left:-1px;} #navigation-menu:after,#category-bottom:after,#blogroll:after,#comments:after {content:""; position:absolute; border-style:solid; border-color:transparent; border-width:30px 0px 0px 90px;border-left-color:#3366cc; top:-30px; right:-1px;} #recent-posts-list:before,#blogroll_list:before,#following-list:before {content:""; position:absolute; border-style:solid; border-color:transparent; border-width:30px 90px 0px 0px;border-right-color:#3366cc; top:-30px; left:-1px;} #recent-posts-list:after,#blogroll_list:after,#following-list:after {content:""; position:absolute; border-style:solid; border-color:transparent; border-width:30px 0px 0px 90px;border-left-color:#3366cc; top:-30px; right:-1px;} #navigation-menu h3,#blogroll h3,#category-bottom h3,#comments h3,#share-buttons,#recent-posts-list h4,#blogroll_list h3,#following-list h4 {margin:-2px -20px -2px -20px;padding:3px; font-size:19px; font-style:italic;font-family:serif; text-align:center;position:relative; background:#444; border:8px outset transparent; -o-border-image:url(/css/i/a1/border.png)30 30 stretch; color:#3366cc; font-weight:bold)} .comment-header .title{margin:-2px -20px -2px -20px;padding:3px; font-size:18px; font-style:italic;font-family:serif; text-align:center;position:relative; background:#444; border:8px outset transparent; -o-border-image:url(/css/i/a1/border.png)30 30 stretch; color:#3366cc; font-weight:bold)} #navigation-menu h3:before,#category-bottom h3:before,#blogroll h3:before,#comments h3:before,#share-buttons:before,#recent-posts-list h4:before,#blogroll_list h3:before,#follwing-list h4:before,.comment-header .title:before{content:""; position:absolute; border-style:solid; border-color:transparent; border-width:0px 18px 9px 0px; border-right-color:#222; bottom:-17px; left:-6px; z-index:-1;} #navigation-menu h3:after,#category-bottom h3:after,#blogroll h3:after,#comments h3:after,#share-buttons:after,#recent-posts-list h4:after,#blogroll_list h3:after,#following-list h4:after,.comment-header .title:after {content:""; position:absolute; border-style:solid; border-color:transparent; border-width:0px 0px 9px 18px; border-left-color:#222; bottom:-17px; right:-6px; z-index:-1;} #recent-posts-list,#blogroll_list,#following-list,.comment{background:#777; margin:35px -2px 1px -2px; padding:2px; position:relative; border-bottom:2px dashed #555} #navigation-menu ul,#blogroll ul,#blogroll_list ol,#following-list ol,#recent-posts-list ol {margin:1px -1px -2px -1px; padding:1px;} #category-bottom ul{margin:1px -1px -2px -1px; padding:1px;color:transparent} #navigation-menu li,#category-bottom li,#blogroll li,#recent-posts-list li,#blogroll_list li,#following-list li{list-style:none; background:#444; margin:0px -2px 0px -2px; padding:2px;} #navigation-menu li:nth-child(odd),#category-bottom li:nth-child(odd),#blogroll li:nth-child(odd),#recent-posts-list li:nth-child(odd),#blogroll_list li:nth-child(odd),#following-list li:nth-child(odd) {list-style:none; background:#777; margin:0px -2px 0px -2px; padding:2px;} #navigation-menu li:last-child,#category-bottom li:last-child,#blogroll li:last-child,#recent-posts-list li:last-child,#blogroll_list li:last-child,#following-list li:last-child{list-style:none; background:#555; margin:0px -21px -2px -21px; padding:2px; text-align:center; position:relative} #navigation-menu li:last-child:before,#category-bottom li:last-child:before,#blogroll li:last-child:before, #recent-posts-list li:last-child:before,#blogroll_list li:last-child:before,#following-list li:last-child:before {content:""; position:absolute; border-style:solid; border-color:transparent; border-width:9px 18px 0px 0px; border-right-color:#222; top:-8px; left:0px; z-index:-1;} #navigation-menu li:last-child:after,#category-bottom li:last-child:after,#blogroll li:last-child:after, #recent-posts-list li:last-child:after,#blogroll_list li:last-child:after,#following-list li:last-child:after {content:""; position:absolute; border-style:solid; border-color:transparent; border-width:9px 0px 0px 18px; border-left-color:#222; top:-8px; right:-0px; z-index:-1;} #footer {background:#777; margin:-1px 2px; padding:8px 2px; border:1px solid #222;} #footer h6{margin:2px 1px; padding:4px 2px;} #footer h6:before {content:"DBO~";} #footer:after{content:"Css Beautyfull House by:Dream Master"; display:block; margin:3px 1px;} #footer span {background:#f8f8f8 !important; border:1px out set #555 !important; color:#555 !important; float:right !important;} #comment_form{margin:1px -1px 0px -1px; padding:2px; text-align:center;} #comment_form .inp-textarea {width:68%; background:#000; color:white;} #comment_form .inp-text{width:68%; background:#000; color:#fff} #comment_form [type=submit]{background:#333; color:white;} #category-bottom li:before,#blogroll li:before {content:"» "; font-size:20px; color:red; margin:2px 3px 0 1px;} #recent-posts-list li:before,#blogroll_list li:before,#following-list li:before {content:"» "; font-size:20px; color:#3366cc; margin:2px 3px 0 1px;} /* Designer by: Dream Master */ /* Visit : nadznasirullah.mywapblog.com */ /* Hargailah Karya Seseorang tampa menghilangkan Kriktor "DBO~" agar karya kamu juga di hargai */

Selamat Mencoba dan menanti kritikan atau apapun sasaran kalian.
Mohon di beri Ranting Blog Saya jika kalian rasa css karya saya bagus agar bisa maju ke depan, tempat ranting ada di atas.TERIMA KASIH


Tag: Koleksi Css | Css Beautyfull House Mywapblog