Fronzenage tasarim kodu
MENÜ GİZLEME KODU
CSS KOD
<style type="text/css">
<!--
td.nav {visibility:hidden;}
--> </style>
* {
margin: 0;
padding: 0;
}
body {
background: #FFFFFF url(https://img.webme.com/pic/g/guckanwebtasarimlari/img01.gif) repeat-x;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 9px;
color: #6E6E6E;
}
input, textarea {
background: #FFFFFF url(https://img.webme.com/pic/g/guckanwebtasarimlari/img09.gif) repeat-x;
border: 1px solid #FFFFFF;
border-top-color: #A3A3A3;
border-left-color: #D6D6D6;
font: normal 1em/normal "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #6E6E6E;
}
h1, h2, h3 {
margin-bottom: 1em;
letter-spacing: -0.05em;
font-family: Georgia, "Times New Roman", Times, serif;
}
h1, h1 a, h2, h2 a {
text-decoration: none;
color: #414141;
}
h1 a:hover, h2 a:hover {
text-decoration: underline;
}
h1 {
font-size: 28px;
}
h2 {
font-size: 14px;
}
h3 {
font-size: 12px;
font-weight: normal;
color: #939292;
}
p, ul, ol {
margin-top: 1em;
line-height: 190%;
}
ul, ol {
margin-left: 1em;
}
blockquote {
margin-left: 1em;
margin-right: 1em;
}
a {
color: #346086;
}
a:hover {
text-decoration: none;
}
a img {
border: none;
}
img.left {
float: left;
margin-right: 20px;
}
img.right {
float: right;
margin-right: 20px;
}
hr {
display: none;
}
/* Logo */
#logo {
width: 870px;
height: 135px;
margin: 0 auto;
}
#logo h1, #logo h2 {
margin: 0;
}
#logo h1 {
float: left;
padding-top: 5px;
}
#logo h2 {
float: right;
padding-top: 5px;
font-size: 16px;
font-weight: normal;
}
#logo h2, #logo h2 a {
color: #939292;
}
#logo a {
text-decoration: none;
}
/* Menu */
#menu {
width: 960px;
height: 62px;
margin: 0 auto;
background: #252E3A url(https://img.webme.com/pic/g/guckanwebtasarimlari/img02.jpg) no-repeat;
}
#menu ul {
margin: 0;
padding: 21px 0 0 30px;
list-style: none;
line-height: normal;
}
#menu li {
float: left;
padding: 0 20px 0 22px;
background: url(https://img.webme.com/pic/g/guckanwebtasarimlari/img03.gif) no-repeat left center;
}
#menu li.first {
background: none;
}
#menu a {
text-decoration: none;
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
}
/* Search */
#search {
float: right;
width: 227px;
}
#search fieldset {
border: none;
}
#search input {
float: left;
}
#search #s {
width: 136px;
margin-right: 7px;
padding: 2px 5px;
}
#search #x {
background: none;
border: none;
}
/* Banner */
#banner {
width: 960px;
margin: 0 auto;
padding: 8px 0;
}
/* Page */
#page {
width: 900px;
margin: 0 auto;
padding: 45px 35px 45px 25px;
background: url(https://img.webme.com/pic/g/guckanwebtasarimlari/img05.gif) no-repeat;
}
/* Content */
#content {
float: left;
width: 603px;
}
.post {
}
.post .title {
margin: 0;
padding: 0 20px;
}
.post .entry {
padding: 0 20px;
}
.post .meta {
height: 47px;
margin: 20px 0 40px 0;
padding: 15px 0 0 20px;
background: url(https://img.webme.com/pic/g/guckanwebtasarimlari/img07.gif) no-repeat;
line-height: normal;
}
/* Sidebar */
#sidebar {
float: right;
width: 253px;
}
#sidebar ul {
margin: 0;
padding: 0;
list-style: none;
line-height: normal;
}
#sidebar li {
margin-bottom: 40px;
padding: 0 15px 0 20px;
}
#sidebar li ul {
}
#sidebar li li {
margin: 0;
padding: 5px 0;
border-bottom: 1px solid #E5E5E5;
}
#sidebar li h2 {
margin-bottom: 15px;
font-size: 18px;
}
/* Calendar */
#sidebar #calendar {
padding: 0;
background: url(https://img.webme.com/pic/g/guckanwebtasarimlari/img08.jpg) no-repeat;
}
#calendar caption {
margin: -20px auto 0 auto;
text-align: center;
font-weight: bold;
}
#calendar table {
margin: 0 auto;
caption-side: bottom;
}
#calendar thead th {
width: 31px;
height: 40px;
font-weight: bold;
color: #FFFFFF;
}
#calendar tbody td {
width: 31px;
height: 31px;
text-align: center;
color: #9E9E9E;
}
#calendar tfoot td {
padding-top: 20px;
font-weight: bold;
}
#calendar #next {
text-align: right;
}
/* Footer */
#footer {
clear: both;
width: 870px;
height: 50px;
margin: 0 auto;
padding: 35px 45px;
background: url(https://img.webme.com/pic/g/guckanwebtasarimlari/img05.gif) no-repeat;
}
#footer p {
margin: 0;
line-height: normal;
color: #B4B4B4;
}
#footer a {
color: #B4B4B4;
}
#footer .legal {
float: left;
}
#footer .credit {
float: right;
}
HTML KOD
Design by Ğolozlu. Css tasarım sayfaları
http://www.guckanweb.tr.gg
Released for free under a Creative Commons Attribution 2.5 License
Name : FronzenAge
Description: A two-column, fixed-width template suitable for business sites and blogs.
Version : 1.0
Released : 20071108
-->
<meta content="text/html; charset=utf-8" http-equiv="content-type" />
<meta content="" name="keywords" />
<meta content="" name="description" />
<link media="screen" href="style.css" type="text/css" rel="stylesheet" /><!--[if IE]>
<style type="text/css">
#sidebar #calendar {
background-position: 0px 20px;
}
</style>
<![endif]-->
<div id="logo" style="width: 870px; height: 45px">
<h1 style="width: 200px; height: 17px"><a href="#">GÜÇKANWEB</a></h1>
<h2>By <a href="http://www.guckanweb.tr.gg">Ğolozlu</a> + <a href="http://www.guckanwebtasarim.tr.gg">Ücretsiz CSS Tasarımları</a></h2>
</div>
<div id="menu">
<ul>
<li class="first"><a title="" accesskey="1" href="#">Home</a></li>
<li><a title="" accesskey="2" href="#">Articles</a></li>
<li><a title="" accesskey="3" href="#">Blogs</a></li>
<li><a title="" accesskey="4" href="#">About Us</a></li>
<li><a title="" accesskey="5" href="#">Contacts</a></li>
<li><a title="" accesskey="6" href="#">RSS</a></li>
</ul>
<div id="search">
<form action="" method="get">
<fieldset><input id="s" name="s" type="text" /> <input id="x" type="image" src="https://img.webme.com/pic/g/guckanwebtasarimlari/img10.jpg" name="imageField" /> </fieldset>
</form>
</div>
</div>
<hr />
<div id="banner"><img height="147" alt="" width="960" src="https://img.webme.com/pic/g/guckanwebtasarimlari/img04.jpg" /></div>
<!-- start page -->
<div id="page" style="width: 917px; height: 783px"><!-- start content -->
<div id="content">
<div class="post">
<h2 class="title"><a href="#">Tasarım FrozenAge Kodu Al</a></h2>
<div class="entry">
<h3>By Ğolozlu ücretsiz css tasarım sayfaları</h3>
<img class="left" height="72" alt="" width="132" src="https://img.webme.com/pic/g/guckanwebtasarimlari/img06.jpg" />
<p><font size="2">Bedava-sitem kullanıcıları için güçkanweb tasarım sayfaları. Bu tasarımı beğendiniz ve kullanmak istiyorsanız yukarıdan kodunu alabilirsiniz. Kodu almadan önce yapmanız gerekenleri anlatmaya çalışayım. Tasarım ayarlarından gelişmiş tasarımlara girin. Kodun birinci bölümü olan Css kısmını (css kodu style tagleri olmadan) yazan yere ekleyin. Html yazan ikinci bölümü ise oluşturacağınız sayfalara ekleyin.<br />
<br />
Tasarımın üzerine eklediğiniz kodlara değişiklik yapmayın aksi takdirde tasarımı bozabilirsiniz. Tasarımlarla ilgili soruların varsa onları <a onclick="window.open(this.href,'','resizable=no,location=no,menubar=no,scrollbars=yes,status=no,toolbar=no,fullscreen=yes,dependent=no,status'); return false" href="http://guckanweb.tr.gg/Ziyaretci-defteri.htm"><font color="#810081"> buraya yazabilirsin </font></a><br />
</font></p>
</div>
<p class="meta"><font size="2">Ekleme tarihi: 25.05.2008 by </font><a href="#"><font size="2">Ğolozlu</font></a><font size="2"> | </font><a href="#"><font size="2">Sonraki Tasarım</font></a></p>
</div>
<div class="post">
<h2 class="title"><a href="#"><font size="3">BASLIK 1</font></a></h2>
<div class="entry">
<h3>Buraya slogan yazabilirsin</h3>
<p>Birinci paragraf sayfa içeriği buraya.</p>
<p>İkinci paragraf sayfa içeriği</p>
</div>
<p class="meta">Posted on November 5, 2007 by <a href="#">Someone</a> | <a href="#">32 comments</a></p>
</div>
</div>
<!-- end content --><!-- start sidebar -->
<div id="sidebar">
<ul>
<li id="calendar">
<table summary="Calendar">
<caption>MAYIS 2008</caption>
<thead>
<tr>
<th title="Monday" scope="col" abbr="Monday">M</th>
<th title="Tuesday" scope="col" abbr="Tuesday">T</th>
<th title="Wednesday" scope="col" abbr="Wednesday">W</th>
<th title="Thursday" scope="col" abbr="Thursday">T</th>
<th title="Friday" scope="col" abbr="Friday">F</th>
<th title="Saturday" scope="col" abbr="Saturday">S</th>
<th title="Sunday" scope="col" abbr="Sunday">S</th>
</tr>
</thead>
<tfoot>
<tr>
<td id="prev" abbr="October" colspan="3"><a title="View posts for October 2007" href="#">« Geri</a></td>
<td class="pad"> </td>
<td id="next" abbr="December" colspan="3"><a title="View posts for December 2007" href="#">İleri »</a></td>
</tr>
</tfoot>
<tbody>
<tr>
<td class="pad" colspan="3"> </td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td id="today">5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
</tr>
<tr>
<td>12</td>
<td>13</td>
<td>14</td>
<td>15</td>
<td>16</td>
<td>17</td>
<td>18</td>
</tr>
<tr>
<td>19</td>
<td>20</td>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
<td>25</td>
</tr>
<tr>
<td>26</td>
<td>27</td>
<td>28</td>
<td>29</td>
<td>30</td>
<td class="pad" colspan="2"> </td>
</tr>
</tbody>
</table>
</li>
<li>
<h2>BASLIK 2</h2>
<p>İkinci başlık sayfa içeriği buraya yazılacak.</p>
</li>
<li>
<h2>MENÜ</h2>
<ul>
<li><a href="#">Proin nec magna nec massa</a></li>
<li><a href="#">Sit amet purus congue</a></li>
<li><a href="#">Molestie aliquam erat volutpat</a></li>
<li><a href="#">Nulla pellentesque dolor</a></li>
<li><a href="#">Non tellus duis vel elit sit</a></li>
<li><a href="#">Amet ipsum vehicula varius</a></li>
<li><a href="#">Primis in faucibus orci luctus</a></li>
<li><a href="#">Vestibulum ante ipsum</a></li>
</ul>
</li>
</ul>
</div>
<!-- end sidebar --></div>
<!-- end page -->
<div id="footer">
<p class="legal"><font size="2">Copyright (c) 2007 Güçkanweb. Tasarım sayfaları</font>.</p>
<p class="credit"><font size="2">Designed by </font><a href="http://www.guckanweb.tr.gg/"><font size="2">Ğolozlu</font></a><font size="2"> + </font><a href="http://www.guckanwebtasarim.tr.gg/"><font size="2">Ücretsiz CSS Tasarımlar</font></a></p>
</div>