Pagina html

Scris de Azael Mar Ian 08, 2013 4:27 pm

Cod:: <html> <head> <link rel=icon href=http://i42.servimg.com/u/f42/15/42/26/78/fw10.png sizes="32x32" type="image/png"> <title>Extrem Tutorials ™ - Prima Pagina </title> </head> <body> <div class="container"> <div class="header"> <div class="left"> <a href="#">Text</a> <a href="#">Text</a> <a href="#">Text</a> <a href="#">Text</a> </div> <div class="back"> <a href="#">Text</a> <a href="#">Text</a> <a href="#">Text</a> <a href="#">Text</a> </div> </div> <div class="content"> <h1> Bine ai venit pe Extrem Tutorials</h1> <div id="ei_menu" class="ei_menu"> CONTINUT <BR> CONTINUT <BR> CONTINUT <BR> CONTINUT <BR> CONTINUT <BR> CONTINUT <BR> </div> </div> <div class="footer"> Copyright 2011 Forumul tau | Design creat si codat de <a href="http://extrem-tutorials.online-talk.net/">Mr.Sankez</a> | Toate drepturile rezervate </div> </div> <style type="text/css"> body{margin:0px} .header a{color:#AAA} .header a:hover{color:#fff} .left{float:left;margin-left:10px} .asezare{padding-left:12px}a{color:#777;text-decoration:none} .content{margin:0 auto;padding:0px 0px 58px 0px;margin-left:-10px} .header { text-align: center; width: 100%; height: 35px; clear: both; background: black url(http://i40.servimg.com/u/f40/16/90/71/02/stripe10.gif) repeat top left; margin-bottom: 20px; border-bottom: 7px solid #222; font-size: 11px; line-height: 35px; text-shadow: 1px 1px 1px black; -moz-box-shadow: 0px 0px 5px #252525; -webkit-box-shadow: 0px 0px 5px #252525; box-shadow: 0px 0px 5px #252525; } body { font-family: "Trebuchet MS",sans-serif; font-size: 14px; background: #333; color: white; } .header a { color: #AAA; text-shadow: 1px 1px 1px black; padding-right: 20px; } .container { position: relative; margin: 0 auto; width: 100%; height: auto!important; height: 100%; min-height: 100%; } .header { text-align: center; width: 100%; height: 35px; clear: both; background: #000 url(http://i40.servimg.com/u/f40/16/90/71/02/stripe10.gif) repeat top left; margin-bottom: 20px; border-bottom: 7px solid #222; font-size: 11px; line-height: 35px; font-weight: bold; text-shadow: 1px 1px 1px black; } .ei_menu { background: #232323; width: 100%; padding-left: 24px; padding-right: 24px; padding-top: 14px; padding-bottom: 14px; height: 60%; overflow: hidden; border-bottom: 1px solid #282827; border-top: 1px solid #282828; -moz-box-shadow: 0px 0px 5px #252525; -webkit-box-shadow: 0px 0px 5px #252525; box-shadow: 0px 0px 5px #252525; } .footer { position: fixed; width: 100%; height: 50px; line-height: 50px; bottom: 0; background: #F0F0F0; border-top: 7px solid #222; text-align: center; text-shadow: 1px 1px 1px black; color: #AAA; background: black url(http://i40.servimg.com/u/f40/16/90/71/02/stripe10.gif) repeat top left; -moz-box-shadow: 0px 0px 5px #252525; -webkit-box-shadow: 0px 0px 5px #252525; box-shadow: 0px 0px 5px #252525; } .footer a{ color: #AAA; } .footer a:hover{ color: #fff; } .back { position: absolute; right: 10px; top: 0px; } .content > h1 { margin-left: 10px; padding-left: 4px; font-size: 30px; font-weight: normal; text-shadow: 0px 0px 1px white; text-shadow: 1px 2px 1px #000; border-bottom: 1px dotted #444; padding: 10px 20px; -webkit-mask-image: -webkit-gradient(linear, left top, » left bottom, from #fff, to #d7d7d7; }</style> </body> </html>