Sor Tasarım

STd-Kisisel

STd-Kişisel Web Sitesi Tasarımı

Tasarımın en altındaki tasarım ve kodlama tarafını silmediğiniz sürece kullanabilirsiniz. Ön izlemek için tıklayın.
Tasarım Üstü

Tasarım Altı

</div> <div id="footer"> <table width="900" border="0" align="center" cellpadding="0" cellspacing="5"> <tr> <th width="225" height="150" valign="top" scope="col"><div id="fotbaslik">Hakkımda</div> <div id="fotyazi">Adım ömer 16 yaşındayım hobilerim,kod yazmak,basketbol oynamak,bilgisayar ile uğraşmak.Fobilerim,matematik,kafama top gelmesi,kızlar tarafından dışlanmam.Daha detaylı için <a href="http://koddersim.tr.gg/Hakk%26%23305%3Bmda.htm" _fcksavedurl="http://koddersim.tr.gg/Hakk%26%23305%3Bmda.htm">HAKKIMDA</a></div></th> <th width="225" height="150" valign="top" scope="col"><div id="fotbaslik">Dost siteler</div> <div id="fotmenu"> <ul> <li><a href="http://koddersim.tr.gg" _fcksavedurl="http://koddersim.tr.gg">• KodDersim</a></li> <li><a href="#" _fcksavedurl="#">• Siteni Ekle</a></li> <li><a href="#" _fcksavedurl="#">• Siteni Ekle</a></li> <li><a href="#" _fcksavedurl="#">• Siteni Ekle</a></li> <li><a href="#" _fcksavedurl="#">• Siteni ekle </a></li> </ul> </div></th> <th width="225" height="150" valign="top" scope="col"><div id="fotbaslik">Sitemiz Hakkında</div> <div id="fotyazi">Tasarım ve Kodlama -STdizayn (KODDERSİM)</div></th> <th width="225" height="150" valign="top" scope="col"><div id="fotbaslik">DMCA</div> <div id="fotyazi"><script src="//images.dmca.com/Badges/DMCABadgeHelper.min.js"></script><a href="http://www.dmca.com/Protection/Status.aspx?ID=fc78116b-0a31-48fa-9417-2b17cbc33bed" _fcksavedurl="http://www.dmca.com/Protection/Status.aspx?ID=fc78116b-0a31-48fa-9417-2b17cbc33bed" title="DMCA.com Protection Program" class="dmca-badge"> <img src ="//images.dmca.com/Badges/dmca_protected_sml_120o.png?ID=fc78116b-0a31-48fa-9417-2b17cbc33bed"  alt="DMCA.com Protection Status" /></a><br /> Bu sitedeki herşey DMCA ile korunmaktadır izinsiz hiç bir şey kopyalanamaz !</div></th> </tr> </table> </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;} table {margin-left:auto; margin-right:auto;} body {  margin: 0px; padding: 0px; background-color: #eee; } a:link { color: #1aa2be; } a:hover { color: #1aa2be; } a:visited { color: #1aa2be; }  a { text-decoration: none; } #ustgenel { width: 930px; height: 90px; margin-left: auto; margin-right: auto; } #menu { height: 50px; width: 930px; margin-right: auto; margin-bottom: auto; margin-left: auto; background-color: #1aa2be; } #menu ul { text-decoration: none; list-style-type: none; margin: 0px; padding: 0px; } #menu ul li a { color: #FFF; text-decoration: none; font-family: Tahoma, Geneva, sans-serif; font-size: 11px; font-weight: bold; width: 120px; height: 50px; text-align: center; display: block; line-height: 50px; float: left; } #menu ul li a:hover { background-color: #1ae2be; color: #272727; text-decoration: none; font-family: Tahoma, Geneva, sans-serif; font-size: 11px; font-weight: bold; width: 120px; text-align: center; display: block; float: left; transition: all .2s ease-in; } #icerik { background-color: #fff; font-family: tahoma, geneva, sans-serif; font-size: 11px; margin-left: auto; margin-right: auto; height: auto; width: 930px; } #contentsol { border-top: 3px solid #ccc; background-color: #fff; height: 200px; width: 463px; float: left; } #contentsağ { border-top: 3px solid #ccc; background-color: #fff; height: 200px; width: 463px; float: right; } #cbaslık { background-color: #1aa2be; height: auto; width: 463px; color: #fff; font-family: tahoma, geneva, sans-serif; font-size: 11px; font-weight: bold; } #cresim img { height: 90px; width: 463px; } #cbutton { margin-top: 8px; margin-left: 3px; } #sayfalama1 { margin-left:auto; margin-right: auto; background-color: #fff; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; width: 150px; height: auto; font-family: tahoma, geneva, sans-serif; font-weight: bold; font-size: 13px; } #sayfalama2 { float: right; } a.buton {           color: #acc; 		 font-family: Tahoma; 		 padding: 5px 10px; 		 background-color: #fff; 		 text-decoration: none; 		 font-size: 12px; 		 border-radius: 7px; 		 border-bottom: 2px dashed #1aa2be; } a.buton:hover {               color: #333; 			  background-color: #1aa2be;               margin-left: 3px; 			  transition: all .3s ease-in; } #sayfalama { margin-left: auto; margin-right: auto; } #footer a:link { color: #39F; }  #footer a:hover { color: #09F;  } #footer { margin-left: auto; margin-righT: auto; height: 150px; width: 930px;	 border-top-width: 2px; border-top-style: solid; border-top-color: #09F; background-color: #151515; } #fotbaslik { color: #FFF; font-size: 14px; font-family: Tahoma, Geneva, sans-serif; font-weight: bold; line-height: 25px; display: block; height: 25px; text-align: left; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCC; } #fotyazi { color: #CCC; font-weight: normal; text-align: left; font-size: 13px; font-family: Tahoma, Geneva, sans-serif; } #fotmenu ul { margin: 0px; padding: 0px; list-style-type: none; } #fotmenu ul li a { text-decoration: none; color: #CCC; font-size: 13px; font-weight: normal; font-family: Tahoma, Geneva, sans-serif; text-align: left; display: block; height: 20px; line-height: 20px; } #fotmenu ul li a:hover {  margin-right: 3px; transition: all .3s ease-in; }

Tasarımlarımız

STd-Kisisel

STd-Kişisel Web Sitesi Tasarımı