PORTAL TASARIMI(ÖZELLİKLE ÜYELERİ OLAN SİTELER İÇİN İDEAL)

TASARIM ÜSTÜ
<ul id="nav"> </ul> <!-- main title --> <h1 id="title">DARK SHINE</h1> <!-- beginning of actual page --> <div id="wrapper"> <!-- this is the small black bar --> <div id="top"> <ul> <li id="search"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">search</a></li> <li id="login"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">login</a></li> <li id="join"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Join!</a></li> <li id="chat"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Chat!</a></li> </ul> <span>total users: <strong>1,000,000</strong> currently online: <strong>100</strong> using IM: <strong>50</strong> new photos: <strong>99</strong></span> </div> <!-- space for ads --> <div id="adspace"><p><p><a href="http://www.KAYNAKKODUM.TR.GG" _fcksavedurl="http://www.KAYNAKKODUM.TR.GG"><span style="color: #ffffff">WWW.KAYNAKKODUM.TR.GG</span></a></p></p></div> <!-- image links --> <div id="main"> <h1>New Members</h1> <ul> <li> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="http://img.webme.com/pic/k/koddeniyelim/box.jpg" _fcksavedurl="http://img.webme.com/pic/k/koddeniyelim/box.jpg" width="105px" height="105px" alt="" /></a> <h2>profile name</h2> </li> <li> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="http://img.webme.com/pic/k/koddeniyelim/box.jpg" _fcksavedurl="http://img.webme.com/pic/k/koddeniyelim/box.jpg" width="105px" height="105px" alt="" /></a> <h2>profile name</h2> </li> <li> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="http://img.webme.com/pic/k/koddeniyelim/box.jpg" _fcksavedurl="http://img.webme.com/pic/k/koddeniyelim/box.jpg" width="105px" height="105px" alt="" /></a> <h2>profile name</h2> </li> <li> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="http://img.webme.com/pic/k/koddeniyelim/box.jpg" _fcksavedurl="http://img.webme.com/pic/k/koddeniyelim/box.jpg" width="105px" height="105px" alt="" /></a> <h2>profile name</h2> </li> <li> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="http://img.webme.com/pic/k/koddeniyelim/box.jpg" _fcksavedurl="http://img.webme.com/pic/k/koddeniyelim/box.jpg" width="105px" height="105px" alt="" /></a> <h2>profile name</h2> </li> </ul> </div> <!-- rest of content --> <div class="content">

TASARIM ALTI
www.kaynakkodum.tr.gg </div> <div class="content"> <h1>Latest Posts</h1> <!-- this is a list of links --> <ul class="hover_list"> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Hey guys what's up?</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">New template uploaded!</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Math sucks, lets all ban math</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Students' strike against raising tuition!</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Diagonal stripes are so cheesy</a></li> </ul> </div> <div class="content"> www.kaynakkodum.tr.gg </div> <div id="footer">Copyleft 2009. BEDAVA CSS TASARIMLAR | <a href="http://wwwk.kaynakkodum.tr.gg/" _fcksavedurl="http://wwwk.kaynakkodum.tr.gg/">HTML KODLAR</a> | <a href="http://www.kaynakkodum.tr.gg/" _fcksavedurl="http://www.kaynakkodum.tr.gg/">İCONLAR</a> | <a href="http://www.kaynakkodum.tr.gg/" _fcksavedurl="http://www.kaynakkodum.tr.gg/">WEBMASTER ARAÇLARI</a></div> </div>

CSS
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 { background: #90140C url(http://www.hizliupload.com/img/438329stripes.gif) repeat-x; background-position: 50% 40px; margin: 0; padding: 0; } a { color: #600000; font-weight: bold; text-decoration: none; } a:visited { color: #000; } a:hover { color: #90140C; } img { border: 0; } ul { list-style: none; } h1 { font: normal 1.2em arial, verdana, helvetica, sans-serif; margin: 23px 18px; text-align: left; } h2 { color: #333; font: bold 12px arial, verdana, helvetica, sans-serif; } #wrapper { width: 732px; margin: 0 auto; border: solid 15px #600000; border-bottom: none; background-color: #F3F3F3; height: auto; } #top { height: 28px; overflow: hidden; width: 100%; background: #000 url(http://img.webme.com/pic/k/koddeniyelim/stripes_small.gif) repeat-x; color: #fff; cursor: default; text-align: left; font: normal 10px/32px arial, verdana, helvetica, sans-serif; } #top strong { font: bold 11px arial; margin-left: 2px; margin-right: 6px; } #top span { display: inline; margin-left: 10px; float: left; clear: none; margin-top: -28px; } #top ul { margin: 0; padding: 0; float: right; clear: none; display: inline; } #top ul li a, #top ul li { display: block; float: right; width: 78px; height: 28px; text-align: center; text-decoration: none; color: #fff; font: bold 12px/32px arial, verdana, helvetica, sans-serif; overflow: hidden; } #top ul li a:hover { color: #000; } #chat a { background: #0086EE url(http://img.webme.com/pic/k/koddeniyelim/blue.jpg) no-repeat; } #join a { background: #F41100 url(http://img.webme.com/pic/k/koddeniyelim/red.jpg) no-repeat; } #login a { background: #ED700D url(http://img.webme.com/pic/k/koddeniyelim/orange.jpg) no-repeat; } #search a { background: #199B2C url(http://img.webme.com/pic/k/koddeniyelim/green.jpg) no-repeat; } #adspace { height: 67px; background: #86221B url(http://img.webme.com/pic/k/koddeniyelim/ad.gif) repeat-x; border-top: 1px solid #CA807C; border-left: 1px solid #A5514B; border-right: 1px solid #5B1D1B; border-bottom: 1px solid #3E1B19; font: normal 10px/100px verdana, arial, sans-serif; text-align: center; color: #fff; cursor: default; overflow: hidden; } #main { height: 246px; background: #FE8624 url(http://img.webme.com/pic/k/koddeniyelim/main.gif) repeat-x; border-top: 1px solid #FEC782; border-left: 1px solid #FEB154; border-right: 1px solid #D76C22; border-bottom: 1px solid #783C1C; overflow: hidden; } #main ul { width: 710px; overflow: hidden; margin: 0; padding: 0; margin-left: 15px; } #main ul li { float: left; text-align: center; margin-left: 25px; display: inline; } #main ul li a img { border: 3px solid #fff; } #main ul li a img:hover { border: 3px solid #FEE5C6; } #main ul li h2 { font: bold 11px arial, verdana, helvetica; margin-top: 10px; color: #000; } .content { float: left; width: 330px; margin: 20px 10px 0 20px; font: normal 11px/18px arial, verdana, helvetica, sans-serif; text-align: justify; display: inline; } .content h1, .content ul { margin: 0; padding: 0; } .content h1 { color: #8A0700; font: normal 2em arial, verdana, helvetica, sans-serif; margin-bottom: 20px; } .content h2 { margin: 20px 0 4px 0; } .content ul.hover_list li { border: 1px solid #783C1C; border-width: 0 0 1px 0; color: #600000; } .content ul.hover_list li a { height: 40px; color: #600000; display: block; line-height: 40px; padding-left: 15px; } .content ul.hover_list li a:hover, .content ul.hover_list li a:focus { background: #FD9339 url(http://img.webme.com/pic/k/koddeniyelim/hover_list.jpg) repeat-x; color: #fff; } #footer { height: 25px; background-color: #000; color: #fff; font: normal 10px/25px arial, verdana, helvetica, sans-serif; color: #999; text-align: center; border-top: 50px solid #F3F3F3; clear: both; } #footer a { color: #ccc; } body { background: #90140C url(http://www.hizliupload.com/img/438329stripes.gif) repeat-x; background-position: 50% 40px; margin: 0; padding: 0; } table {margin-left: auto;margin-right: auto}