[TASARIM] MARİO TASARIMI

tarafından **PeSiMisT** Perş. Mayıs 28, 2009 10:54 pm

Tasarımın üzerine

Kod:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> </head> <body> <div id="Headbild">                                                             <div id="ticker"><marquee>tu texto acaaa</marquee> </div> <div id ="Naviboxen"> <h3>Menu</h3> <a href="#">Home</a> <a href="aca la url">aca tu texto</a> <a href="aca la url">aca tu texto</a> <a href="aca la url">aca tu texto</a> <a href="aca la url">aca tu texto</a> <a href="aca la url">aca tu texto</a> <a href="aca la url">aca tu texto</a> <a href="aca la url">aca tu texto</a> <a href="aca la url">aca tu texto</a> <h3>Menu 2</h3> <a href="aca la url">aca tu texto</a> <a href="aca la url">aca tu texto</a> <a href="aca la url">aca tu texto</a> <a href="aca la url">aca tu texto</a> <a href="aca la url">aca tu texto</a> <a href="aca la url">aca tu texto</a> <a href="aca la url">aca tu texto</a> <a href="aca la url">aca tu texto</a> <div id="textcontent">

Tasarımın altına

CSS KODUNA;

Kod:: lli.nav_element{display: none;} li.nav_element a{display: none;} 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;} h3{font-size:18px;} a:hover{color:#5a5959;text-decoration:none;} a:active{color:#5a5959;text-decoration:none;} a:link{color:fffffff;text-decoration:none;} a:visited{color:ffffff;text-decoration:none;} h2{font-size:20px;} h1{font-size:23px;} #Headbild{ background-image:url(http://i42.tinypic.com/28vx7yp.png); width: 920px; height:120px; position: absolute; left: 50%; margin-left:-475px; } body{ background-color:#ffffff; background-repeat:repeat-x; background-color:#ffffff; margin:40px auto 10px auto; } #Naviboxen{ background-image:url(http://i44.tinypic.com/20ivszk.png); width: 120px; height:500px; position: absolute; left: 50%; margin-left:-475px; top:170px; font-family:verdana;text-align: center; } #textcontent{ background-image:url(http://i43.tinypic.com/2cqjkaq.png); width: 780px; position: absolute; left: 50%; margin-left:75px; top:18px;background-repeat:repeat;-moz-border-radius: 8px; border:4px soild #000000;} #ticker{ background-image:url(http://i43.tinypic.com/2im7trt.png); width: 697px;height:24px; position: absolute; left: 50%; margin-left:-290px; top:162px;