Css Free

  Sevgili ziyaretçilerimiz şimdi sizlerle Free Template uygulamalarını sitemize nasıl uygulayacağımızı paylaşacağız.
  İlk olarak tasarım ayarlarında CSS-Design bölümünü seçiyoruz ve gelişmiş ayarlara girip sırasıyla aşağıdaki kodları yapıştırıyoruz.

İlk olarak tasarımın üstü bölümünü aşağıdaki kodu yapıştırıyoruz. Bu kodda sadece SAYFANIN URLSİ yazan bölüme kendi sayfamızın urlsini yapıştııyoruz başka hiçbir şeyi değiştirmiyoruz bir harf bile tasarımın bozulmasına neden olabilir. 

Önizleme

<div id="content"> <div id="back"> <!-- header begins --> <div id="header"> <div id="logo"> <br /> <br /> <h1><a href=http://aslandesign.tr.gg _fcksavedurl=http://aslandesign.tr.gg></a>AslanDesign</a></h1><h2></h2> </div> <div id="menu"> <ul> <li><a href="SAYFANIN URLSİ" _fcksavedurl="SAYFANIN URLSİ" title="">Ana Sayfa</a></li> <li><a href="SAYFANIN URLSİ" _fcksavedurl="SAYFANIN URLSİ" title="">Blog</a></li> <li><a href="SAYFANIN URLSİ" _fcksavedurl="SAYFANIN URLSİ" title="">Galerİ</a></li> <li><a href="SAYFANIN URLSİ" _fcksavedurl="SAYFANIN URLSİ" title="">İletİşİm</a></li> <li><a href="SAYFANIN URLSİ" _fcksavedurl="SAYFANIN URLSİ" title="">Z.Defterİ</a></li> </ul> </div> </div> <!-- header ends --> <!-- content begins --> <div id="main"> <div id="right"> <h2>Sitemize Hoş Geldiniz</h2><br />

</div> <div id="left"> <h3>Menü</h3> <ul> <li><ul> <li><a href="SAYFANIN URLSİ" _fcksavedurl="SAYFANIN URLSİ">Sayfa ismi</a></li> <li><a href="SAYFANIN URLSİ" _fcksavedurl="SAYFANIN URLSİ">Sayfa ismi</a></li> <li><a href="SAYFANIN URLSİ" _fcksavedurl="SAYFANIN URLSİ">Sayfa ismi</a></li> <li><a href="SAYFANIN URLSİ" _fcksavedurl="SAYFANIN URLSİ">Sayfa ismi</a></li> <li><a href="SAYFANIN URLSİ" _fcksavedurl="SAYFANIN URLSİ">Sayfa ismi</a></li> <li><a href="SAYFANIN URLSİ" _fcksavedurl="SAYFANIN URLSİ">Sayfa ismi</a></li> <li><a href="SAYFANIN URLSİ" _fcksavedurl="SAYFANIN URLSİ">Sayfa ismi</a></li> <li><a href="SAYFANIN URLSİ" _fcksavedurl="SAYFANIN URLSİ">Sayfa ismi</a></li> <li><a href="SAYFANIN URLSİ" _fcksavedurl="SAYFANIN URLSİ">Sayfa ismi</a></li> <li><a href="SAYFANIN URLSİ" _fcksavedurl="SAYFANIN URLSİ">Sayfa ismi</a></li> <li><a href="SAYFANIN URLSİ" _fcksavedurl="SAYFANIN URLSİ">Sayfa ismi</a></li> <li><a href="SAYFANIN URLSİ" _fcksavedurl="SAYFANIN URLSİ">Sayfa ismi</a></li> </ul> </li> </ul> </div> <!--content ends --> </div> </div> <div id="footer"> <p>Bu site <a href="http://aslandesign.tr.gg/" _fcksavedurl="http://aslandesign.tr.gg/" title="AslanDesign">AslanDesign</a> tarafından tasarlanmıştır.</a> </p> </div> </div>

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;} /* Design by Metamorphosis Design http://www.metamorphozis.com Released for free under a Creative Commons Attribution 2.5 License */ * { margin: 0px; padding: 0px; } a:link { color: #01569A; } a:hover { text-decoration: none; color: #FF0000; } a:visited { color: #01569A; } body { background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_tunel/images/back1.gif) repeat-x; font: 13px Arial, Helvetica, sans-serif; color: #666666; } #content { } #back { width: 678px; margin: 0 auto; } #header { height: 369px; text-align: left; } #menu { width: 538px; height: 58px; padding-left: 140px; background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_tunel/images/buttons.gif) no-repeat; margin-top:32px; } #menu ul { list-style: none; } #menu li { display: inline; } #menu a { float: left; width: 79px; height: 38px; display: block; text-align: center; text-decoration: none; color: #000000; font-weight: bold; padding-top: 20px; font-size: 12px; text-transform: uppercase; } #menu a:hover { width: 79px; height: 38px; color: #004586; text-decoration: underline; background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_tunel/images/buttons_r.gif) repeat-x; } #logo { background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_tunel/images/header.jpg) no-repeat; width: 678px; height: 258px; text-align: left; margin-top: -31px; padding: 9px; } #logo a { text-decoration: none; text-transform: lowercase; font-style: italic; font-size: 16px; color: #01569A; } #logo H1 { padding: 0px; margin: 0px; } #logo H2 a { font-size: 10px; padding: 0px; margin: 0px; } #main { padding: 10px; padding-top: 40px; } #left { width: 220px; } #left H3 { width: 200px; height: 26px; font-size: 14px; font-weight: bold; padding-left: 20px; padding-top: 10px; text-transform: uppercase; color: #000000; background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_tunel/images/title.gif) repeat-x } #left ul { list-style: none; } #left li { background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_tunel/images/title_back.gif) no-repeat; } #left li ul { border: 0px; margin-left: 20px; margin-bottom: 10px; } #left li li { padding: 4px 20px; background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_tunel/images/small.gif) no-repeat left; } #left a { color: #01569A; } #left a:visited { color: #01569A; } #left p { padding: 10px; } #calendar1 { padding: 0 10px 20px 10px; } #calendar table { width: 100%; text-align: center; } #calendar thead { } #calendar tbody td { border: 1px solid #F1F1F1; } #calendar #prev { text-align: left; } #calendar #next { text-align: right; } #calendar tfoot a { text-decoration: none; font-weight: bold; } #calendar #now { background: #696969; border: 1px solid #ff0000; font-weight: bold; color: #ffffff } #right .date2 { margin: 10px; padding: 0; padding-top: 3px; } .date2 { float: left; width: 53px; height: 54px; background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_tunel/images/date.gif) no-repeat; text-transform: uppercase; text-align: center; font-size: 8px; font-weight: bold; color: #FFFFFF; vertical-align: middle; } .date2 b { display: block; font-size: 35px; color: #2F6AA2; } #right { float: right; width: 410px; padding-right: 10px; } #right H4 { margin: 0; padding: 0px; font-size: 12px; color: #01569A; } #right a { color: #01569A; text-decoration: none; } #right p { margin: 0; padding: 0; padding-bottom: 10px; } #right h2 { margin: 0; padding: 0; padding-top: 10px; color: #01569A; } .date { text-align: right; color: #808080; font-size: 11px; } .date a { color: #D72020; } #footer { height: 50px; clear: both; padding-top: 70px; background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_tunel/images/footer.gif) repeat-x bottom; } #footer p { margin: 0; font-size: 10px; text-align: center; color: #01569A; } #footer a { color: #01569A; }