Css-Thema Bilgi Paylaşım Platformu..

Call Of Duty Tasarım

Tasarımın Üzerine

<div id="conntainer"> <div id="header"> <ul> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Join now</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Links</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Login</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Forums</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">News</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Download</a></li> <li class="last"><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">contact</a></li> </ul> </div> <div id="conntent"> <div id="left"> <div class="menu"> <div class="menuheader"><h3>Menu</h3></div> <div class="menucontent"> <ul> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Home</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Donations</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Downloads</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Feedback</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Shout_Box</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Surveys</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Ventrilo</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Web Links</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Your Account</a></li> </ul> </div> <div class="menufooter"></div> </div> <div class="menu"> <div class="menuheader"><h3>Menu</h3></div> <div class="menucontent"> <p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com" _fcksavedurl="http://www.templatebeauty.com" _fcksavedurl="http://www.templatebeauty.com">Template Beauty</a>.</p> <p>To find great hosting providers visit <a href="http://www.webhostingzoom.com" _fcksavedurl="http://www.webhostingzoom.com" _fcksavedurl="http://www.webhostingzoom.com">Web Hosting Zoom</a></p> <p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com" _fcksavedurl="http://www.templatebeauty.com" _fcksavedurl="http://www.templatebeauty.com">Template Beauty</a>.</p> <p>To find great hosting providers visit <a href="http://www.webhostingzoom.com" _fcksavedurl="http://www.webhostingzoom.com" _fcksavedurl="http://www.webhostingzoom.com">Web Hosting Zoom</a></p> <p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com" _fcksavedurl="http://www.templatebeauty.com" _fcksavedurl="http://www.templatebeauty.com">Template Beauty</a>.</p> <p>To find great hosting providers visit <a href="http://www.webhostingzoom.com" _fcksavedurl="http://www.webhostingzoom.com" _fcksavedurl="http://www.webhostingzoom.com">Web Hosting Zoom</a></p> </div> <div class="menufooter"></div> </div> </div> <div id="right"> <div class="menu"> <div class="menuheader"><h3>Team</h3></div> <div class="menucontent"> <div class="member"> <a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/callofduty2/images/member1.jpg" _fcksavedurl="http://www.freewebsitetemplates.com/preview/callofduty2/images/member1.jpg" _fcksavedurl="http://www.freewebsitetemplates.com/preview/callofduty2/images/member1.jpg" alt="member" /></a> <span><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Member 1</a></span> </div> <div class="member"> <a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/callofduty2/images/member2.jpg" _fcksavedurl="http://www.freewebsitetemplates.com/preview/callofduty2/images/member2.jpg" _fcksavedurl="http://www.freewebsitetemplates.com/preview/callofduty2/images/member2.jpg" alt="member" /></a> <span><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Member 2</a></span> </div> <div class="member"> <a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/callofduty2/images/member3.jpg" _fcksavedurl="http://www.freewebsitetemplates.com/preview/callofduty2/images/member3.jpg" _fcksavedurl="http://www.freewebsitetemplates.com/preview/callofduty2/images/member3.jpg" alt="member" /></a> <span><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Member 3</a></span> </div> <div class="member"> <a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/callofduty2/images/member4.jpg" _fcksavedurl="http://www.freewebsitetemplates.com/preview/callofduty2/images/member4.jpg" _fcksavedurl="http://www.freewebsitetemplates.com/preview/callofduty2/images/member4.jpg" alt="member" /></a> <span><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Member 4</a></span> </div> <div class="member"> <a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/callofduty2/images/member5.jpg" _fcksavedurl="http://www.freewebsitetemplates.com/preview/callofduty2/images/member5.jpg" _fcksavedurl="http://www.freewebsitetemplates.com/preview/callofduty2/images/member5.jpg" alt="member" /></a> <span><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Member 5</a></span> </div> <div class="member"> <a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/callofduty2/images/member6.jpg" _fcksavedurl="http://www.freewebsitetemplates.com/preview/callofduty2/images/member6.jpg" _fcksavedurl="http://www.freewebsitetemplates.com/preview/callofduty2/images/member6.jpg" alt="member" /></a> <span><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Member 6</a></span> </div> <div class="member"> <a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/callofduty2/images/member7.jpg" _fcksavedurl="http://www.freewebsitetemplates.com/preview/callofduty2/images/member7.jpg" _fcksavedurl="http://www.freewebsitetemplates.com/preview/callofduty2/images/member7.jpg" alt="member" /></a> <span><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Member 7</a></span> </div> <div class="member"> <a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/callofduty2/images/member8.jpg" _fcksavedurl="http://www.freewebsitetemplates.com/preview/callofduty2/images/member8.jpg" _fcksavedurl="http://www.freewebsitetemplates.com/preview/callofduty2/images/member8.jpg" alt="member" /></a> <span><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Member 8</a></span> </div> <div class="clear"></div> </div> <div class="menufooter"></div> </div> </div> <div id="middle"> <div class="post"> <div class="postheader"><h1>Post title</h1></div> <div class="postcontent">

Tasarımın Altına

</div> <div class="postfooter"></div> </div> </div> </div> <div id="footer"> <ul> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Join now</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Links</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Login</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Forums</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">News</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Download</a></li> <li class="last"><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">contact</a></li> </ul> <span>Copyright © 2006 Call of duty 2. All rights reserved.</span> </div> </div>

Css Kodu

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-image:url(http://www.freewebsitetemplates.com/preview/callofduty2/images/background.gif); font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px; padding: 0px; background-repeat: repeat-x; background-color: #000000; } * {margin: 0px;padding: 0px;} p { padding: 10px 10px 10px 20px; display:block; color:#525757; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold } a { color:#6b7272; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; } #conntainer { margin: 0px auto; text-align: left; width: 860px; } #header{ height:304px; width:777px; background-image:url(http://www.freewebsitetemplates.com/preview/callofduty2/images/header.jpg); background-repeat: no-repeat; margin-top: -30px; z-index: -2px; } #conntent{ } #left{ width:192px; float:left; } #middle{ margin-left:206px; margin-right:196px; width:450px; } #right{ width:192px; float:right; } /********************* menu ****************************/ .menuheader{ width:192px; height:37px; background-image:url(http://www.freewebsitetemplates.com/preview/callofduty2/images/menutop.gif); display:block; } .menucontent{ width:192px; background-image:url(http://www.freewebsitetemplates.com/preview/callofduty2/images/menumiddle.gif); padding-top:10px; background-repeat: repeat-y; }.menuheader h3{ padding: 10px 0px 0px 20px; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; } .menufooter{ width:192px; height:15px; background-image:url(http://www.freewebsitetemplates.com/preview/callofduty2/images/menubottom.gif); display:block; } .postheader,.menuheader{ color:#CCCCCC; text-transform: uppercase; } /********************* post ****************************/ .post{ margin-bottom:15px; } .postheader{ background-image:url(http://www.freewebsitetemplates.com/preview/callofduty2/images/posttop.gif); display:block; width:450px; height:33px; } .postheader h1{ padding: 7px 0px 0px 20px; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; } .postcontent{ background-image:url(http://www.freewebsitetemplates.com/preview/callofduty2/images/postmiddle.gif); background-repeat: repeat-y; padding: 20px 0px; } .postfooter{ background-image:url(http://www.freewebsitetemplates.com/preview/callofduty2/images/postbottom.gif); background-repeat: no-repeat; display:block; width:450px; height:15px; } /********************* header ****************************/ #header{ position:relative; } #header ul{ position:absolute; top:250px; display:block; left:190px; } #header ul li{ display:inline; text-align:center; margin:auto; width:auto; border-right: 1px solid #6b7272; } .last{ border-right: 0px none #6b7272 !important; } #header ul li a{ display:inline; text-align:center; text-decoration:none; padding: 0px 10px; text-transform: uppercase; } #header ul li a:hover{ text-decoration:underline; } /********************* footer ****************************/ #footer{ width:850px; } #footer ul{ display:block; margin-left:190px; } #footer ul li{ display:inline; text-align:center; margin:auto; width:auto; border-right: 1px solid #6b7272; } #footer ul li a{ display:inline; text-align:center; text-decoration:none; padding: 0px 10px; text-transform: uppercase; } #footer ul li a:hover{ text-decoration:underline; } #footer span{ color:#525757; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-align:center; width:850px; display:block; padding: 15px 0px; } /********************* menu members ****************************/ .menu ul{ list-style-position: inside; list-style-type: disc; padding: 0px 0px 0px 20px; color:#666666; } .menu ul li{ padding-top: 5px; color:#666666; } .menu ul li a{ text-decoration:none; padding: 0px; text-transform: uppercase; } .menu ul li a:hover{ text-decoration:underline; text-transform: uppercase; } .member{ display:inline; float:left; margin-left:10px; } .member span{ display:block; text-align:center; padding: 2px 0px 13px 0px; text-transform: uppercase; } .member img{ width:75px; height:70px; border: solid 2px #999999; } .clear{ clear:both; }