Msn Chat - Tasarim Kodlari

Tasarim Kodlari

Bu Artistic Free Css Tasarımı Sitenize Uygulamak İçin Önizleme

Tasarımın Üstüne

<div id="header"> <h1><a href="#" _fcksavedurl="#">Artistic</a></h1> <h2><a href="http://www.freecsstemplates.org/" _fcksavedurl="http://www.freecsstemplates.org/">By Free CSS Templates</a></h2> </div> <div id="page"> <div id="content">

Tasarımn Altına

</div>  <div id="sidebar"> <ul> <li> <h2>Search</h2> <form method="get" action=""> <fieldset> <input type="text" id="s" name="s" value="" /> <br /> <input name="submit" type="submit" id="searchsubmit" value="Search" /> </fieldset> </form> </li> <li> <h2>Archives</h2> <ul> <li><a href="#" _fcksavedurl="#">August 2007</a> (1)</li> <li><a href="#" _fcksavedurl="#">July 2007</a> (31)</li> <li><a href="#" _fcksavedurl="#">June 2007</a> (30)</li> <li><a href="#" _fcksavedurl="#">May 2007</a> (31)</li> <li><a href="#" _fcksavedurl="#">April 2007</a> (30)</li> </ul> </li> <li> <h2>Categories</h2> <ul> <li><a href="#" _fcksavedurl="#">Ut semper vestibulum</a> (32)</li> <li><a href="#" _fcksavedurl="#">Vestibulum luctus</a> (19)</li> <li><a href="#" _fcksavedurl="#">Integer rutrum nisl</a> (33)</li> <li><a href="#" _fcksavedurl="#">Etiam malesuada</a> (12)</li> <li><a href="#" _fcksavedurl="#">Aenean elementum</a> (41)</li> <li><a href="#" _fcksavedurl="#">Ut tincidunt elit</a> (18)</li> <li><a href="#" _fcksavedurl="#">Sed quis odio</a> (30)</li> </ul> </li> </ul> </div>  <div style="clear: both;"> </div> </div>  <div id="footer"> <p id="legal">©2007 Artistic. All Rights Reserved. Designed by <a href="http://www.freecsstemplates.org/" _fcksavedurl="http://www.freecsstemplates.org/">Free CSS Templates</a></p> <p id="links"><a href="#" _fcksavedurl="#">Privacy</a> | <a href="#" _fcksavedurl="#">Terms</a> | <a href="http://validator.w3.org/check/referer" _fcksavedurl="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional"><abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a> | <a href="http://jigsaw.w3.org/css-validator/check/referer" _fcksavedurl="http://jigsaw.w3.org/css-validator/check/referer" title="This page validates as CSS"><abbr title="Cascading Style Sheets">CSS</abbr></a></p> </div>

Css Koduna

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;} body { margin: 20px 0; padding: 0; background: #4C4C4C; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #6C7496; } h1, h2, h3 { margin-top: 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; color: #846CCB; } h1 { letter-spacing: -1px; font-size: 2.4em; } h2 { font-size: 1.8em; } h3 { font-size: 1.2em; font-weight: bold; } p, ul, ol { margin-bottom: 1.8em; line-height: 2em; } p { } blockquote { font-style: italic; } ul { } ol { } a { text-decoration: none; border-bottom: 1px solid #BFC6E3; color: #145BF9; } a:hover { border: none; } small { } hr { display: none; } img { border: none; } img.left { float: left; margin: 0 15px 0 0; } img.right { float: left; margin: 0 0 0 15px; } /* Header */ #header { width: 775px; height: 237px; margin: 0 auto; background: url(http://www.freecsstemplates.org/templates/previews/artistic/images/img01.jpg); } #header h1, #header h2 { float: left; margin: 0; } #header h1 { padding: 155px 0 0 20px; letter-spacing: 5px; font-size: 3em; } #header h2 { padding: 175px 0 0 5px; font-size: 1.4em; } #header a { border: none; color: #FFFFFF; } /* Page */ #page { width: 770px; margin: 0 auto; background: #FFFFFF url(http://www.freecsstemplates.org/templates/previews/artistic/images/img02.gif) repeat-x; border-right: 5px solid #414141; } /* Content */ #content { float: left; width: 460px; padding: 30px 20px; } /* Post */ .post { margin-bottom: 2em; } .post .title { margin: 0; } .post .title a { border: none; color: #846CCB; } .post .title a:hover { color: #145BF9; } .post .date { margin: 0 0 2em 0; font-size: .7em; } .post .entry { } .post .meta { padding: 5px 20px; background: #ABE0CC; color: #1451F4; } .post .meta a { color: #1451F4; } /* Sidebar */ #sidebar { float: right; width: 240px; padding: 40px 20px 0 0; color: #FFFFFF; } #sidebar ul { margin: 0; padding: 0; list-style: none; } #sidebar li { margin-bottom: 10px; background: #FF8DF0; } #sidebar li ul { padding: 15px; } #sidebar li li { margin: 0; } #sidebar li h2 { margin: 0; padding: 5px 15px; background: #FF5DDA; font-size: 1.4em; color: #FFFFFF; } #sidebar a { border: none; color: #FFFFFF; } #sidebar form { margin: 0; padding: 15px; } #sidebar fieldset { border: none; } #sidebar input { font: normal 1em Verdana, Arial, Helvetica, sans-serif; } #sidebar #s { width: 190px; } /* Footer */ #footer { width: 775px; margin: 0 auto; padding: 15px 0; background: url(http://www.freecsstemplates.org/templates/previews/artistic/images/img03.gif) no-repeat; } #footer p { margin: 0; line-height: normal; font-size: .8em; color: #999999; } #footer a { border: none; font-weight: bold; color: #999999; } #footer a:hover { color: #FFFFFF; }

Bu Vertical Free Css Tasarımı Sitenize Uygulamak İçin Önizleme

Tasarımın Üstüne

<div id="wrapper">  <div id="header"> <div id="logo"> <h1><a href="#" _fcksavedurl="#">Vertical<sup></sup></a></h1> <h2>Designed by FreeCSSTemplates</h2> </div> <div id="menu"> <ul> <li class="active"><a href="#" _fcksavedurl="#">homepage</a></li> <li><a href="#" _fcksavedurl="#">photo gallery</a></li> <li><a href="#" _fcksavedurl="#">about us</a></li> <li><a href="#" _fcksavedurl="#">links</a></li> <li><a href="#" _fcksavedurl="#">contact us</a></li> </ul> </div> </div>   <div id="page">  <div id="content">

Tasarımn Altına

</div>   <div id="sidebar"> <ul> <li id="search"> <h2><b class="text1">Search</b></h2> <form method="get" action=""> <fieldset> <input type="text" id="s" name="s" value="" /> <input type="submit" id="x" value="Search" /> </fieldset> </form> </li> <li> <h2><b>Lorem</b> Ipsum</h2> <ul> <li><a href="#" _fcksavedurl="#">Fusce dui neque fringilla</a></li> <li><a href="#" _fcksavedurl="#">Eget tempor eget nonummy</a></li> <li><a href="#" _fcksavedurl="#">Magna lacus bibendum mauris</a></li> <li><a href="#" _fcksavedurl="#">Nec metus sed donec</a></li> <li><a href="#" _fcksavedurl="#">Magna lacus bibendum mauris</a></li> <li><a href="#" _fcksavedurl="#">Velit semper nisi molestie</a></li> <li><a href="#" _fcksavedurl="#">Eget tempor eget nonummy</a></li> </ul> </li> <li> <h2><b>Volutpat</b> Dolore</h2> <ul> <li><a href="#" _fcksavedurl="#">Nec metus sed donec</a></li> <li><a href="#" _fcksavedurl="#">Magna lacus bibendum mauris</a></li> <li><a href="#" _fcksavedurl="#">Velit semper nisi molestie</a></li> <li><a href="#" _fcksavedurl="#">Eget tempor eget nonummy</a></li> <li><a href="#" _fcksavedurl="#">Nec metus sed donec</a></li> <li><a href="#" _fcksavedurl="#">Magna lacus bibendum mauris</a></li> <li><a href="#" _fcksavedurl="#">Velit semper nisi molestie</a></li> </ul> </li> </ul> </div>  <div style="clear: both;"> </div> </div>   <div id="footer"> <p id="legal">(c) 2008 YourSite. Design by <a href="http://www.freecsstemplates.org/" _fcksavedurl="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p> </div> </div>

Css Koduna

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;} body { margin: 0; padding: 0; background: #D1FBFF url(http://www.freecsstemplates.org/templates/previews/vertical/images/img02.jpg); font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; color: #686868; } h1, h2, h3 { margin: 0; font-family: Georgia, "Times New Roman", Times, serif; text-transform: lowercase; font-weight: normal; color: #83BFFB; } h1 { letter-spacing: -1px; font-size: 32px; } h2 { font-size: 23px; } p, ul, ol { margin: 0 0 2em 0; text-align: justify; line-height: 26px; } a:link { color: #83BFFB; } a:hover, a:active { text-decoration: none; color: #83BFFB; } a:visited { color: #83BFFB; } img { border: none; } img.left { float: left; margin: 7px 15px 0 0; } img.right { float: right; margin: 7px 0 0 15px; } /* Form */ form { margin: 0; padding: 0; } fieldset { margin: 0; padding: 0; border: none; } legend { display: none; } input, textarea, select { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; } #wrapper { background: url(http://www.freecsstemplates.org/templates/previews/vertical/images/img01.jpg) repeat-x; } /* Header */ #header { width: 900px; height: 50px; margin: 0 auto 40px auto; padding-top: 20px; } #logo { float: left; height: 120px; } #logo h1 { font-size: 38px; color: #3399CC; } #logo h1 sup { vertical-align: text-top; font-size: 24px; } #logo h1 a { color: #FFFFFF; } #logo h2 { text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #28737B; } #logo a { text-decoration: none; color: #3399CC; } /* Menu */ #menu { float: right; } #menu ul { margin: 0; padding: 15px 0 0 0; list-style: none; } #menu li { display: inline; } #menu a { display: block; float: left; margin-left: 5px; padding: 7px 10px; text-decoration: none; font-size: 15px; color: #FFFFFF; } #menu a:hover { text-decoration: underline; } #menu .active a { } /* Page */ #page { width: 900px; margin: 0 auto; background: #FFFFFF; padding: 40px 40px; } /* Content */ #content { float: left; width: 630px; } /* Post */ .post { } .post .title { margin-bottom: 20px; padding-bottom: 5px; background: url(http://www.freecsstemplates.org/templates/previews/vertical/images/img03.jpg) no-repeat left bottom; border-bottom: 1px dashed #FFFFFF; } .post .entry { } .post .meta { padding: 15px 0 60px 0; } .post .meta p { margin: 0; line-height: normal; color: #FFFFFF; } .post .meta .byline { float: left; color: #0000FF; } .post .meta .links { float: right; } .post .meta .more { width: 185px; height: 35px; padding: 5px 45px 5px 45px; background: url(http://www.freecsstemplates.org/templates/previews/vertical/images/img05.jpg) no-repeat left center; text-transform: uppercase; text-decoration: none; font-size: 11px; color: #FFFFFF; } .post .meta .comments { padding: 5px 45px 5px 45px; background: url(http://www.freecsstemplates.org/templates/previews/vertical/images/img05.jpg) no-repeat left center; text-transform: uppercase; text-decoration: none; font-size: 11px; color: #FFFFFF; } .post .meta b { display: none; } /* Sidebar */ #sidebar { float: right; width: 220px; } #sidebar ul { margin: 0; padding: 0; list-style: none; } #sidebar li { margin-bottom: 40px; } #sidebar li ul { } #sidebar li li { margin: 0; } #sidebar h2 { margin-bottom: 10px; padding-bottom: 5px; background: url(http://www.freecsstemplates.org/templates/previews/vertical/images/img04.jpg) no-repeat left bottom; font-size: 18px; font-weight: normal; } /* Search */ #search { } #search h2 { margin-bottom: 20px; } #s { width: 150px; margin-right: 5px; padding: 3px; border: 1px solid #F0F0F0; } #x { padding: 3px; background: #ECECEC url(http://www.freecsstemplates.org/templates/previews/vertical/images/img08.gif) repeat-x left bottom; border: none; text-transform: lowercase; font-size: 11px; color: #4F4F4F; } /* Boxes */ .box1 { padding: 20px; background: url(http://www.freecsstemplates.org/templates/previews/vertical/images/img05.gif) no-repeat; } .box2 { color: #BABABA; } .box2 h2 { margin-bottom: 15px; background: url(http://www.freecsstemplates.org/templates/previews/vertical/images/img10.gif) repeat-x left bottom; font-size: 16px; color: #FFFFFF; } .box2 ul { margin: 0; padding: 0; list-style: none; } .box2 a:link, .box2 a:hover, .box2 a:active, .box2 a:visited { color: #EDEDED; } /* Footer */ #footer { height: 400px; min-height: 74px; padding: 10px 0 0 0; font-family: Tahoma, Arial, Helvetica, sans-serif; } html>body #footer { height: auto; } #legal { clear: both; padding-top: 20px; text-align: center; text-transform: uppercase; font-size: 10px; color: #83BFFB; } #legal a { font-weight: bold; color: #83BFFB; }