Bu Site Hacklenmiştir.
Ana Sayfa
İletişim
Ziyaretçi defteri
red tasarımlar
iceblue
css1
css2
css3
css4
css5
css6
css7
css 8
css9
css 10
css 11
css12
css 13
css 14
css15
css 16
css 17
css 18
Yeni sayfanın başlığı
deneme
css5
<= T
asarimin Üzerine =>
<div id="containerr"> <div id="header"> <div> <h1><a href="index.html">M<span>ETPLATE</span></a></h1> <ul> <li class="blank"> <a href="index.html" class="on"><span>Home</span></a> </li> <li> <a href="about.html"><span>About</span></a> </li> <li> <a href="contact.html"><span>Contact</span></a> </li> </ul> </div> </div> <div id="banner"> <div id="image"> <div> <h4>kralcss.tr.gg</h4> <p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce ut dolor. Morbi consectetuer. Curabitur erat sapien, fermentum ut, feugiat vitae, aliquet at, eros. </p> <p> Phasellus volutpat enim sed diam. Vestibulum orci urna, adipiscing nec, bibendum vitae, elementum at, est. Sed ac arcu pulvinar lacus dignissim lobortis. Integer dolor nulla, convallis a, pharetra vitae, auctor vel, metus. </p> </div> </div> </div> <div id="contennt"> <div> <div id="leftColumn"> <h3>kral css</h3>
<=
T
asarimin ALtına
=>
</div> <div id="rightColumn"> <div class="divider"> <h3>Weblog</h3> <ul class="listText"> <li> <a href="index.html">Lorem ipsum dolor sit amet...</a> </li> <li> <a href="index.html">Lorem ipsum dolor sit amet dolor...</a> </li> <li> <a href="index.html">Lorem ipsum dolor sit amet dolor sit ...</a> </li> </ul> </div> <div class="divider"> <h3>Testimonials</h3> <blockquote> <div class="quote"> Tristique non, molestie ut, rutrum quis, erat. Tristique non, molestie ut, rutrum quis, erat. Duis a tellus. </div> </blockquote> </div> <h3>Services</h3> <ul class="listTick"> <li> <a href="index.html">Lorem</a> </li> <li> <a href="index.html">Ipsum</a> </li> <li> <a href="index.html">Dolor</a> </li> </ul><span class="rightGlow"> </span> </div> </div> </div> <div id="subFooter"> <div> <div class="leftBox"> <h4>Lorem Ipsum</h4> <p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus molestie hendrerit turpis. Mauris sit amet orci. Fusce a risus eu urna aliquam pellentesque. Sed vulputate tellus eu dolor. Fusce ac leo ac tortor suscipit rutrum. Duis a tellus. In vitae purus nec sapien porttitor accumsan. </p> <h3>Lorem Ipsum Dolor,Vivamus volutpat, tortor et pulvinar ornare.</h3> </div> <div class="box"> <div> <table width="425" border="0" summary="Table for random data"> <caption>Package Prices</caption> <thead> <tr> <th scope="col" class="first">Lorem</th> <th scope="col">Ipsum</th> <th scope="col">Dolor</th> <th scope="col">Sit</th> </tr> </thead> <tfoot> <tr> <td colspan="4"><a href="index.html">Buy Now!</a></td> </tr> </tfoot> <tbody> <tr> <td class="first">Amet</td> <td>Consecteteur</td> <td>Adipiscing</td> <td>Elit</td> </tr> </tbody> </table> </div> </div><span class="subFooterGlow"> </span> </div> </div> <div id="footer"> <div> <div class="footerGlow"> </div> <ul> <li> <a href="index.html">Home</a> / </li> <li> <a href="about.html">About</a> / </li> <li> <a href="contact.html">Contact</a> </li> </ul> <span>© Copyright 2008</span> <p class="right"> Design by <a href="http://www.kralcss.tr.gg">kralcss</a> </p> </div> </div> </div>
<= Css Kod Bölümüne
=>
h1#title{display: none;} h4#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} /* IE6 Styling */ * html #banner div{color:#fff} * html #contennt #leftColumn .leftGlow{background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.opendesigns.org/designs/1811/img/glow.png", sizingMethod="crop");zoom:1} * html #contennt #rightColumn{height:512px} * html #contennt #rightColumn .rightGlow{background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.opendesigns.org/designs/1811/img/glow_right.png", sizingMethod="crop");zoom:1} * html #details li.address{background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.opendesigns.org/designs/1811/img/book_addresses.png", sizingMethod="crop");zoom:1} * html #details li.email{background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.opendesigns.org/designs/1811/img/email.png", sizingMethod="crop");zoom:1} * html #details li.name{background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.opendesigns.org/designs/1811/img/16-member.png", sizingMethod="crop");zoom:1} * html #details li.phone{background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.opendesigns.org/designs/1811/img/phone.png", sizingMethod="crop");zoom:1} * html #footer{height:150px} * html #footer .footerGlow{background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.opendesigns.org/designs/1811/img/footer_glow.png", sizingMethod="crop");zoom:1} * html #header li{white-space:no-wrap;width:1%} * html #header li a{cursor:pointer;position:relative} * html #header li a span{cursor:pointer;padding-left:30px;position:relative} * html #header li a span,#header li a:hover span,#header li a.on span,#header li a.on:hover span{background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.opendesigns.org/designs/1811/img/button_right.png", sizingMethod="crop");zoom:1} * html #header li a,#header li a:hover,#header li a.on,#header li a.on:hover,h3 span{background-image:none} * html #leftColumn form{padding-bottom:20px} * html #login{background-color:#000} * html #rightColumn ul.listText li{background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.opendesigns.org/designs/1811/img/script.png", sizingMethod="crop");zoom:1} * html #rightColumn ul.listTick li{background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.opendesigns.org/designs/1811/img/bullet_tick.png", sizingMethod="crop");zoom:1} * html #subFooter .box{background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.opendesigns.org/designs/1811/img/subFooter_box.png", sizingMethod="crop");zoom:1} * html #subFooter .subFooterGlow{background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.opendesigns.org/designs/1811/img/subFooter_glow.png", sizingMethod="crop");left:-175px;padding-left:0;padding-right:0;position:absolute;width:1090px;zoom:1} * html .banner a{background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.opendesigns.org/designs/1811/img/content_imageborder.png", sizingMethod="crop");zoom:1} * html .loginBar{height:1px;width:810px} * html .loginBar button.loginbtn img,a.loginbtn img,#contact button.btn img,a.btn img{background-image:none;display:none;zoom:1} * html .loginBar button.loginbtn,a.loginbtn,#contact button.btn,a.btn{background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.opendesigns.org/designs/1811/img/login_button.png", sizingMethod="crop");zoom:1} * html .loginBar fieldset,#leftColumn fieldset{border:0} * html div{zoom:1} /*----------------------------------------------------------------------------- Metplate Style Sheet website: http://www.kralcss.tr.gg ----------------------------------------------------------------------------- General ----------------------------------------------------------------------------- Class for clearing floats */ .clear { clear:both } #subFooter div:after,#header div:after { clear:both; contennt:"."; display:block; height:0; visibility:hidden } /* Remove border around linked images */ img { border:0 } #containerr { background:url(http://www.opendesigns.org/designs/1811/img/body_bg.jpg) repeat-y 50% 0; margin:0 auto; min-height:600px; min-width:975px; padding:0; position:relative; width:100% } .left { float:left } .right { float:right } a { color:#8996A9; text-decoration:none } a:hover { text-decoration:underline } /* Set fixed width of central column */ #header div,#login div,#contennt div,#subFooter div,#footer div { margin:0 auto; position:relative; width:925px } /* Remove fixed width for nested divs */ #header div div,#login div div,#contennt div div,#subFooter div div,#footer div div,#contennt div div { margin:0 auto; width:auto } /* Typography -----------------------------------------------------------------------------*/ html { font-size:76% } body { font-family:"Myriad Pro", "Trebuchet MS", Tahoma, Verdana, sans-serif; font-size:1em; margin:0; padding:0 } /* Headings -----------------------------------------------------------------------------*/ #header { background:#BCC6D0 url(http://www.opendesigns.org/designs/1811/img/header_bg.jpg) repeat-x; border-bottom:1px solid #fff; padding:70px 0; } #header h1 a { color:#000; float:left; font-size:50px; text-decoration:none } #header h1 a span { font-size:.8em } h1,h4,h3,h4,ul { margin:0 } /* Banner -----------------------------------------------------------------------------*/ #banner { background:#000 url(http://www.opendesigns.org/designs/1811/img/banner_bg.jpg) repeat-x; color:#fff; font-size:1.1em } #banner #image { background:url(http://www.opendesigns.org/designs/1811/img/banner_image.jpg) no-repeat center top; padding:70px 600px 90px 0; z-index:1 } #banner div div { margin:0 auto; padding:0 0 0 80px; position:relative; width:325px } #banner * { position:relative; z-index:2 } #banner h4 { font-size:2.5em; font-style:italic; font-weight:400 } /* Main Nav -----------------------------------------------------------------------------*/ #header ul { color:#fff; float:right; font-weight:400; list-style-type:none; padding:0 } #header li { float:left; font-size:1.3em; padding:10px 0 0 60px } #header li.blank { padding-left:0 } #header li a { background:url(http://www.opendesigns.org/designs/1811/img/button_left.png) no-repeat left top; color:#fff; cursor:pointer; display:block; height:43px; overflow:hidden; padding-left:27px; text-decoration:none } #header li a span { background:url(http://www.opendesigns.org/designs/1811/img/button_right.png) no-repeat right top; cursor:pointer; display:block; height:43px; line-height:33px; overflow:hidden; padding:6px 30px 5px 7px } #header li a:hover { background:url(http://www.opendesigns.org/designs/1811/img/button_left.png) no-repeat 0 -43px } #header li a:hover span { background:url(http://www.opendesigns.org/designs/1811/img/button_right.png) no-repeat 100% -43px } #header li a.on,#header li a.on:hover { background:url(http://www.opendesigns.org/designs/1811/img/button_left.png) no-repeat 0 -86px } #header li a.on span,#header li a.on:hover span { background:url(http://www.opendesigns.org/designs/1811/img/button_right.png) no-repeat 100% -86px } /* Login Bar -----------------------------------------------------------------------------*/ #login { background:url(http://www.opendesigns.org/designs/1811/img/login_bg.jpg) repeat-x; height:64px } .loginBar { padding:10px 0 0 9.17em; position:relative } .loginBar legend span { color:#fff; font-size:4em; left:0; position:absolute; top:0 } .loginBar input { font-family:"Myriad Pro", "Lucida Grande", "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif; font-size:1.9em; height:auto; margin:0 0 0 20px; padding:5px; vertical-align:top; width:275px } .loginBar input:focus { border:4px solid #8996A9; padding:2px } .loginBar p { float:left; height:1%; margin:10px 0 5px } .loginBar p:after { clear:both; contennt:"."; display:block; font-size:0; height:0; visibility:hidden } .loginBar p label { display:block; float:left; margin-right:30px; width:15% } .loginBar button.loginbtn { margin-left:13px } .loginBar button.loginbtn,a.loginbtn,#contact button.btn,a.btn { background:url(http://www.opendesigns.org/designs/1811/img/login_button.png) no-repeat; border:none; color:#000; cursor:pointer; font-family:"Trebuchet MS", Tahoma, Verdana, sans-serif; font-size:.85em; font-weight:400; overflow:visible; padding:12px 4px 13px 7px; text-decoration:none; width:77px } .loginBar button.loginbtn a { color:#000 } .loginBar button.loginbtn img,a.loginbtn img,#contact button.btn img,#contact a.btn img { border:none; height:16px; margin:0 3px -3px 0; padding:0; width:16px } /* Main Contennt -----------------------------------------------------------------------------*/ #contennt { background:url(http://www.opendesigns.org/designs/1811/img/content_bg.jpg) repeat-x; min-height:450px; } #contennt #rightColumn *,#contennt #leftColumn * { position:relative; z-index:2 } #contennt #leftColumn .leftGlow { background:url(http://www.opendesigns.org/designs/1811/img/glow.png) no-repeat; left:0; padding:175px 302.5px; position:absolute; top:0; z-index:1 } #contennt a { color:#DEE1E7 } #contennt #leftColumn { background:#a2abb9 url(http://www.opendesigns.org/designs/1811/img/content_div.jpg) no-repeat 3%; float:left; min-height:480px; padding:15px 25px 15px 40px; width:540px } #leftColumn h3 { color:#586579; font-size:2.2em; font-weight:400; padding:10px 0 } #contennt .banner a { background:url(http://www.opendesigns.org/designs/1811/img/content_imageborder.png) no-repeat; border:none; color:#000; display:block; height:34px; padding:20px 20px 20px 150px; width:348px } .banner { background:url(http://www.opendesigns.org/designs/1811/img/content_image.jpg) no-repeat 7px 7px; z-index:2 } .banner span { bottom:3px; color:#fff; position:absolute !important; right:25px } /* About Page */ #leftColumn .aboutImage { float:left; padding:0 20px 10px 0 } #leftColumn ul { padding-left:25px } /* Secondary Contennt -----------------------------------------------------------------------------*/ #contennt #rightColumn { background:#000; color:#fff; float:right; min-height:480px; padding:15px; width:290px } #contennt #rightColumn .rightGlow { background:url(http://www.opendesigns.org/designs/1811/img/glow_right.png) no-repeat; left:0; padding:175px 160px; position:absolute; top:0; z-index:1 } #rightColumn h3 { font-size:1.6em; font-weight:400; padding:10px 0 8px 15px } #rightColumn ul.listText,#rightColumn ul.listTick,#rightColumn p { list-style-type:none; margin:10px 0 10px 15px; padding:0; position:relative; z-index:2 } #rightColumn ul.listText li { background:url(http://www.opendesigns.org/designs/1811/img/script.png) no-repeat left center; padding:5px 0 10px 30px; position:relative; z-index:2 } #rightColumn .divider { background:url(http://www.opendesigns.org/designs/1811/img/content_right_div.jpg) no-repeat center bottom; margin-bottom:15px; padding:0 0 30px } .quote { background:transparent url(http://www.opendesigns.org/designs/1811/img/quote_right.jpg) no-repeat 100% 100%; padding-right:20px } blockquote { background:url(http://www.opendesigns.org/designs/1811/img/quote_left.jpg) no-repeat 0 0; margin:15px; padding:0 30px } #rightColumn ul.listTick li { background:url(http://www.opendesigns.org/designs/1811/img/bullet_tick.png) no-repeat left center; font-weight:700; padding:5px 0 10px 30px } /* Contact Page */ #details { float:left; font-size:1.1em; list-style-type:none; padding:20px } #details li { padding:10px 10px 10px 30px } #details li.name { background:url(http://www.opendesigns.org/designs/1811/img/16-member.png) no-repeat left center } #details li.address { background:url(http://www.opendesigns.org/designs/1811/img/book_addresses.png) no-repeat left center } #details li.email { background:url(http://www.opendesigns.org/designs/1811/img/email.png) no-repeat left center } #details li.phone { background:url(http://www.opendesigns.org/designs/1811/img/phone.png) no-repeat left center } /* Sub Footer -----------------------------------------------------------------------------*/ #subFooter { background:#363c44 url(http://www.opendesigns.org/designs/1811/img/subFooter_bg.jpg) repeat-x; border-bottom:1px solid #42474c; border-top:1px solid #333; clear:both; min-height:264px } #subFooter .leftBox { float:left; padding:40px 0; width:410px } #subFooter * { z-index:2 } #subFooter .leftBox a { color:#000; float:right; font-style:italic } #subFooter .leftBox h4 { font-size:1.3em } #subFooter .leftBox h3 { font-size:1.5em } #subFooter .leftBox p { border-bottom:1px solid #000; padding-bottom:10px } #subFooter .box { background:url(http://www.opendesigns.org/designs/1811/img/subFooter_box.png) no-repeat; float:right; margin-top:18px; padding:35px 0 50px; width:506px; z-index:2 } #subFooter .box div { padding:0 35px } #subFooter .box h3,table tfoot tr td a { color:#000; font-size:1.5em; font-weight:700; padding-top:5px; text-align:right } #subFooter .subFooterGlow { background:url(http://www.opendesigns.org/designs/1811/img/subFooter_glow.png) no-repeat; left:0; padding:163px 475px; position:absolute; top:0; z-index:1 } /* Footer -----------------------------------------------------------------------------*/ #footer { background:#000 url(http://www.opendesigns.org/designs/1811/img/footer_bg.jpg) repeat-x; min-height:140px } #footer .footerGlow { background:url(http://www.opendesigns.org/designs/1811/img/footer_glow.png) no-repeat; left:100px; padding:62.5px 357.5px; position:absolute; top:0; z-index:0 } #footer ul { color:#363a42; float:left; font-size:.8em; font-weight:400; list-style-type:none; margin-top:45px; padding:0; position:relative; top:9px; z-index:1 } #footer li { float:left; font-size:1.3em; padding:10px } #footer li a { color:#363a42; margin-right:20px; text-decoration:none } #footer li a:hover { color:#8996A9 } #footer span { color:#363a42; margin-top:57px; padding-top:8px; position:absolute; right:0; top:0; z-index:1 } #footer p.right { border-top:1px solid #363a42; color:#363a42; padding-top:10px; text-align:right; width:925px; z-index:1 } /* Forms ----------------------------------------------------------------------------- Removes fieldset borders */ fieldset { border:1px solid transparent; margin:0; padding:0 } #contact legend { display:none } #contact label { display:block } #contact input { width:420px } /* Tables -----------------------------------------------------------------------------*/ table { border-collapse:collapse; border-spacing:0 } caption { font-size:1.5em; font-weight:700; padding:0 0 10px; text-align:left } table thead th { border-bottom:1px solid #222; font-size:1.1em; font-weight:400 } table tbody td { font-size:1.1em; font-weight:400; text-align:center } table tbody td,table thead th { border-left:1px solid #222; padding:18px } table .first { border-left:0 } table tfoot td { padding:7px 0 0; text-align:right } table td:hover,thead th:hover,tfoot td a:hover { color:#8996A9; cursor:pointer }
Bu web sitesi ücretsiz olarak
Bedava-Sitem.com
ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol