Ana Sayfa
Reklam
KAYIT
Giriş
Bu Site En iyi Şekilde 1024 x 768 Piksel şeklinde gözükür!
Web Tasarımlarını biraraya toplayan site,tasarım,css tasarımlar birçok web tasarım burda
Link ekle
Ana Sayfa
Reklam
iletisim
Editor
Deneme
Üyeol
Giriş
Tasarim istek
Amacimiz
Yarisma
Uyeler
Davet et
Anket
deneme2
Html
css-sayfa2
Css-sayfa3
Csstasarim34
Csstasarim35
Csstasarim36
Csstasarim37
Csstasarim38
Csstasarim39
Csstasarim40
Csstasarim41
Csstasarim42
Csstasarim43
Csstasarim44
Siteniz icin
FenerbahceTV
Deneme4
iletisim.html
Sifremi unuttum
Fragman Kvp
olecekmi
s
Csstasarim42
Tasarimin Üzerine
<div class="Main"> <div class="Sheet"> <div class="Sheet-tl"></div> <div class="Sheet-tr"></div> <div class="Sheet-bl"></div> <div class="Sheet-br"></div> <div class="Sheet-tc"></div> <div class="Sheet-bc"></div> <div class="Sheet-cl"></div> <div class="Sheet-cr"></div> <div class="Sheet-cc"></div> <div class="Sheet-body"> <div class="Header"> <div class="Header-jpeg"></div> <div class="logo"> <h1 id="name-text" class="logo-name"> <a href="http://www.css-merkez.tr.gg">Css Merkez</a></h1> <div id="slogan-text" class="logo-text"> Sitenizin Slogani</div> </div> </div> <div class="nav"> <div class="l"> </div> <div class="r"> </div> <ul class="artmenu"> <li><a class="active" href="#"><span class="l"></span><span class="r"></span><span class="t">Ana Sayfa</span></a></li> <li class="page_item page-item-2"><a href="#" title="Hakkında"><span class="l"></span><span class="r"></span><span class="t">Hakkında</span></a></li> <li class="page_item page-item-3"><a href="#" title="Hakkında"><span class="l"></span><span class="r"></span><span class="t">Tasarimlar</span></a></li> </ul> </div> <div class="contentLayout"> <div class="content"> <div class="Post"> <div class="Post-body"> <div class="Post-inner article"> <h2 class="PostHeaderIcon-wrapper"> <span class="PostHeader"><a href="http://www.css-merkez.tr.gg" rel="bookmark" title="Hosgeldiniz"> Sitemize Hosgeldiniz</a></span> </h2> <div class="PostMetadataHeader"> <div class="PostHeaderIcons metadata-icons"> <img src="http://csstasarimm.cs.funpic.org/Demo/Css34/images/PostDateIcon.png" width="17" height="18" alt="PostDateIcon" /> Mayıs 18, 2009 | <img src="http://csstasarimm.cs.funpic.org/Demo/Css34/images/PostAuthorIcon.png" width="14" height="14" alt="PostAuthorIcon" /> Kisi: <a href="#" title="insan">Tasarim Admin</a> </div> </div> <div class="PostContent">
Tasarimin ALtına
</div> <div class="cleared"></div> <div class="PostMetadataFooter"> <div class="PostFooterIcons metadata-icons"> <img src="http://csstasarimm.cs.funpic.org/Demo/Css34/images/PostCategoryIcon.png" width="18" height="18" alt="PostCategoryIcon" /> Postanın ici <a href="http://www.css-merkez.tr.gg" title="" rel="category">Tasarim Merkez</a> | <img src="http://csstasarimm.cs.funpic.org/Demo/Css34/images/PostCommentsIcon.png" width="18" height="18" alt="PostCommentsIcon" /> <a href="#" title="">2 Yorumlar »</a> </div> </div> </div> </div> </div> </div> <div class="sidebar1"> <div class="sidebar1"> <div class="Block"> <div class="Block-tl"></div> <div class="Block-tr"></div> <div class="Block-bl"></div> <div class="Block-br"></div> <div class="Block-tc"></div> <div class="Block-bc"></div> <div class="Block-cl"></div> <div class="Block-cr"></div> <div class="Block-cc"></div> <div class="Block-body"> <div class="BlockHeader"> <div class="l"></div> <div class="r"></div> <div class="header-tag-icon"> <div class="t">Site Saati</div> </div> </div><div class="BlockContent"> <div class="BlockContent-body"> <center><embed height="89" align="" width="162" src="http://www.dostyurdu.com/flash/saat.swf" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" menu="false"></embed></center> </div> </div> </div> </div> <div class="Block"> <div class="Block-tl"></div> <div class="Block-tr"></div> <div class="Block-bl"></div> <div class="Block-br"></div> <div class="Block-tc"></div> <div class="Block-bc"></div> <div class="Block-cl"></div> <div class="Block-cr"></div> <div class="Block-cc"></div> <div class="Block-body"> <div class="BlockHeader"> <div class="l"></div> <div class="r"></div> <div class="header-tag-icon"> <div class="t">Menu</div> </div> </div><div class="BlockContent"> <div class="BlockContent-body"> <ul> <li class="cat-item cat-item-5"><a href="#" title="View all posts filed under Parent">Ana Sayfa</a> <ul class='children'> <li class="cat-item cat-item-6"><a href="#" title="View all posts filed under First Child Category">1.Kategori</a> (1) </li> <li class="cat-item cat-item-7"><a href=#" title="View all posts filed under Second Child Category">2.Kategori</a> (1) <ul class='children'> <li class="cat-item cat-item-8"><a href="#" title="View all posts filed under One Grandchild Category">3.Kategori</a> (1) </li> </ul> </li> </ul> </li> <li class="cat-item cat-item-1"><a href="#" title="View all posts filed under Uncategorized">4.Kategori</a> (6) </li> </ul> </div> </div> </div> </div> <div class="Block"> <div class="Block-tl"></div> <div class="Block-tr"></div> <div class="Block-bl"></div> <div class="Block-br"></div> <div class="Block-tc"></div> <div class="Block-bc"></div> <div class="Block-cl"></div> <div class="Block-cr"></div> <div class="Block-cc"></div> <div class="Block-body"> <div class="BlockHeader"> <div class="l"></div> <div class="r"></div> <div class="header-tag-icon"> <div class="t">Arsiv</div> </div> </div> <div class="BlockContent"> <div class="BlockContent-body"> <ul> <li><a href='#' title='Ocak 2009'>Ocak 2009</a></li> </ul> </div> </div> </div> </div> <div class="Block"> <div class="Block-tl"></div> <div class="Block-tr"></div> <div class="Block-bl"></div> <div class="Block-br"></div> <div class="Block-tc"></div> <div class="Block-bc"></div> <div class="Block-cl"></div> <div class="Block-cr"></div> <div class="Block-cc"></div> <div class="Block-body"> <div class="BlockHeader"> <div class="l"></div> <div class="r"></div> <div class="header-tag-icon"> <div class="t">Diger:</div> </div> </div><div class="BlockContent"> <div class="BlockContent-body"> <ul> <li><a href="#">Msn Cocugu</a></li> <li><a href="#">Site Dostlugu</a></li> <li><a href="#">Hakkında</a></li> <li><a href="#">İletisim</a></li> <li><a href="#">Sponsor</a></li> <li><a href="#">Temalar</a></li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="cleared"></div> <div class="Footer"> <div class="Footer-inner"> <a href="http://www.css-merkez.tr.gg" class="rss-tag-icon" title="RSS"></a> <div class="Footer-text"> <p> Design By <a href="http://www.css-merkez.tr.gg" title="">Css Tasarim Merkezi</a> </p> </div> </div> <div class="Footer-background"> </div> </div> </div> </div> <div class="cleared"></div> </div> <div></div>
Css Kod BöLümüNe
h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} .Sheet-tl { clip: rect(auto 17px 17px auto); } .Sheet-tr { clip: rect(auto auto 17px 17px); } .Sheet-bl { clip: rect(17px 17px auto auto); } .Sheet-br { clip: rect(17px auto auto 17px); } .Sheet-tc { clip: rect(auto auto 17px auto); } .Sheet-bc { clip: rect(17px auto auto auto); } .Sheet-cr { clip: rect(auto auto auto 17px); } .Sheet-cl { clip: rect(auto 17px auto auto); } /* end Box, Sheet */ /* begin Menu */ .nav .r { clip: rect(auto auto auto 874px); } /* end Menu */ /* begin MenuItem */ .artmenu a .r { clip: rect(auto auto auto 404px); } /* end MenuItem */ /* begin Box, Block */ .Block-tl { clip: rect(auto 7px 7px auto); } .Block-tr { clip: rect(auto auto 7px 7px); } .Block-bl { clip: rect(7px 7px auto auto); } .Block-br { clip: rect(7px auto auto 7px); } .Block-tc { clip: rect(auto auto 7px auto); } .Block-bc { clip: rect(7px auto auto auto); } .Block-cr { clip: rect(auto auto auto 7px); } .Block-cl { clip: rect(auto 7px auto auto); } /* end Box, Block */ /* begin BlockHeader */ .BlockHeader .r { clip: rect(auto auto auto 888px); } /* end BlockHeader */ /* begin PostContent */ .PostContent { height:1%; } /* end PostContent */ /* begin Button */ .Button .btn .r { clip: rect(auto auto auto 400px); } /* end Button */ img { behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = GetStyleUrl()+"http://csstasarimm.cs.funpic.org/Demo/Css34/images/spacer.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)); } /* end Page */ /* begin Box, Sheet */ .Sheet, .Sheet-body { zoom:1; } .Sheet-body { position:static; } .Sheet-tr, .Sheet-tl, .Sheet-br, .Sheet-bl, .Sheet-tc, .Sheet-bc,.Sheet-cr, .Sheet-cl { font-size: 1px; background: none; } .Sheet-tr, .Sheet-tl, .Sheet-br, .Sheet-bl { behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"http://csstasarimm.cs.funpic.org/Demo/Css34/images/Sheet-s.png',sizingMethod='scale')"); } .Sheet-tl { clip: rect(auto 17px 17px auto); } .Sheet-tr { left: expression(this.parentNode.offsetWidth-34+'px'); clip: rect(auto auto 17px 17px); } .Sheet-bl { top: expression(this.parentNode.offsetHeight-34+'px'); clip: rect(17px 17px auto auto); } .Sheet-br { top: expression(this.parentNode.offsetHeight-34+'px'); left: expression(this.parentNode.offsetWidth-34+'px'); clip: rect(17px auto auto 17px); } .Sheet-tc, .Sheet-bc { width: expression(this.parentNode.offsetWidth-34+'px'); behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"http://csstasarimm.cs.funpic.org/Demo/Css34/images/Sheet-h.png',sizingMethod='scale')"); } .Sheet-tc { clip: rect(auto auto 17px auto); } .Sheet-bc { top: expression(this.parentNode.offsetHeight-34+'px'); clip: rect(17px auto auto auto); } .Sheet-cr, .Sheet-cl { height: expression(this.parentNode.offsetHeight-34+'px'); behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"http://csstasarimm.cs.funpic.org/Demo/Css34/images/Sheet-v.png',sizingMethod='scale')"); } .Sheet-cr { left: expression(this.parentNode.offsetWidth-34+'px'); clip: rect(auto auto auto 17px); } .Sheet-cl { clip: rect(auto 17px auto auto); } .Sheet-cc { font-size: 1px; width: expression(this.parentNode.offsetWidth-34+'px'); height: expression(this.parentNode.offsetHeight-34+'px'); background: none; behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"http://csstasarimm.cs.funpic.org/Demo/Css34/images/Sheet-c.png',sizingMethod='scale')"); } .PageBackgroundSimpleGradient, .PageBackgroundGradient, .PageBackgroundGlare { width:expression(document.body.clientWidth > 900 ? "100%" : "900px"); } /* end Box, Sheet */ /* begin Menu */ .artmenu ul { height: 1%; width:1px; } .artmenu, .artmenu ul { height: 1%; } .artmenu li.artmenuhover { z-index: 10000; } .artmenu .artmenuhoverUL { visibility: visible; } .artmenu .artmenuhoverUL { top: 100%; left: 0; } .artmenu .artmenuhoverUL .artmenuhoverUL { top: 0; left: 100%; } .artmenu ul a { height: 1%; } .artmenu li li { float: left; width: 100%; } .artmenu .artmenuhoverUL .artmenuhoverUL { top: 5px; left: 100%; } .artmenu, .artmenu ul { height: 1%; } .artmenu li.artmenuhover { z-index: 10000; } .artmenu .artmenuhoverUL { visibility: visible; } .artmenu .artmenuhoverUL { top: 100%; left: 0; } .artmenu .artmenuhoverUL .artmenuhoverUL { top: 0; left: 100%; } .artmenu ul a { height: 1%; } .artmenu li li { float: left; width: 100%; } .nav { zoom: 1; } .nav .l, .nav .r { font-size: 1px; background: none; behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"http://csstasarimm.cs.funpic.org/Demo/Css34/images/nav.png',sizingMethod='crop')"); } .nav .l { width: expression(this.parentNode.offsetWidth-0+'px');; } .nav .r { left: expression(this.parentNode.offsetWidth-874+'px'); clip: rect(auto auto auto 874px); } /* end Menu */ /* begin MenuItem */ .artmenu a { float:left; } .artmenu a:hover { visibility:visible; } .artmenu a .r, .artmenu a .l { font-size:1px; background: none; behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"http://csstasarimm.cs.funpic.org/Demo/Css34/images/MenuItem.png',sizingMethod='crop')"); } .artmenu a .r { left: expression(this.parentNode.offsetWidth-408+'px'); clip: rect(auto auto auto 404px); } .artmenu a .l { width: expression(this.parentNode.offsetWidth-4+'px'); } .artmenuhover .artmenuhoverA .t { color: #232622; } .artmenuhover .artmenuhoverA .l, .artmenuhover .artmenuhoverA .r { top: -29px; } /* end MenuItem */ /* begin Box, Block */ .Block, .Block-body { zoom:1; } .Block-body { position:static; } .Block-tr, .Block-tl, .Block-br, .Block-bl, .Block-tc, .Block-bc,.Block-cr, .Block-cl { font-size: 1px; background: none; } .Block-tr, .Block-tl, .Block-br, .Block-bl { behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"http://csstasarimm.cs.funpic.org/Demo/Css34/images/Block-s.png',sizingMethod='scale')"); } .Block-tl { clip: rect(auto 7px 7px auto); } .Block-tr { left: expression(this.parentNode.offsetWidth-14+'px'); clip: rect(auto auto 7px 7px); } .Block-bl { top: expression(this.parentNode.offsetHeight-14+'px'); clip: rect(7px 7px auto auto); } .Block-br { top: expression(this.parentNode.offsetHeight-14+'px'); left: expression(this.parentNode.offsetWidth-14+'px'); clip: rect(7px auto auto 7px); } .Block-tc, .Block-bc { width: expression(this.parentNode.offsetWidth-14+'px'); behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"http://csstasarimm.cs.funpic.org/Demo/Css34/images/Block-h.png',sizingMethod='scale')"); } .Block-tc { clip: rect(auto auto 7px auto); } .Block-bc { top: expression(this.parentNode.offsetHeight-14+'px'); clip: rect(7px auto auto auto); } .Block-cr, .Block-cl { height: expression(this.parentNode.offsetHeight-14+'px'); behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"http://csstasarimm.cs.funpic.org/Demo/Css34/images/Block-v.png',sizingMethod='scale')"); } .Block-cr { left: expression(this.parentNode.offsetWidth-14+'px'); clip: rect(auto auto auto 7px); } .Block-cl { clip: rect(auto 7px auto auto); } .Block-cc { font-size: 1px; width: expression(this.parentNode.offsetWidth-14+'px'); height: expression(this.parentNode.offsetHeight-14+'px'); background-color: #F3F1E7; } /* end Box, Block */ /* begin BlockHeader */ .BlockHeader, .BlockHeader { font-size: 1px; } .BlockHeader .l, .BlockHeader .r { background: none; behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"http://csstasarimm.cs.funpic.org/Demo/Css34/images/BlockHeader.png',sizingMethod='crop')"); } .BlockHeader .r { left: expression(this.parentNode.offsetWidth-894+'px'); clip: rect(auto auto auto 888px); } .BlockHeader .l { width: expression(this.parentNode.offsetWidth-6+'px'); } .header-tag-icon { background: none; behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"http://csstasarimm.cs.funpic.org/Demo/Css34/images/BlockHeaderIcon.png',sizingMethod='crop')"); } /* end BlockHeader */ /* begin Box, BlockContent */ .BlockContent, .BlockContent-body { zoom:1; } .BlockContent-body { position:static; } .BlockContent-body ul li { height:1%; background:none; behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"http://csstasarimm.cs.funpic.org/Demo/Css34/images/BlockContentBullets.png',sizingMethod='crop')"); } /* end Box, BlockContent */ /* begin Box, Post */ .Post, .Post-body { zoom:1; } .Post-body { position:static; } /* end Box, Post */ /* begin PostContent */ h1 { margin: 0.67em 0; } h2 { margin: 0.8em 0; } h3 { margin: 1em 0; } h4 { margin: 1.25em 0; } h5 { margin: 1.67em 0; } h6 { margin: 2.33em 0; } /* end PostContent */ /* begin PostBullets */ .Post ul li, .Post ol ul li { height:1%; background:none; behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"http://csstasarimm.cs.funpic.org/Demo/Css34/images/PostBullets.png',sizingMethod='crop')"); } .Post ul ol li { background:none; behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter=""); } /* end PostBullets */ /* begin PostQuote */ blockquote { height:1%; background-image: none; behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"http://csstasarimm.cs.funpic.org/Demo/Css34/images/PostQuote.png',sizingMethod='crop')"); } /* end PostQuote */ /* begin Button */ .Button { display:list-item; list-style-type:none; float:left; } .Button, .Button .btn, .Button .btn .l, .Button .btn .r { font-size: 1px; } .Button .btn .t { display:inline-block; } .Button .btn .l, .Button .btn .r { background: none; behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"http://csstasarimm.cs.funpic.org/Demo/Css34/images/Button.png',sizingMethod='crop')"); } .Button .btn .r { left: expression(this.parentNode.offsetWidth-411+'px'); clip: rect(auto auto auto 400px); } .Button .btn .l { width: expression(this.parentNode.offsetWidth-11+'px'); } /* end Button */ /* begin Footer */ .Footer .Footer-background { top: expression(this.parentNode.offsetHeight-150+'px'); background: none; behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"http://csstasarimm.cs.funpic.org/Demo/Css34/images/Footer.png',sizingMethod='crop')"); zoom: 1; font-size:1px; } .rss-tag-icon { zoom:1; font-size:1px; background:none; behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"http://csstasarimm.cs.funpic.org/Demo/Css34/images/rssIcon.png',sizingMethod='crop')"); } /* end Footer */ .commentlist, .commentlist li { behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter=""); } body { margin: 0 auto; padding: 0; background-color: #D4CCAA; background-image: url('http://csstasarimm.cs.funpic.org/Demo/Css34/images/Page-BgTexture.jpg'); background-repeat: repeat-x; background-attachment: fixed; background-position: bottom left; } .Main { position: relative; width: 100%; left: 0; top: 0; } .cleared { float: none; clear: both; margin: 0; padding: 0; border: none; font-size:1px; } form { padding:0 !important; margin:0 !important; } table.position { position: relative; width: 100%; table-layout: fixed; } /* end Page */ /* begin Box, Sheet */ .Sheet { position:relative; z-index:0; margin:0 auto; width: 900px; min-width:35px; min-height:35px; } .Sheet-body { position: relative; z-index:1; padding: 13px; } .Sheet-tr, .Sheet-tl, .Sheet-br, .Sheet-bl, .Sheet-tc, .Sheet-bc,.Sheet-cr, .Sheet-cl { position:absolute; z-index:-1; } .Sheet-tr, .Sheet-tl, .Sheet-br, .Sheet-bl { width: 34px; height: 34px; background-image: url('http://csstasarimm.cs.funpic.org/Demo/Css34/images/Sheet-s.png'); } .Sheet-tl { top:0; left:0; clip: rect(auto, 17px, 17px, auto); } .Sheet-tr { top: 0; right: 0; clip: rect(auto, auto, 17px, 17px); } .Sheet-bl { bottom: 0; left: 0; clip: rect(17px, 17px, auto, auto); } .Sheet-br { bottom: 0; right: 0; clip: rect(17px, auto, auto, 17px); } .Sheet-tc, .Sheet-bc { left: 17px; right: 17px; height: 34px; background-image: url('http://csstasarimm.cs.funpic.org/Demo/Css34/images/Sheet-h.png'); } .Sheet-tc { top: 0; clip: rect(auto, auto, 17px, auto); } .Sheet-bc { bottom: 0; clip: rect(17px, auto, auto, auto); } .Sheet-cr, .Sheet-cl { top: 17px; bottom: 17px; width: 34px; background-image: url('http://csstasarimm.cs.funpic.org/Demo/Css34/images/Sheet-v.png'); } .Sheet-cr { right:0; clip: rect(auto, auto, auto, 17px); } .Sheet-cl { left:0; clip: rect(auto, 17px, auto, auto); } .Sheet-cc { position:absolute; z-index:-1; top: 17px; left: 17px; right: 17px; bottom: 17px; background-image: url('http://csstasarimm.cs.funpic.org/Demo/Css34/images/Sheet-c.png'); } .Sheet { margin-top: -13px !important; } .PageBackgroundSimpleGradient, .PageBackgroundGradient, .PageBackgroundGlare { min-width:900px; } /* end Box, Sheet */ /* begin Header */ div.Header { margin: 0 auto; position: relative; z-index:0; width: 874px; height: 225px; } div.Header-jpeg { position: absolute; z-index:-1; top: 0; left: 0; width: 874px; height: 225px; background-image: url('http://csstasarimm.cs.funpic.org/Demo/Css34/images/Header.jpg'); background-repeat: no-repeat; background-position: center center; } /* end Header */ /* begin Logo */ .logo { display : block; position: absolute; left: 10px; top: 10px; width: 854px; } h1.logo-name { display: block; text-align: left; } h1.logo-name, h1.logo-name a, h1.logo-name a:link, h1.logo-name a:visited, h1.logo-name a:hover { font-family: Arial, Helvetica, Sans-Serif; font-size: 26px; font-style: normal; font-weight: bold; text-decoration: none; padding:0; margin:0; color: #36311B !important; } .logo-text { display: block; text-align: left; } .logo-text, .logo-text a { font-family: Arial, Helvetica, Sans-Serif; font-size: 18px; font-style: normal; font-weight: normal; padding:0; margin:0; color: #0E0C07 !important; } /* end Logo */ /* begin Menu */ /* menu structure */ .artmenu a, .artmenu a:link, .artmenu a:visited, .artmenu a:hover { text-align:left; text-decoration:none; outline:none; letter-spacing:normal; word-spacing:normal; } .artmenu, .artmenu ul { margin: 0; padding: 0; border: 0; list-style-type: none; display: block; } .artmenu li { margin: 0; padding: 0; border: 0; display: block; float: left; position: relative; z-index: 5; background:none; } .artmenu li:hover { z-index: 10000; white-space: normal; } .artmenu li li { float: none; } .artmenu ul { visibility: hidden; position: absolute; z-index: 10; left: 0; top: 0; background:none; } .artmenu li:hover>ul { visibility: visible; top: 100%; } .artmenu li li:hover>ul { top: 0; left: 100%; } .artmenu:after, .artmenu ul:after { content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both; } .artmenu, .artmenu ul { min-height: 0; } .artmenu ul { background-image: url(http://csstasarimm.cs.funpic.org/Demo/Css34/images/spacer.gif); padding: 10px 30px 30px 30px; margin: -10px 0 0 -30px; } .artmenu ul ul { padding: 30px 30px 30px 10px; margin: -30px 0 0 -10px; } /* menu structure */ .artmenu { padding: 12px 6px 0px 6px; } .nav { position: relative; height: 41px; z-index: 100; } .nav .l, .nav .r { position: absolute; z-index: -1; top: 0; height: 41px; background-image: url('http://csstasarimm.cs.funpic.org/Demo/Css34/images/nav.png'); } .nav .l { left: 0; right:0px; } .nav .r { right: 0; width: 874px; clip: rect(auto, auto, auto, 874px); } /* end Menu */ /* begin MenuItem */ .artmenu ul li { clear: both; } .artmenu a { position:relative; display: block; overflow:hidden; height: 29px; cursor: pointer; text-decoration: none; margin-right: 2px; margin-left: 2px; } .artmenu a .r, .artmenu a .l { position:absolute; display: block; height: 87px; background-image: url('http://csstasarimm.cs.funpic.org/Demo/Css34/images/MenuItem.png'); } .artmenu a .l { left:0; right:4px; } .artmenu a .r { width:408px; right:0; clip: rect(auto, auto, auto, 404px); } .artmenu a .t { font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; font-style: normal; font-weight: normal; color: #DDE0DC; padding: 0 19px; margin: 0 4px; line-height: 29px; text-align: center; } .artmenu a:hover .l, .artmenu a:hover .r { top:-29px; } .artmenu li:hover>a .l, .artmenu li:hover>a .r { top:-29px; } .artmenu li:hover a .l, .artmenu li:hover a .r { top:-29px; } .artmenu a:hover .t { color: #232622; } .artmenu li:hover a .t { color: #232622; } .artmenu li:hover>a .t { color: #232622; } .artmenu a.active .l, .artmenu a.active .r { top: -58px; } .artmenu a.active .t { color: #111311; } /* end MenuItem */ /* begin ContentLayout */ .contentLayout { position: relative; margin-bottom: 1px; width: 874px; } /* end ContentLayout */ /* begin Box, Block */ .Block { position:relative; z-index:0; margin:0 auto; min-width:15px; min-height:15px; } .Block-body { position: relative; z-index:1; padding: 7px; } .Block-tr, .Block-tl, .Block-br, .Block-bl, .Block-tc, .Block-bc,.Block-cr, .Block-cl { position:absolute; z-index:-1; } .Block-tr, .Block-tl, .Block-br, .Block-bl { width: 14px; height: 14px; background-image: url('http://csstasarimm.cs.funpic.org/Demo/Css34/images/Block-s.png'); } .Block-tl { top:0; left:0; clip: rect(auto, 7px, 7px, auto); } .Block-tr { top: 0; right: 0; clip: rect(auto, auto, 7px, 7px); } .Block-bl { bottom: 0; left: 0; clip: rect(7px, 7px, auto, auto); } .Block-br { bottom: 0; right: 0; clip: rect(7px, auto, auto, 7px); } .Block-tc, .Block-bc { left: 7px; right: 7px; height: 14px; background-image: url('http://csstasarimm.cs.funpic.org/Demo/Css34/images/Block-h.png'); } .Block-tc { top: 0; clip: rect(auto, auto, 7px, auto); } .Block-bc { bottom: 0; clip: rect(7px, auto, auto, auto); } .Block-cr, .Block-cl { top: 7px; bottom: 7px; width: 14px; background-image: url('http://csstasarimm.cs.funpic.org/Demo/Css34/images/Block-v.png'); } .Block-cr { right:0; clip: rect(auto, auto, auto, 7px); } .Block-cl { left:0; clip: rect(auto, 7px, auto, auto); } .Block-cc { position:absolute; z-index:-1; top: 7px; left: 7px; right: 7px; bottom: 7px; background-color: #F3F1E7; } .Block { margin: 7px; } /* end Box, Block */ /* begin BlockHeader */ .BlockHeader { position:relative; z-index:0; height: 30px; padding: 0 7px; margin-bottom: 7px; } .BlockHeader .t { height: 30px; color: #000000; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; font-style: normal; font-weight: bold; white-space : nowrap; padding: 0 7px; line-height: 30px; } .BlockHeader .l, .BlockHeader .r { display:block; position:absolute; z-index:-1; height: 30px; background-image: url('http://csstasarimm.cs.funpic.org/Demo/Css34/images/BlockHeader.png'); } .BlockHeader .l { left:0; right:6px; } .BlockHeader .r { width:894px; right:0; clip: rect(auto, auto, auto, 888px); } .header-tag-icon { display:inline-block; background-position:left top; background-image: url('http://csstasarimm.cs.funpic.org/Demo/Css34/images/BlockHeaderIcon.png'); padding:0 0 0 21px; background-repeat: no-repeat; min-height: 14px; margin: 0 0 0 5px; } /* end BlockHeader */ /* begin Box, BlockContent */ .BlockContent { position:relative; z-index:0; margin:0 auto; min-width:1px; min-height:1px; } .BlockContent-body { position: relative; z-index:1; padding: 8px; } .BlockContent-body { color:#5C6459; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; font-style: normal; font-weight: normal; } .BlockContent-body a:link { color: #6D6237; font-family: Arial, Helvetica, Sans-Serif; text-decoration: underline; } .BlockContent-body a:visited, .BlockContent-body a.visited { color: #848E80; font-family: Arial, Helvetica, Sans-Serif; text-decoration: underline; } .BlockContent-body a:hover, .BlockContent-body a.hover { color: #BB991B; font-family: Arial, Helvetica, Sans-Serif; text-decoration: none; } .BlockContent-body ul { list-style-type: none; color: #232622; margin:0; padding:0; } .BlockContent-body li { font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; text-decoration: none; } .BlockContent-body ul li { padding:0px 0 0px 13px; background-image: url('http://csstasarimm.cs.funpic.org/Demo/Css34/images/BlockContentBullets.png'); background-repeat:no-repeat; margin:0.5em 0 0.5em 0; line-height:1.2em; } /* end Box, BlockContent */ /* begin Box, Post */ .Post { position:relative; z-index:0; margin:0 auto; min-width:1px; min-height:1px; } .Post-body { position: relative; z-index:1; padding: 10px; } .Post { margin: 10px; } /* Start images */ a img { border: 0; } .article img, img.article { border: solid 1px #B7A971; margin: 1em; } .metadata-icons img { border: none; vertical-align: middle; margin:2px; } /* Finish images */ /* Start tables */ .article table, table.article { border-collapse: collapse; margin: 1px; width:auto; } .article table, table.article .article tr, .article th, .article td { background-color:Transparent; } .article th, .article td { padding: 2px; border: solid 1px #C7BC8F; vertical-align: top; text-align:left; } .article th { text-align:center; vertical-align:middle; padding: 7px; } /* Finish tables */ /* end Box, Post */ /* begin PostHeaderIcon */ .PostHeaderIcon-wrapper { text-decoration:none; margin: 0.2em 0; padding: 0; font-weight:normal; font-style:normal; letter-spacing:normal; word-spacing:normal; font-variant:normal; text-decoration:none; font-variant:normal; text-transform:none; text-align:left; text-indent:0; line-height:inherit; font-family: Arial, Helvetica, Sans-Serif; font-size: 22px; font-style: normal; font-weight: bold; text-align: left; color: #2A2E29; } .PostHeaderIcon-wrapper, .PostHeaderIcon-wrapper a, .PostHeaderIcon-wrapper a:link, .PostHeaderIcon-wrapper a:visited, .PostHeaderIcon-wrapper a:hover { font-family: Arial, Helvetica, Sans-Serif; font-size: 22px; font-style: normal; font-weight: bold; text-align: left; color: #2A2E29; } /* end PostHeaderIcon */ /* begin PostHeader */ .PostHeader a:link { font-family: Arial, Helvetica, Sans-Serif; text-decoration: none; text-align: left; color: #4B4326; } .PostHeader a:visited, .PostHeader a.visited { font-family: Arial, Helvetica, Sans-Serif; text-decoration: none; text-align: left; color: #484E46; } .PostHeader a:hover, .PostHeader a.hovered { font-family: Arial, Helvetica, Sans-Serif; text-decoration: none; text-align: left; color: #AE8E19; } /* end PostHeader */ /* begin PostMetadata */ .PostMetadataHeader { padding:1px; background-color: #E9E4D3; border-color: #D4CCAA; border-style: solid; border-width: 1px; } /* end PostMetadata */ /* begin PostIcons */ .PostHeaderIcons { padding:1px; } .PostHeaderIcons, .PostHeaderIcons a, .PostHeaderIcons a:link, .PostHeaderIcons a:visited, .PostHeaderIcons a:hover { font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; color: #2F332E; } .PostHeaderIcons a, .PostHeaderIcons a:link, .PostHeaderIcons a:visited, .PostHeaderIcons a:hover { margin:0; } .PostHeaderIcons a:link { font-family: Arial, Helvetica, Sans-Serif; text-decoration: underline; color: #625932; } .PostHeaderIcons a:visited, .PostHeaderIcons a.visited { font-family: Arial, Helvetica, Sans-Serif; text-decoration: underline; color: #484E46; } .PostHeaderIcons a:hover, .PostHeaderIcons a.hover { font-family: Arial, Helvetica, Sans-Serif; text-decoration: none; color: #AE8E19; } /* end PostIcons */ /* begin PostContent */ /* Content Text Font & Color (Default) */ body { font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; font-style: normal; font-weight: normal; color: #393E37; } .PostContent { font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; font-style: normal; font-weight: normal; text-align: justify; color: #393E37; } /* Start Content link style */ /* The right order of link pseudo-classes: Link-Visited-Hover-Focus-Active. http://www.w3schools.com/CSS/css_pseudo_classes.asp http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states/ */ a { font-family: Arial, Helvetica, Sans-Serif; text-decoration: underline; color: #847743; } /* Adds special style to an unvisited link. */ a:link { font-family: Arial, Helvetica, Sans-Serif; text-decoration: underline; color: #847743; } /* Adds special style to a visited link. */ a:visited, a.visited { font-family: Arial, Helvetica, Sans-Serif; text-decoration: underline; color: #2F332E; } /* :hover - adds special style to an element when you mouse over it. */ a:hover, a.hover { font-family: Arial, Helvetica, Sans-Serif; text-decoration: none; color: #AE8E19; } /* Finish Content link style */ /* Resert some headings default style & links default style for links in headings*/ h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { font-weight: normal; font-style: normal; text-decoration: none; } /* Start Content headings Fonts & Colors */ h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover { font-family: Arial, Helvetica, Sans-Serif; font-size: 28px; font-style: normal; font-weight: bold; text-align: left; color: #484E46; } h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover { font-family: Arial, Helvetica, Sans-Serif; font-size: 22px; font-style: normal; font-weight: bold; text-align: left; color: #61695D; } h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover { font-family: Arial, Helvetica, Sans-Serif; font-size: 18px; font-style: normal; font-weight: bold; text-align: left; color: #847743; } h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover { font-family: Arial, Helvetica, Sans-Serif; font-size: 16px; font-style: normal; font-weight: bold; text-align: left; color: #484E46; } h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover { font-family: Arial, Helvetica, Sans-Serif; font-size: 14px; font-style: normal; font-weight: bold; text-align: left; color: #484E46; } h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover { font-family: Arial, Helvetica, Sans-Serif; font-size: 14px; font-style: normal; font-weight: bold; text-align: left; color: #484E46; } /* Finish Content headings Fonts & Colors */ /* end PostContent */ /* begin PostBullets */ /* Start Content list */ ol, ul { color: #2A2E29; margin:1em 0 1em 2em; padding:0; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; } li ol, li ul { margin:0.5em 0 0.5em 2em; padding:0; } li { margin:0.2em 0; padding:0; } ul { list-style-type: none; } ol { list-style-position:inside; } .Post li { padding:0px 0 0px 13px; line-height:1.2em; } .Post ol li, .Post ul ol li { background: none; padding-left:0; } .Post ul li, .Post ol ul li { background-image: url('http://csstasarimm.cs.funpic.org/Demo/Css34/images/PostBullets.png'); background-repeat:no-repeat; padding-left:13px; } /* Finish Content list */ /* end PostBullets */ /* begin PostQuote */ /* Start blockquote */ blockquote p { color:#0F100E; font-family: Arial, Helvetica, Sans-Serif; font-style: italic; font-weight: normal; text-align: left; } blockquote { border:solid 1px #D4CCAA; margin:10px 10px 10px 50px; padding:5px 5px 5px 41px; background-color:#E9E4D3; background-image:url('http://csstasarimm.cs.funpic.org/Demo/Css34/images/PostQuote.png'); background-position:left top; background-repeat:no-repeat; } /* Finish blockuote */ /* end PostQuote */ /* begin PostMetadata */ .PostMetadataFooter { padding:1px; background-color: #E9E4D3; border-color: #D4CCAA; border-style: solid; border-width: 1px; } /* end PostMetadata */ /* begin PostIcons */ .PostFooterIcons { padding:1px; } .PostFooterIcons, .PostFooterIcons a, .PostFooterIcons a:link, .PostFooterIcons a:visited, .PostFooterIcons a:hover { font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; text-decoration: none; color: #2F332E; } .PostFooterIcons a, .PostFooterIcons a:link, .PostFooterIcons a:visited, .PostFooterIcons a:hover { margin:0; } .PostFooterIcons a:link { font-family: Arial, Helvetica, Sans-Serif; text-decoration: underline; color: #625932; } .PostFooterIcons a:visited, .PostFooterIcons a.visited { font-family: Arial, Helvetica, Sans-Serif; text-decoration: underline; color: #484E46; } .PostFooterIcons a:hover, .PostFooterIcons a.hover { font-family: Arial, Helvetica, Sans-Serif; text-decoration: none; color: #AE8E19; } /* end PostIcons */ /* begin Button */ .Button { display:inline-block; width: auto; outline:none; border:none; background:none; line-height:34px; margin:0; padding:0; overflow: visible; cursor: default; text-decoration: none !important; z-index:0; } .Button .btn { display:block; position:relative; float:left; height: 34px; overflow:hidden; white-space: nowrap; width: auto; color: #000000; } .Button .btn .t { display:block; height: 34px; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; font-style: normal; font-weight: normal; white-space: nowrap; text-align: left; padding: 0 21px; line-height: 34px; text-decoration: none !important; } input, select { font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; font-style: normal; font-weight: normal; } .Button .hover, .Button:hover { color: #000000; text-decoration: none !important; } .Button .active { color: #FCF9ED; } .Button .btn .l, .Button .btn .r { display:block; position:absolute; z-index:-1; height: 102px; background-image: url('http://csstasarimm.cs.funpic.org/Demo/Css34/images/Button.png'); } .Button .btn .l { left:0; right:11px; } .Button .btn .r { width:411px; right:0; clip: rect(auto, auto, auto, 400px); } .Button .btn.hover .l, .Button .btn.hover .r, .Button .btn:hover .l, .Button .btn:hover .r { top: -34px; } .Button .btn.active .l, .Button .btn.active .r { top: -68px; } /* end Button */ /* begin Footer */ .Footer { position:relative; z-index:0; overflow:hidden; width: 874px; margin: 5px auto 0px auto; } .Footer .Footer-inner { height:1%; position: relative; z-index: 0; padding: 8px; text-align: center; } .Footer .Footer-background { position:absolute; z-index:-1; background-repeat:no-repeat; background-image: url('http://csstasarimm.cs.funpic.org/Demo/Css34/images/Footer.png'); width: 874px; height: 150px; bottom:0; left:0; } .rss-tag-icon { position: relative; display:block; float:left; background-image: url('http://csstasarimm.cs.funpic.org/Demo/Css34/images/rssIcon.png'); background-position: center right; background-repeat: no-repeat; margin: 0 5px 0 0; height: 25px; width: 25px; } .Footer .Footer-text p { margin: 0; } .Footer .Footer-text { display:inline-block; color:#221F11; font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; } .Footer .Footer-text a:link { text-decoration: none; color: #665C33; font-family: Arial, Helvetica, Sans-Serif; text-decoration: underline; } .Footer .Footer-text a:visited { text-decoration: none; color: #191B18; font-family: Arial, Helvetica, Sans-Serif; text-decoration: underline; } .Footer .Footer-text a:hover { text-decoration: none; color: #866D13; font-family: Arial, Helvetica, Sans-Serif; text-decoration: none; } /* end Footer */ /* begin PageFooter */ .page-footer, .page-footer a, .page-footer a:link, .page-footer a:visited, .page-footer a:hover { font-family:Arial; font-size:10px; letter-spacing:normal; word-spacing:normal; font-style:normal; font-weight:normal; text-decoration:underline; color:#B3911A; } .page-footer { margin:1em; text-align:center; text-decoration:none; color:#887A44; } /* end PageFooter */ /* begin LayoutCell */ .contentLayout .content { position: relative; margin: 0; padding: 0; border: 0; float: left; overflow: hidden; width: 655px; } .contentLayout .content-wide { position: relative; margin: 0; padding: 0; border: 0; float: left; overflow: hidden; width: 873px; } /* end LayoutCell */ /* begin LayoutCell */ .contentLayout .sidebar1 { position: relative; margin: 0; padding: 0; border: 0; float: left; overflow: hidden; width: 218px; } /* end LayoutCell */ .commentlist, .commentlist li { background: none; } .commentlist li li { margin-left:30px; } .commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; margin:1px; background: #fff; } .commentlist li cite { font-size:1.2em; } #commentform textarea { width: 100%; } img.wp-smiley { border:none; margin:0; padding:0; } .navigation { display: block; text-align: center; } /* Recommended by http://codex.wordpress.org/CSS */ /* Begin */ .aligncenter, div.aligncenter, .article .aligncenter img, .aligncenter img.article, .aligncenter img, img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right; } .alignright img, img.alignright { margin: 1em; margin-right: 0; } .alignleft img, img.alignleft { margin: 1em; margin-left: 0; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } /* End */ .hidden { display: none; } /* Calendar */ #wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } #wp-calendar a { display: block; } #wp-calendar caption { text-align: center; width: 100%; } #wp-calendar td { padding: 3px 0; text-align: center; }
Menü
Link Ekle
İletişim
Amacımız
Özel Tasarım
Şifremi Unuttum?
Siteniz için
Tasarimlar
İceblue Tasarim
Red Tasarimları
Butterfly Tasarimlari
CSS Design
Yeni Tasarımlar
Üyeler
krhn1907
(yeni üye)
0nyixaKinq
(yeni üye)
soylu-mobilya
(yeni üye)
Mc-Erdem
(eski üye)
Cheebeq
(yeni üye)
Hepsini Göster>>
(48 üye)
Bu web sitesi ücretsiz olarak
Bedava-Sitem.com
ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol