sEhadET

LiNk

Gördügünüz EV bir gif yada jpg resimi degil tamamen CSS ile codelanmis bir ev.

ve CSS CODU

============
#roof {
position:absolute;
top:4px;
left:10px;
width:500px;
height:50px;
margin:0;
padding:0;
border-top:0px solid #fc0;
border-left:129px solid #fff;
border-bottom:100px solid #575;
border-right:129px solid #fff;
background-color:#fff;
z-index:1;
}

#roof2 {
position:absolute;
top:14px;
left:73px;
width:374px;
height:40px;
margin:0;
padding:0;
border-top:0px solid #fc0;
border-left:129px solid #fff;
border-bottom:50px solid #686;
border-right:129px solid #fff;
background-color:#fff;
z-index:2;
}

#chbrick1, #chbrick2, #chbrick3, #chbrick4, #chbrick5, #chbrick6, #chbrick7, #chbrick8 {
position:absolute;
width:52px;
height:18px;
margin:0;
padding:0;
border-top:4px solid #d00;
border-left:4px solid #c00;
border-bottom:4px solid #900;
border-right:4px solid #a00;
background-color:#b00;
z-index:2;
}

#chbrick1, #chbrick2, #chbrick4 {left:179px;}
#chbrick5, #chbrick6, #chbrick7, #chbrick8 {left:539px;}
#chbrick3 {left:209px;}
#chbrick7 {left:569px;}

#chbrick1, #chbrick5 {top:8px;}
#chbrick2, #chbrick3, #chbrick6, #chbrick7 {top:34px; width:22px;}
#chbrick4, #chbrick8 {top:60px;}


#brick1, #brick2, #brick3, #brick4, #brick5, #brick9, #brick10, #brick11, #brick12 {
position:absolute;
top:180px;
width:52px;
height:18px;
margin:0;
padding:0;
border-top:4px solid #f00;
border-left:4px solid #e00;
border-bottom:4px solid #b00;
border-right:4px solid #c00;
background-color:#d00;
z-index:2;
}

#brick1 {left:30px;}
#brick2 {left:90px;}
#brick3 {left:150px;}
#brick4 {left:210px;}
#brick5 {left:270px; width:232px;}

#brick9 {left:510px;}
#brick10 {left:570px;}
#brick11 {left:630px;}
#brick12 {left:690px;}

#brick13, #brick14, #brick15, #brick16, #brick23, #brick25 {
position:absolute;
top:206px;
width:52px;
height:18px;
margin:0;
padding:0;
border-top:4px solid #f00;
border-left:4px solid #e00;
border-bottom:4px solid #b00;
border-right:4px solid #c00;
background-color:#d00;
z-index:2;
}

#brick13 {left:30px; width:22px;} /* half-brick */
#brick14 {left:60px; width:172px;}
#brick15 {left:240px; width:22px;} /* half-brick */

#brick16 {left:510px; width:22px;} /* half-brick */
#brick23 {left:540px; width:172px;}
#brick25 {left:720px; width:22px;} /* half-brick */

#brick26, #brick29, #brick32, #brick34, #brick35 {position:absolute;
top:232px;
width:52px;
height:18px;
margin:0;
padding:0;
border-top:4px solid #f00;
border-left:4px solid #e00;
border-bottom:4px solid #b00;
border-right:4px solid #c00;
background-color:#d00;
z-index:2;
}

#brick26 {left:30px;}
#brick29 {left:210px;}

#brick32 {left:510px;}
#brick35 {left:690px;}

#brick36, #brick37, #brick38, #brick39, #brick40, #brick41, #brick42, #brick43 {
position:absolute;
top:258px;
width:22px;
height:18px;
margin:0;
padding:0;
border-top:4px solid #f00;
border-left:4px solid #e00;
border-bottom:4px solid #b00;
border-right:4px solid #c00;
background-color:#d00;
z-index:2;
}

#brick44, #brick45, #brick46, #brick47, #brick48, #brick49, #brick50, #brick51 {
position:absolute;
top:310px;
width:22px;
height:18px;
margin:0;
padding:0;
border-top:4px solid #f00;
border-left:4px solid #e00;
border-bottom:4px solid #b00;
border-right:4px solid #c00;
background-color:#d00;
z-index:2;
}

#brick52, #brick53, #brick55, #brick56, #brick57, #brick59 {
position:absolute;
top:362px;
width:22px;
height:18px;
margin:0;
padding:0;
border-top:4px solid #f00;
border-left:4px solid #e00;
border-bottom:4px solid #b00;
border-right:4px solid #c00;
background-color:#d00;
z-index:2;
}

#brick36, #brick44, #brick52 {left:30px;}
#brick37, #brick45 {left:60px;}

#brick38, #brick46 {left:210px;}
#brick39, #brick47, #brick55 {left:240px;}

#brick40, #brick48, #brick56 {left:510px;}
#brick41, #brick49 {left:540px;}

#brick42, #brick50 {left:690px;}
#brick43, #brick51, #brick59 {left:720px;}

#brick53 {left:60px; width:172px;}
#brick57 {left:540px; width:172px;}

#brick60, #brick61, #brick62, #brick63 {
position:absolute;
top:284px;
width:52px;
height:18px;
margin:0;
padding:0;
border-top:4px solid #f00;
border-left:4px solid #e00;
border-bottom:4px solid #b00;
border-right:4px solid #c00;
background-color:#d00;
z-index:2;
}

#brick64, #brick65, #brick66, #brick67 {
position:absolute;
top:336px;
width:52px;
height:18px;
margin:0;
padding:0;
border-top:4px solid #f00;
border-left:4px solid #e00;
border-bottom:4px solid #b00;
border-right:4px solid #c00;
background-color:#d00;
z-index:2;
}

#brick60, #brick64 {left:30px;}
#brick61, #brick65 {left:210px;}

#brick62, #brick66 {left:510px;}
#brick63, #brick67 {left:690px;}


#brick68, #brick69, #brick69b, #brick72b, #brick70, #brick71, #brick72, #brick73, #brick74 {
position:absolute;
top:388px;
width:52px;
height:18px;
margin:0;
padding:0;
border-top:4px solid #f00;
border-left:4px solid #e00;
border-bottom:4px solid #b00;
border-right:4px solid #c00;
background-color:#d00;
z-index:2;
}

#brick68 {left:30px;}
#brick69 {left:90px;}
#brick69b {left:150px;}
#brick70 {left:210px;}

#brick71 {left:510px;}
#brick72 {left:570px;}
#brick72b {left:630px;}
#brick73 {left:690px;}


#brick74, #brick75, #brick76, #brick77, #brick78, #brick79, #brick80, #brick81, #brick82, #brick83, #brick84, #brick92, #brick93, #brick94, #brick95, #brick96, #brick96b, #brick96c, #brick96d, #brick97, #brick98, #brick99, #brick100, #brick101, #brick102, #brick103, #brick104, #brick105, #brick106, #brick107, #brick108, #brick109, #brick110, #brick111 {
position:absolute;
top:466px;
width:52px;
height:18px;
margin:0;
padding:0;
border-top:4px solid #f00;
border-left:4px solid #e00;
border-bottom:4px solid #b00;
border-right:4px solid #c00;
background-color:#d00;
z-index:2;
}

#brick74, #brick75, #brick76, #brick77, #brick78, #brick79, #brick80, #brick81, #brick82, #brick83 {
top:414px;}

#brick92, #brick93, #brick94, #brick95, #brick96, #brick96b, #brick96c, #brick96d, #brick97, #brick98, #brick99, #brick100, #brick101 {
top:154px;}

#brick102, #brick103, #brick104, #brick105, #brick106, #brick107, #brick108, #brick109, #brick110, #brick111 {
top:466px;}


#brick74, #brick92, #brick102 {left:30px; width:22px;} /* half-brick */
#brick75, #brick93, #brick103 {left:60px;}
#brick76, #brick94, #brick104 {left:120px;}
#brick77, #brick95, #brick105 {left:180px;}
#brick78, #brick106 {left:240px; width:22px;} /* half-brick */
#brick96 {left:240px;}
#brick96b {left:300px;}
#brick96c {left:360px;}
#brick96d {left:420px;}

#brick97 {left:480px;}
#brick79, #brick107 {left:510px; width:22px;} /* half-brick */
#brick80, #brick98, #brick108 {left:540px;}
#brick81, #brick99, #brick109 {left:600px;}
#brick82, #brick100, #brick110 {left:660px;}
#brick83, #brick101, #brick111 {left:720px; width:22px;} /* half-brick */

#brick84, #brick85, #brick86, #brick87, #brick88, #brick89, #brick90, #brick91 {
position:absolute;
top:440px;
width:52px;
height:18px;
margin:0;
padding:0;
border-top:4px solid #f00;
border-left:4px solid #e00;
border-bottom:4px solid #b00;
border-right:4px solid #c00;
background-color:#d00;
z-index:2;
}

#brick84 {left:30px;}
#brick85 {left:90px;}
#brick86 {left:150px;}
#brick87 {left:210px;}

#brick88 {left:510px;}
#brick89 {left:570px;}
#brick90 {left:630px;}
#brick91 {left:690px;}


/* darker long bricks */

#brick5, #brick14, #brick23, #brick53, #brick57 {
border-top:4px solid #d00;
border-left:4px solid #c00;
border-bottom:4px solid #900;
border-right:4px solid #a00;
background-color:#b00;
}

/* window panes */

#pane1L, #pane2L, #pane3L, #pane1R, #pane2R, #pane3R {
position:absolute;
margin:0;
padding:10px;
border-top:4px solid #a98;
border-left:10px solid #cba;
border-bottom:3px solid #f3e3d3;
border-right:10px solid #e9d8c7;
background-color:#666;
z-index:3;
}

#pane1L {
top:238px;
left:96px;
width:68px;
height:18px;
border-top:9px solid #a98;
}

#pane2L {
top:291px;
left:96px;
width:19px;
height:36px;
border-right:4px solid #e9d8c7;
border-bottom:6px solid #f3e3d3;
}

#pane3L {
top:291px;
left:152px;
width:18px;
height:36px;
border-left:4px solid #cba;
border-bottom:6px solid #f3e3d3;
}

#pane1R {
top:238px;
left:576px;
width:68px;
height:18px;
border-top:9px solid #a98;
}

#pane2R {
top:291px;
left:576px;
width:19px;
height:36px;
border-right:4px solid #e9d8c7;
border-bottom:6px solid #f3e3d3;
}

#pane3R {
top:291px;
left:632px;
width:18px;
height:36px;
border-left:4px solid #cba;
border-bottom:6px solid #f3e3d3;
}

#windowR, #windowL {
position:absolute;
top:232px;
width:120px;
height:130px;
margin:0;
padding:0;
background-color:#fed;
z-index:2;
}

#windowR {left:90px;}

#windowL {left:570px;}

p.door {
width:102px;
height:187px;
margin:0;
padding:10px;
border-top:9px solid #800;
border-right:10px solid #b00;
border-bottom:6px solid #ccc;
border-left:10px solid #b00;
background-color:#fed;
z-index:2;
}

#inner {
width:142px;
margin:0;
padding:0 0 10px 0;
border-top:10px solid #900;
border-left:20px solid #c00;
border-bottom:8px solid #ccc;
border-right:20px solid #c00;
background-color:#888;
z-index:2;
}

=========

__________________
in ze problemz du ju hev yu can teyk zis comand format c:
itz weri isi tu use
----Bazilari sayisizca Sahile Tatile giderler övünürler, ama Hacca birden fazla gidenleri de düsüncesizce elestirirler.......