Css 3D Style House 2013

Assalammuaikum buat semua pengujung blog saya yang sederhana.
Kembali lagi saya ingin mengongsikan Css buatan saya. Jadi yang maho guna Css buatan saya, silakan ambik aja Css importnya di dalam kolom yang saya sediakan.

Kali ini saya sertakan Css mentah buat kalian yang suka mengedit css atau maho belajar mengedit, silakan ambik saja.
Cuma satu aja saya mintak agar nama kraktor Css Jangan di ubah.

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 3D Style House

---

Designer: Dream Master
Date: 17 Aug 2013
Versi: Default Seo-Friendly
Name: Css 3D Style House

---

Sila Reload Jika Tidak Nampak Gambar Sepenuhnya

Home page | Single page

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

Css Mentah Di bawah ini.

body {background: #fff; color:#f8f8f8; font-family:sarif; font-size:small; margin:0; padding:0;} a{color:#000;} #header {background:#777 ; margin:22px 1px 1px 20px; padding:1px;position:relative; font-size:small;border:1px #555 solid; border-bottom:none; border-right:none;} .heading {margin:1px; padding:5px 0px 0px 5px;position:relative; font-size:20px; font-style:italic;} .description {font-size:12px; margin:1px -1px 1px -1px; padding:2px; } #navigation {margin:1px;padding:3px;position:relative;} #header:before{content:""; position:absolute; background:#000; width:217px; height:20px; top:-20px; left:-20px; z-index:-1; opacity: 0.6 ;} #header:after{content:""; position:absolute; background:#000; border-right:1px #333 solid; width:20px; height:100%; top:0px; left:-20px; z-index:-1; opacity: 0.6} .heading:before{content:"";position:absolute; border-style:solid;border-color:transparent; border-width:0 20px 20px 0; border-right-color:#fff; top:-24px; right:-3px; } #navigation:before{content:"";position:absolute !important; border-style:solid;border-color:transparent; border-width:20px 0px 0px 20px; border-left-color:#fff; top:5px; left:-22px;} #navigation span {width:30%;margin:0px 2px 2px 8px; padding:5px 5px 3px 10px;background:#555; text-align:center;} #navigation span a {color:#fff} #navigation span+span+span a {content:"Down"} .post,#navigation-menu,#category-bottom,#blogroll,.comment {background:#000; margin:35px 15px 1px 15px; padding:2px; border:1px #000 solid;position:relative;} .post-single {background:#777; margin:35px 15px 1px 15px; padding:2px; border:1px #000 solid;position:relative;} .post:before,#navigation-menu:before,#category-bottom:before,#blogroll:before,#footer:before,.post-single:before,.comment:before {content:""; position:absolute; border-style:solid; border-color:transparent; border-width:30px 109px 0px 0px;border-right-color:#444; top:-30px; left:-15px;} .post:after,#navigation-menu:after,#blogroll:after,#category-bottom:after,#footer:after,.post-single:after,.comment:after {content:""; position:absolute; border-style:solid; border-color:transparent; border-width:30px 0px 0px 109px;border-left-color:#444; top:-30px; right:-15px;} .post .post-meta {background:#000; position:relative; margin:-1px 32px 5px -1px; padding:2px;} .post-single .post-meta {background:#000; position:relative; margin:-1px -2px 2px -2px; padding:2px;} .post-meta:before {content:""; position:absolute; border-style:solid; border-color:transparent; border-width:0px 15px 8px 0; border-right-color:#222; top:-1px; left:-16px;} .post .title:after {content:""; position:absolute; border-style:solid; border-color:transparent; border-width:0px 0px 8px 15px; border-left-color:#222; top:-2px; right:-16px;} .post-single .post-meta:after {content:""; position:absolute; border-style:solid; border-color:transparent; border-width:0px 0px 8px 15px; border-left-color:#222; top:-2px; right:-16px;} .post .title {margin:-1px -36px 2px -3px; padding:2px; font-size:18px; background:#777; position:relative; font-style:italic;} .post-single .title {margin:-1px -3px 2px -3px; padding:2px; font-size:18px; background:#777; position:relative; font-style:italic;} .post .post-content{content:none !important;} .post-meta2 {margin:1px; padding:1px; position:relative;} .categories {margin:1px; padding:1px; position:relative;font-size:small;color:#fff} .categories a {margin:1px; padding:1px; position:relative;font-size:small;color:#fff;display:block;float:bottom; text-align:left;} .post-meta2:before{content:"";display:block; background:url()no-repeat; background-size:100% 100%; width:35px; height:60px; position:absolute; top:-38px; right:-1px; opacity: 0.6} .categories:before{content:"";display:block; background:url()no-repeat; background-size:100% 100%; width:35px; height:60px; position:absolute; top:-17px; right:-1px; opacity: 0.8} .post-meta2 a{background:#777; margin:2px 2px 1px -4px; padding:4px;} #top-content{display:none;} #pagination-links a {display:none;} #pagination-links a:last-child {content:"Lihat Seterusnya »"; background:#777; width:70%; margin:1px 1px 1px 15px; padding:4px;display:block; position:relative;} #pagination-links a:last-child:after {content:""; position:absolute; border-style:solid; border-width:20px 0 20px 20px; border-color:transparent transparent transparent #777; top:-7px; right:-15px;} #navigation-menu h3,#category-bottom h3,#blogroll h3 {background:#777; margin:-2px -2px 0px -2px; padding:4px; text-align:center; font-size:20px; font-weight:bold; position:relative; font-style:italic;} #navigation-menu h3:before,#category-bottom h3:before,#blogroll h3:before {content:""; position:absolute; border-style:solid; border-color:transparent; border-width:0px 15px 8px 0; border-right-color:#222; top:0px; left:-16px;} #navigation-menu h3:after,#category-bottom h3:after,#blogroll h3:after {content:""; position:absolute; border-style:solid; border-color:transparent; border-width:0px 0px 8px 15px; border-left-color:#222; top:0px; right:-16px;} #navigation-menu ul,#blogroll ul{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{list-style:none; background:#777; margin:0px -2px 0px -2px; padding:2px;} #navigation-menu li:nth-child(odd),#category-bottom li:nth-child(odd),#blogroll li:nth-child(odd){list-style:none; background:#555; margin:0px -2px 0px -2px; padding:2px;} #category-bottom li:before,#blogroll li:before {content:"» "; font-size:20px; color:red; margin:2px 3px 0 1px;} #footer {background:#777; margin:35px 15px 1px 15px; padding:8px 2px 2px 2px; border:1px #000 solid;position:relative;} #footer span{background:#000 !important; border:1px solid #555 !important; margin:1px !important; padding:2px !important; font-size:small; font-weight:bold;position:relative !important;} #footer h6{margin:1px; padding:8px 2px 2px 2px; position:relative;} #footer h6:before{content:"DBO~";} #footer h6 a:after {content:"Css 3D Style House by: Dream Master";margin:1px; padding:8px 2px 2px 2px; position:relative; display:block;} #footer span:before {content:""; position:absolute; border-style:solid; border-color:transparent; border-width:0px 14px 8px 0; border-right-color:#222; top:-6px; left:-118px; z-index:-1;} #footer span:after {content:""; position:absolute; border-style:solid; border-color:transparent; border-width:0px 0px 8px 14px; border-left-color:#222; top:-6px; right:-50px;} #recent-posts-list,#blogroll_list,#following-list {background:#777; margin:35px -2px -2px -2px; padding:2px; border:1px #000 solid;position:relative;} #recent-posts-list:before,#blogroll_list:before,#following-list:before {content:""; position:absolute; border-style:solid; border-color:transparent; border-width:30px 109px 0px 0px;border-right-color:#444; top:-30px; left:-15px;} #recent-posts-list:after,#blogroll_list:after,#following-list:after {content:""; position:absolute; border-style:solid; border-color:transparent; border-width:30px 0px 0px 109px;border-left-color:#444; top:-30px; right:-15px;} #recent-posts-list h4,#blogroll_list h3,#following-list h4 {background:#777; margin:-2px -2px 0px -2px; padding:4px; text-align:center; font-size:20px; font-weight:bold; position:relative; font-style:italic;} #recent-posts-list h4:before,#blogroll_list h3:before,#following-list h4:before {content:""; position:absolute; border-style:solid; border-color:transparent; border-width:0px 15px 8px 0; border-right-color:#222; top:0px; left:-16px;} #recent-posts-list h4:after,#blogroll_list h3:after,#following-list h4:after {content:""; position:absolute; border-style:solid; border-color:transparent; border-width:0px 0px 8px 15px; border-left-color:#222; top:0px; right:-16px;} #recent-posts-list ol,#blogroll_list ol,#following-list ol {margin:1px -1px -2px -1px; padding:1px;} #recent-posts-list li,#blogroll_list li,#following-list li{list-style:none; background:#777; margin:0px -2px 0px -2px; padding:2px;} .comment .comment-left-content{display:none} #recent-posts-list li:nth-child(odd),#blogroll_list li:nth-child(odd),#following-list li:nth-child(odd) {list-style:none; background:#555; margin:0px -2px 0px -2px; padding:2px;} #recent-posts-list li:before {content:"» "; font-size:20px; color:red; margin:2px 3px 0 1px;} #comments h3 {background:#777; margin:35px 15px -2px 15px; padding:2px; text-align:center; font-size:20px; font-weight:bold; position:relative; font-style:italic;} #comment_form {background:#555; margin:-2px 15px -2px 15px; padding:8px 2px; text-align:center; font-size:12px; font-weight:bold; position:relative; font-style:italic;} #comments h4,#comments h5 {background:#777; margin:-2px 15px -2px 15px; padding:2px; text-align:center; font-size:small; font-weight:bold; position:relative; font-style:italic;} #comments h3:before {content:""; position:absolute; border-style:solid; border-color:transparent; border-width:30px 109px 0px 0px;border-right-color:#444; top:-30px; left:-14px;} #comments h3:after {content:""; position:absolute; border-style:solid; border-color:transparent; border-width:30px 0px 0px 109px;border-left-color:#444; top:-30px; right:-14px;} #comments h4:before {content:""; position:absolute; border-style:solid; border-color:transparent; border-width:0px 15px 8px 0; border-right-color:#222; top:-25px; left:-15px;} #comments h4:after {content:""; position:absolute; border-style:solid; border-color:transparent; border-width:0px 0px 8px 15px; border-left-color:#222; top:-25px; right:-15px;} .comment-header {background:#777; margin:-2px -2px 0px -2px; padding:4px; position:relative;} .comment-header:before {content:""; position:absolute; border-style:solid; border-color:transparent; border-width:0px 15px 8px 0; border-right-color:#222; top:0px; left:-16px;} .comment-header:after {content:""; position:absolute; border-style:solid; border-color:transparent; border-width:0px 0px 8px 15px; border-left-color:#222; top:0px; right:-16px;} .comment-header .title {margin:0px; paddin:1px;background:transparent !important;} #share-buttons {margin:2px;padding:2px;} #comment_form:before {content:""; position:absolute; border-style:solid; border-color:transparent; border-width:0px 15px 8px 0; border-right-color:#222; top:-25px; left:-15px;} #comment_form:after {content:""; position:absolute; border-style:solid; border-color:transparent; border-width:0px 0px 8px 15px; border-left-color:#222; top:-25px; right:-15px;} #comment_form .inp-textarea{width:68%;padding:2px;margin:2px;} #comments li {background:#777; font-size:small; list-style:none;} /* Designer by: Dream Master */ /* visit : nadznasirullah.mywapblog.com */ /* mengubah designer para pembuat css tak ada masaalah, tapi jangan hilangkan krektor pemilik seperti ini DBO~ */

Selamat Mencoba dan menanti kritikan atau apapun sasaran kalian.
Mohon di beri Ranting Blog Saya jika kalian rasa css saya amat berguna, TERIMA KASIH


Tag: Css 3D Style House 2013