Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj07.09.2009, 13:59 (UTC)    
Mesaj konusu: Mavi-Beyaz Sade Tasarım

Kod Ayırma Benim İçin Kabus Gibi Birşeydi.Bir Türlü Beceremiyordum.Ancak Şeytanın Bacağını Kırarak Kod Ayırmada Başarılı Oldum xD Tasarım (Ç)Alıntıdır(Free Templates) Ancak Kodları Ayırmaya Uğraştığım İçin Bir Teşekkür Ederseniz Sevinirim.Önizleme ve Kodlar Aşağıda

Önizleme İçin Aşağıdaki Linke Tıklayınız.

http://img186.imageshack.us/img186/656/66353651.png

Tasarım Üstü

Kod:
<div id="wrapper">
   <div id="header">
      <div id="logo">
         <h1><a href="#">Site Ismi</a></h1>
         <p>  <a href="#">Site Aciklamasi</a></p>
      </div>
      <div id="search">
         <form method="get" action="">
            <fieldset>
            <input type="text" name="s" id="search-text" size="15" />
            <input type="submit" id="search-submit" value="GO" />
            </fieldset>
         </form>
      </div>
   </div>
   <!-- end #header -->
   <div id="menu">
      <ul>
         <li class="current_page_item"><a href="#">Ana Sayfa</a></li>
         <li><a href="#">Menü</a></li>
         <li><a href="#">Menü</a></li>
         <li><a href="#">Menü</a></li>
         <li><a href="#">Menü</a></li>
         <li><a href="#">Menü</a></li>
      </ul>
   </div>
   <!-- end #menu -->
   <div id="page">
   <div id="page-bgtop">
   <div id="page-bgbtm">
      <div id="content">


Tasarım Altı

Kod:
</div>
      <!-- end #content -->
      <div id="sidebar">
         <ul>
            <li>
               <h2>Duyurular</h2>
               <p>Duyuruları Buraya Ekleyin</p>
            </li>
            <li>
               <h2>Menuler</h2>
               <ul>
                  <li><a href="#">Menü</a></li>
                  <li><a href="#">Menü</a></li>
                  <li><a href="#">Menü</a></li>
                  <li><a href="#">Menü</a></li>
                  <li><a href="#">Menü</a></li>
                  <li><a href="#">Menü</a></li>
               </ul>
            </li>
            <li>
               <h2>Menu</h2>
               <ul>
                  <li><a href="#">Menü</a></li>
                  <li><a href="#">Menü</a></li>
                  <li><a href="#">Menü</a></li>
                  <li><a href="#">Menü</a></li>
                  <li><a href="#">Menü</a></li>
                  <li><a href="#">Menü</a></li>
               </ul>
            </li>
            <li>
               <h2>Menü</h2>
               <ul>
                  <li><a href="#">Menü</a></li>
                  <li><a href="#">Menü</a></li>
                  <li><a href="#">Menü</a></li>
                  <li><a href="#">Menü</a></li>
                  <li><a href="#">Menü</a></li>
                  <li><a href="#">Menü</a></li>
               </ul>
            </li>
         </ul>
      </div>
      <!-- end #sidebar -->
      <div style="clear: both;">&nbsp;</div>
   </div>
   </div>
   </div>
   <!-- end #page -->
</div>
   <div id="footer">
      <p>Copyright (c) 2009 Siteismi.tr.gg <a href="http://www.siteismi.tr.gg">Birseyler Yaz</a>.</p>
   </div>
   <!-- end #footer -->


CSS Kodu Bölümüne

Kod:
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 Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
   margin: 0;
   padding: 0;
   background: #F7F7F7 url(http://img34.imageshack.us/img34/4848/img01ke.jpg) repeat-x left top;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #787878;
}

h1, h2, h3 {
   margin: 0;
   padding: 0;
   font-family: Georgia, "Times New Roman", Times, serif;
   font-weight: normal;
   color: #8A8A8A;
}

h1 {
   font-size: 2em;
}

h2 {
   font-size: 1.8em;
}

h3 {
   font-size: 1.6em;
}

p, ul, ol {
   margin-top: 0;
   line-height: 180%;
}

ul, ol {
}

a {
   text-decoration: none;
   color: #01BBEC;
}

a:hover {
}

#wrapper {
   width: 960px;
   margin: 0 auto;
   padding: 0;
}

/* Header */

#header {
   width: 960px;
   height: 110px;
   margin: 0 auto;
}

/* Logo */

#logo {
   float: left;
   height: 65px;
   margin: 0;
   padding-top: 20px;
   color: #FFFFFF;
}

#logo h1, #logo p {
   margin: 0;
   padding: 0;
}

#logo h1 {
   float: left;
   letter-spacing: -1px;
   text-transform: lowercase;
   font-size: 2.6em;
}

#logo p {
   float: left;
   margin: 0;
   padding: 12px 0 0 10px;
   font: normal 14px Georgia, "Times New Roman", Times, serif;
   font-style: italic;
}

#logo a {
   border: none;
   background: none;
   text-decoration: none;
   color: #FFFFFF;
}

/* Search */

#search {
   float: right;
   width: 301px;
   height: 110px;
   padding: 0;
   background: url(http://img34.imageshack.us/img34/3097/img02v.jpg) no-repeat left top;
}

#search form {
   height: 41px;
   margin: 0;
   padding: 10px 0 0 20px;
}

#search fieldset {
   margin: 0;
   padding: 0;
   border: none;
}

#search-text {
   width: 195px;
   padding: 4px 5px;
   border: 1px solid #DEDEDE;
   background: #FFFFFF;
   text-transform: lowercase;
   font: normal 11px Arial, Helvetica, sans-serif;
   color: #5D781D;
}

#search-submit {
   width: 50px;
   height: 25px;
   border: none;
   background: url(http://img38.imageshack.us/img38/2688/img03vn.jpg) no-repeat left top;
   color: #FFFFFF;
}

/* Menu */

#menu {
   width: 960px;
   height: 38px;
   margin: 0 auto;
   padding: 0;
}

#menu ul {
   margin: 0;
   padding: 0px 0px 0px 25px;
   list-style: none;
   line-height: normal;
}

#menu li {
   float: left;
   height: 38px;
   background: url(http://img38.imageshack.us/i/img04y.jpg/) no-repeat right top;
}

#menu a {
   display: block;
   margin-right: 3px;
   padding: 10px 30px 7px 30px;
   text-decoration: none;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   font-weight: bold;
   color: #AFAFAF;
   border: none;
}

#menu a:hover, #menu .current_page_item a {
}

#menu .current_page_item a {
   padding-left: 0;
}

#menu a:hover {
   text-decoration: underline;
}

/* Page */

#page {
   width: 960px;
   margin: 0 auto;
   padding: 0;
}

#page-bgtop {
   padding: 20px 25px;
}

#page-bgbtm {
}

/* Content */

#content {
   float: right;
   width: 630px;
   padding: 0;
}

.post {
   margin-bottom: 25px;
   padding: 20px 0px;
   background: #FFFFFF;
}

.post-bgtop {
}

.post-bgbtm {
}

.post .title {
   height: 38px;
   margin-bottom: 10px;
   padding: 12px 0 0 20px;
   background: #01BBEC;
   letter-spacing: -.5px;
   color: #FFFFFF;
}

.post .title a {
   color: #FFFFFF;
   border: none;
}

.post .meta {
   padding-bottom: 5px;
   padding-left: 20px;
   text-align: left;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-style: italic;
}

.post .meta a {
   color: #01BBEC;
}

.post .entry {
   padding: 0px 20px 20px 20px;
   padding-bottom: 20px;
   text-align: justify;
}

.links {
   display: block;
   width: 100px;
   height: 20px;
   margin-top: 20px;
   background: url(http://img512.imageshack.us/i/img05n.jpg/) no-repeat left top;
   text-align: center;
   text-transform: uppercase;
   font-size: 10px;
   color: #FFFFFF;
}

/* Sidebar */

#sidebar {
   float: left;
   width: 240px;
   padding: 20px 0px 0px 0px;
   color: #787878;
   background: #FFFFFF;
}

#sidebar ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

#sidebar li {
   margin: 0;
   padding: 0;
}

#sidebar li ul {
   margin: 0px 15px;
   padding-bottom: 30px;
}

#sidebar li li {
   line-height: 35px;
   border-bottom: 1px dashed #D1D1D1;
   padding-left: 10px;
}

#sidebar li li span {
   display: block;
   margin-top: -20px;
   padding: 0;
   font-size: 11px;
   font-style: italic;
}

#sidebar h2 {
   height: 38px;
   padding: 12px 0 0 20px;
   background: #01BBEC;
   letter-spacing: -.5px;
   color: #FFFFFF;
}

#sidebar p {
   margin: 0 0px;
   padding: 0px 20px 20px 20px;
   text-align: justify;
}

#sidebar a {
   border: none;
   color: #01BBEC;
}

#sidebar a:hover {
   text-decoration: underline;
   color: #8A8A8A;
}

/* Calendar */

#calendar {
}

#calendar_wrap {
   padding: 20px;
}

#calendar table {
   width: 100%;
}

#calendar tbody td {
   text-align: center;
}

#calendar #next {
   text-align: right;
}

/* Footer */

#footer {
   width: 960px;
   height: 50px;
   margin: 0 auto;
   padding: 0px 0 15px 0;
   border-top: 1px solid #DEDEDE;
   font-family: Arial, Helvetica, sans-serif;
}

#footer p {
   margin: 0;
   padding-top: 20px;
   line-height: normal;
   font-size: 9px;
   text-transform: uppercase;
   text-align: center;
   color: #A0A0A0;
}

#footer a {
   color: #8A8A8A;
}
Mesaj07.09.2009, 14:05 (UTC)    
Mesaj konusu:

emeğine sağlık
______________
Seyahatnamem Çok Yakında..
Mesaj07.09.2009, 14:15 (UTC)    
Mesaj konusu:

emeğine sağlık dediği gibi

bir bilene söleseydin ayırırdı seni çok uğraştırmazdı
______________
Siteme yazar arıyorum ..
30 özgün yazı yazana 500 mb host veriyorum .
Mesaj07.09.2009, 14:17 (UTC)    
Mesaj konusu:

biltekno-web yazmış:
emeğine sağlık dediği gibi

bir bilene söleseydin ayırırdı seni çok uğraştırmazdı


Arkadasımız emek harcamıs kendisi ayırmıs aslında bende kendi tasarımımı kendim ayırmayı düşünüyorum
______________
Mesaj07.09.2009, 16:04 (UTC)    
Mesaj konusu:

Tşk Ederim Arkadaşlar Hepinize
Mesaj07.09.2009, 16:14 (UTC)    
Mesaj konusu:

cin-cocuk yazmış:
biltekno-web yazmış:
emeğine sağlık dediği gibi

bir bilene söleseydin ayırırdı seni çok uğraştırmazdı


Arkadasımız emek harcamıs kendisi ayırmıs aslında bende kendi tasarımımı kendim ayırmayı düşünüyorum

kendi atsarımını kendin ayırman daha iyi ama forumda paylaşmak için ayırmıştır diye düşündüm ondan dedim kendi tasaımrımımı kendim ayırmak dediğin gibi herzmn en iyisidir vede uğraşmaya değer bu arada taasaırm güzel
______________
Siteme yazar arıyorum ..
30 özgün yazı yazana 500 mb host veriyorum .
Mesaj07.09.2009, 16:36 (UTC)    
Mesaj konusu:

biltekno-web yazmış:
cin-cocuk yazmış:
biltekno-web yazmış:
emeğine sağlık dediği gibi

bir bilene söleseydin ayırırdı seni çok uğraştırmazdı


Arkadasımız emek harcamıs kendisi ayırmıs aslında bende kendi tasarımımı kendim ayırmayı düşünüyorum

kendi atsarımını kendin ayırman daha iyi ama forumda paylaşmak için ayırmıştır diye düşündüm ondan dedim kendi tasaımrımımı kendim ayırmak dediğin gibi herzmn en iyisidir vede uğraşmaya değer bu arada taasaırm güzel


Tşk Ederim Wink
Mesaj07.09.2009, 20:41 (UTC)    
Mesaj konusu:

menü kaymış çok fena hemde Very Happy ama eline sağlıkWink
______________
arkadaşlar bedava-sitemde boşuna vakit kaybetmeyin...
Mesaj08.09.2009, 07:19 (UTC)    
Mesaj konusu:

Bennim site yapımda kendi tasarımımı yapıyorum ama, bunu siteme denediğimde ust yatay menu bozulmustu...

Yani sadece linkler halindeydi...
Css bolumune baktim,#menu, ve diğerlerinde ölü bi tane resim linki vardı...

Mr. Green
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu