tasarim2

tasarım adı : YELLOW

yapılış tarihi :  10.05.2009

TASARIM ÜSTÜNE

<div id="menu"> <ul> <li class="first"><a href="#" id="menu1" accesskey="1" title="">ANA SAYFA</a></li> <li><a href="#" id="menu2" accesskey="2" title="">BANNER</a></li> <li><a href="#" id="menu3" accesskey="3" title="">İLETİŞİM</a></li> <li><a href="#" id="menu4" accesskey="4" title="">DEFTER</a></li> <li><a href="#" id="menu5" accesskey="5" title="">LİNK</a></li> </ul> </div> <div id="logo"> </div> <div id="content"> <div id="colA"> <div id="welcome" class="boxedA"> <h2>!.HOŞGELDİNİZ.!</h2> </div> <div id="news" class="boxedA"> </li> </ul> </div>

TASARIM ALTINA

</div> <div id="colB"> <div class="boxedB"> <h2>Menü</h2> <ul> <li><a href="#">link</a></li> <li><a href="#">Link</a></li> <li><a href="#">link</a></li> <li><a href="#">link</a></li> <li><a href="#">link</a></li> <li><a href="#">link</a></li> <li><a href="#">link</a></li> <li><a href="#">link</a></li> <li><a href="#">link</a></li> <li><a href="#">link</a></li> </ul> </div> <div class="boxedC"> <h2>Menü 2</h2> <ul> <li><a href="#">link</a></li> <li><a href="#">link</a></li> <li><a href="#">link</a></li> <li><a href="#">link</a></li> <li><a href="#">link</a></li> <li><a href="#">link</a></li> <li><a href="#">link</a></li> <li><a href="#">link</a></li> <li><a href="#">link</a></li> <li><a href="#">link</a></li> </ul> </div> </div> </div> <div id="footer"> <p>Copyright © 2007 . Design by <a href="http://www.vagrantking.tr.gg">Vagrant King</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;} /* Design by vargantking http://www.vagrantking.tr.gg Released for free under a Creative Commons Attribution 2.5 License */ body { margin: 0; padding: 0; background: #FFFFFF; font: normal small Arial, Helvetica, sans-serif; color: #999999; } h1, h2, h3 { margin: 0; padding: 0; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #666666; } a { color: #333333; } a:hover { text-decoration: none; color: #000000; } /* Menu */ #menu { width: 704px; height: 62px; margin: 0 auto; } #menu ul { margin: 0; padding: 0; list-style: none; } #menu li { display: inline; } #menu a { display: block; float: left; width: 140px; height: 41px; margin-left: 1px; padding-top: 10px; border-top-width: 10px; border-top-style: solid; text-align: center; text-transform: lowercase; text-decoration: none; letter-spacing: -1px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 24px; } #menu .first a { margin: 0; } #menu1 { background: url(http://i63.servimg.com/u/f63/13/63/23/72/img0110.gif) no-repeat center bottom; border-color: #F07242; color: #C4856D; } #menu2 { background: url(http://i63.servimg.com/u/f63/13/63/23/72/img0210.gif) no-repeat center bottom; border-color: #FCEE0F; color: #C0B94A; } #menu3 { background: url(http://i63.servimg.com/u/f63/13/63/23/72/img0310.gif) no-repeat center bottom; border-color: #549EE9; color: #799EC3; } #menu4 { background: url(http://i63.servimg.com/u/f63/13/63/23/72/img0410.gif) no-repeat center bottom; border-color: #9EBF54; color: #94A46F; } #menu5 { background: url(http://i63.servimg.com/u/f63/13/63/23/72/img0510.gif) no-repeat center bottom; border-color: #9F8DF6; color: #B0A7DB; } #menu a:hover { color: #000000; } /* Logo */ #logo { width: 704px; height: 31px; margin: 0 auto; padding: 130px 0 0 0; background: url(http://i63.servimg.com/u/f63/13/63/23/72/header11.jpg) no-repeat; border-bottom: 10px solid #595959; } #logo h1, #logo h2 { float: left; text-transform: lowercase; letter-spacing: -1px; font-size: 1.4em; font-weight: normal; } #logo h1 { padding: 0 0 0 140px; } #logo h1 a { color: #C3B1D2; } #logo h2 { margin: 0 0 0 15px; padding: 0 0 0 15px; border-left: 1px solid #8E68A5; } #logo h2 a { color: #AE96C0; } #logo a { text-decoration: none; } /* Content */ #content { width: 704px; margin: 0 auto; border-top: 1px solid #FFFFFF; } #colA { float: right; width: 424px; padding: 0 30px 0 0; } #colB { float: left; width: 220px; } /* BoxedA */ .boxedA { } .boxedA h2 { height: 35px; padding-top: 25px; border-bottom: 1px solid #CCCCCC; font-size: 2em; } .boxedA h3 { font-size: 1em; font-weight: bold; } .boxedA p { line-height: 2em; text-align: justify; } .boxedA .more { text-align: right; } .boxedA .more a { padding: 0 1em; background: #CCCCCC; border-left: 4px solid #666666; text-decoration: none; } .boxedA .more a:hover { background: #666666; color: #FFFFFF } /* BoxedB */ .boxedB { margin-bottom: 1px; background: #FAD4C6 url(http://i63.servimg.com/u/f63/13/63/23/72/img0710.gif) repeat-y; border-bottom: 1px solid #F07242; } .boxedB h2 { height: 35px; padding: 25px 0 0 21px; border-bottom: 1px solid #FFFFFF; letter-spacing: -1px; font-size: 24px; font-weight: normal; color: #F07242; } .boxedB ul { margin: 0; padding: 0; list-style: none; } .boxedB li { display: inline; } .boxedB a { display: block; width: 199px; height: 23px; padding: 7px 0 0 21px; background: #FDF1EC url(http://i63.servimg.com/u/f63/13/63/23/72/img0810.gif) no-repeat; border-bottom: 1px solid #FFFFFF; text-decoration: none; color: #F07242; } .boxedB a:hover { background: #F7B8A0 url(http://i63.servimg.com/u/f63/13/63/23/72/img0910.gif) no-repeat; color: #FFFFFF; } /* BoxedC */ .boxedC { margin-bottom: 1px; background: #CBE2F8 url(http://i63.servimg.com/u/f63/13/63/23/72/img1110.gif) repeat-y; border-bottom: 1px solid #549EE9; } .boxedC h2 { height: 35px; padding: 25px 0 0 21px; border-bottom: 1px solid #FFFFFF; letter-spacing: -1px; font-size: 24px; font-weight: normal; color: #549EE9; } .boxedC ul { margin: 0; padding: 0; list-style: none; } .boxedC li { display: inline; } .boxedC a { display: block; width: 199px; height: 23px; padding: 7px 0 0 21px; background: #EEF5FD url(http://i63.servimg.com/u/f63/13/63/23/72/img1210.gif) no-repeat; border-bottom: 1px solid #FFFFFF; text-decoration: none; color: #549EE9; } .boxedC a:hover { background: #A9CEF4 url(http://i63.servimg.com/u/f63/13/63/23/72/img1310.gif) no-repeat; color: #FFFFFF; } /* News */ #news { } #news h2 { font-size: 22px; } #news ul { list-style-type: square; } /* Footer */ #footer { clear: both; width: 704px; margin: 0 auto; border-top: 1px solid #666666; background: #CCCCCC; } #footer p { margin: 0; padding: 30px 0; text-align: center; font-size: smaller; color: #999999; } #footer a { color: #999999; }