EntegreTasarımlar - Bedava-Sitem Tasarımlarının Yeni Adresi

Wib Oyun

Merhaba. Artık tasarım istekleri yapılıyor. Bu kez bize ilk gelen istek üzerine kodladığımız temayı yayımladık. Bu tasarımı WibOyun sitesi istemişti. Biz de onun istediği ile kodladık temayı.

Tasarım üzerindeki metin:
<table width="930" height="45" border="0" align="center" cellspacing="0" cellpadding="0"> <tbody> <tr> <td> <div id='cssmenu'> <ul> <li><a href='#' _fcksavedurl='#'><span>Ana Sayfa</span></a></li> <li class='last'><a href='#' _fcksavedurl='#'><span>Iletisim</span></a></li> </ul> </div>  </td> </tr> </tbody> </table> <table width="930" height="170" border="0" align="center" cellspacing="0" cellpadding="0"> <tbody> <tr> <td> <div style="text-align: center;"><a href="#" _fcksavedurl="#"><img src="http://i.hizliresim.com/E5Zl28.png" _fcksavedurl="http://i.hizliresim.com/E5Zl28.png" alt="" /><br /> </a></div> </td> </tr> </tbody> </table> <table width="930" border="0" align="center" cellspacing="0" cellpadding="0"> <tbody> <tr> <td background="http://i.hizliresim.com/3Y0Orr.png"> <table width="900" border="0" align="center" cellspacing="0" cellpadding="0"> <tbody> <tr> <td><span style="font-family: 'Calibri Light';

Tasarım altındaki yazı:
</td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table width="930" height="45" border="0" align="center" cellspacing="0" cellpadding="0"> <tbody> <tr> <td background="http://i.hizliresim.com/NrPGVk.png"><span style="font-family: 'Calibri Light';"><span style="color: rgb(255, 255, 255);">    © 2016 Site İsmi - Tüm Hakları Saklıdır. Tema: EntegreTasarimlar.tr.gg</span></span></td> </tr> </tbody> </table>

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;} @import url(http://fonts.googleapis.com/css?family=Oxygen+Mono); /* Starter CSS for Menu */ #cssmenu { padding: 0; margin: 0; border: 0; width: auto; } #cssmenu ul, #cssmenu li { list-style: none; margin: 0; padding: 0; } #cssmenu ul { position: relative; z-index: 597; } #cssmenu ul li { float: left; min-height: 1px; vertical-align: middle; } #cssmenu ul li.hover, #cssmenu ul li:hover { position: relative; z-index: 599; cursor: default; } #cssmenu ul ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%; } #cssmenu ul ul li { float: none; } #cssmenu ul ul ul { top: 0; left: 190px; width: 190px; } #cssmenu ul li:hover > ul { visibility: visible; } #cssmenu ul ul { bottom: 0; left: 0; } #cssmenu ul ul { margin-top: 0; } #cssmenu ul ul li { font-weight: normal; } #cssmenu a { display: block; line-height: 1em; text-decoration: none; } /* Custom CSS Styles */ #cssmenu { background: #051969; border-bottom: 4px solid #ff1b1b; font-family: 'Oxygen Mono', Tahoma, Arial, sans-serif; font-size: 12px; } #cssmenu > ul { *display: inline-block; } #cssmenu:after, #cssmenu ul:after { content: ''; display: block; clear: both; } #cssmenu ul { text-transform: uppercase; } #cssmenu ul ul { border-top: 4px solid #ff1b1b; text-transform: none; min-width: 190px; } #cssmenu ul ul a { background: #ff1b1b; color: #ffffff; border: 1px solid #0082e7; border-top: 0 none; line-height: 150%; padding: 16px 20px; font-size: 12px; } #cssmenu ul ul ul { border-top: 0 none; } #cssmenu ul ul li { position: relative; } #cssmenu ul ul li:first-child > a { border-top: 1px solid #0082e7; } #cssmenu ul ul li:hover > a { background: #4eb1ff; color: #ffffff; } #cssmenu ul ul li:last-child > a { -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-box-shadow: 0 1px 0 #ff1b1b; -webkit-box-shadow: 0 1px 0 #ff1b1b; box-shadow: 0 1px 0 #ff1b1b; } #cssmenu ul ul li:last-child:hover > a { -moz-border-radius: 0 0 0 3px; -webkit-border-radius: 0 0 0 3px; border-radius: 0 0 0 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #cssmenu ul ul li.has-sub > a:after { content: '+'; position: absolute; top: 50%; right: 15px; margin-top: -8px; } #cssmenu ul li:hover > a, #cssmenu ul li.active > a { background: #ff1b1b; color: #ffffff; } #cssmenu ul li.has-sub > a:after { content: '+'; margin-left: 5px; } #cssmenu ul li.last ul { left: auto; right: 0; } #cssmenu ul li.last ul ul { left: auto; right: 99.5%; } #cssmenu a { background: #051969; color: #CBCBCB; padding: 0 20px; } #cssmenu > ul > li > a { line-height: 48px; font-size: 12px; }

Ana Sayfa kodu:
<table width="900" height="45" border="0" align="center" cellspacing="0" cellpadding="0"> <tbody> <tr> <td background="http://i.hizliresim.com/NrPGVk.png"><span style="color: rgb(255, 255, 255);"> Başlık</span></td> </tr> </tbody> </table> <img src="http://i.hizliresim.com/VvqOEr.png" _fcksavedurl="http://i.hizliresim.com/VvqOEr.png" alt="" /> <br /> <br /> <table width="900" border="0" align="center" cellspacing="0" cellpadding="0"> <tbody> <tr> <td>Buraya açıklama girebillirsin. Buraya açıklama girebillirsin. Buraya açıklama girebillirsin. Buraya açıklama girebillirsin. Buraya açıklama girebillirsin.</td> </tr> </tbody> </table> <br /> <table width="900" height="45" border="0" align="center" cellspacing="0" cellpadding="0"> <tbody> <tr> <td background="http://i.hizliresim.com/vn1GXv.png"> <a href="#" _fcksavedurl="#" style="margin: 0px; padding: 0px; border: 0px; line-height: 21px; color: rgb(255, 255, 255); text-decoration: none; outline: none;">Devamı</a></td> </tr> </tbody> </table>