title
C.A. Corporation
ANA SAYFA
HAKKIMDA
İLETİŞİM
Z.DEFTERİ
TOP LİST
Carlo Alfonso Grafik Tasarım Official Web Page | Profesyonel Photoshop
Grafik Tasarım Forumları
Grafik Tasarım Forumları
Tema Tasarım ve Kodlama : Carlo Alfonso
Tasarımın Üstü
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>title</title> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <div id="bg"> <div id="wrap"> <div id="header"> <h1>C.A. Corporation</h1> <ul id="nav"> <li class="a"><a href="#">ANA SAYFA</a></li> <li class="h"><a href="#">HAKKIMDA</a></li> <li class="i"><a href="#">İLETİŞİM</a></li> <li class="z"><a href="#">Z.DEFTERİ</a></li> <li class="s"><a href="#">TOP LİST</a></li> </ul> </div>
Tasarımın Altı
<!-- /header --> <div id="content"> </div> <!-- /content --> <div id="footer"> <div id="ftinner"> <div class="ftlink "> <p id="copyright">Tüm hakları saklıdır. © Designed by C.A.<br/> Tasarım kodlama :</a> by Carlo <a href="http://www.calfonso.tr.gg/" target="_blank">Alfonso Production</a></p> </div> </div> </div> <!-- /footer --> </div> </div> </body> </html>
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;} table {margin-left: auto;margin-right: auto} /* CSS RESET */ html{color:#000;background:#333333;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;} body {font:13px/1.231 arial,helvetica,clean,sans-serif;}table{font-size:inherit;font-size:100%;}pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;} /* CSS RESET */ body { text-align:center; color:#FFFFFF } a { text-decoration:none; color:#acd600 } a:hover { text-decoration: underline; } #bg{background:url(https://img.webme.com/pic/c/calfonso/bg.jpg) 1px; width:800px; margin:0 auto; } #wrap { width:647px; text-align:left; margin:0 auto; } .fl{ float:left} .fr{ float:right} .clearfix{ clear:both} /* header */ #header { height:120px ; background:url(https://img.webme.com/pic/c/calfonso/hd.jpg) no-repeat top} #header h1 { font-size:36px; padding:10px 0 0 30px} #nav { position:absolute; top:70px;width:647px; background:url(https://img.webme.com/pic/c/calfonso/nav.jpg); line-height:50px; } #nav li {float:left; font-weight:700; } #nav a {text-decoration:none; display:block; text-align:center; color:#acd600} #nav a:hover {background: #DDED06 url(images/hover.jpg); color:#000000 } li.h {width:107px} li.a {width: 128px; padding-left: 2px;} li.p {width: 129px; padding-left: 2px; } li.c {width:128px; padding-left: 2px;} li.d {width:144px; padding-left: 2px;} /* content */ #content,#footer { margin:0 20px} #content h2{font-size:24px; margin:15px 0} #content p{margin:10px 0} /* footer */ #footer { border-top:#FFFFFF 1px solid; padding:15px 0 }
Bu web sitesi
Bedava-Sitem.com
ile ücretsiz oluşturuldu. Siz de kendi web sitenizi ister misiniz?
Ücretsiz kayıt ol