Forum'da ara:
Ara


Yazar Mesaj
Mesaj06.05.2011, 11:38 (UTC)    
Mesaj konusu: Yeşil kişisel Bedava Sitem tasarımı... (css)

Selam arkadaşlar, üç gün oldu sitemizi acalı, her yeni günde bir tema ekliyoruz maşallah : ) Bu sefer site sahiplerinin kişisel sitelerinide düşündük ve değişik bir tema yaptık. Cok güzel ve sade bir tema. alt taraflarında katlamalar var... Bence beğeneceksiniz. İlerki zamanlarda değişik renklerinide yayınlayacağım, Sarı kırmızı gibi. Zaten cok resim yok içinde onları değiştirmek yetecek. Neyse güle güle kullanın : )
---------------------------------------------------------------------
Kodlar cok uzun eğer daha rahat almak isterseniz http://bs-aktif.tr.gg/Bedava-sitem-yesil-kisisel-temasi.htm burada var. Aynı yerden ön izlemeye de bakabilirsiniz...
---------------------------------------------------------------------
Tasarımın üstüne
Kod:
 <span id="top"></span> <div id="templatemo_wrapper">     <div id="templatmeo_header">          <div id="site_title">             <h1><a href="http://www.bs-aktif.tr.gg" _fcksavedurl="http://www.bs-aktif.tr.gg">BS-AKTİF</a></h1>         </div>         <div id="templatemo_menu">             <ul>                 <li><a href="http://www.bs-aktif.tr.gg" _fcksavedurl="http://www.bs-aktif.tr.gg">Anasayfa</a></li>                 <li><a href="http://www.bs-aktif.tr.gg" _fcksavedurl="http://www.bs-aktif.tr.gg">Hakkımda</a></li>                  <li><a href="http://www.bs-aktif.tr.gg" _fcksavedurl="http://www.bs-aktif.tr.gg">İletişim</a></li>                 <li><a href="http://www.bs-aktif.tr.gg" _fcksavedurl="http://www.bs-aktif.tr.gg" target="_blank">BS-AKTİF</a></li>             </ul>                 </div> <!-- end of templatemo_menu -->     </div> <!-- end of header -->          <div id="templatemo_main">              <div id="home" class="content_top"></div>          <div class="content_box">             <div class="content_title content_home"></div>


---------------------------------------------------------------------
Tasarımın Altına:
Kod:
<a href="#" _fcksavedurl="#" class="gototop">Hadi Yukarı ^</a>            </p>         </div>     </div>          <div id="templatemo_footer">              Copyright © 2011 <a href="#" _fcksavedurl="#">Site ismini yaz.</a> | Yapımcı: <a href="http://www.bs-aktif.tr.gg" _fcksavedurl="http://www.bs-aktif.tr.gg" target="_parent">BS-AKTİF.</a><a href="http://www.bs-aktif.tr.gg" _fcksavedurl="http://www.bs-aktif.tr.gg" target="_parent"></a> Powered By <a href="http://www.bs-aktif.tr.gg" _fcksavedurl="http://www.bs-aktif.tr.gg" target="_parent">BS-AKTİF</a>                   <div class="cleaner"></div>     </div>      </div>


---------------------------------------------------------------------
Css Koduna:
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;} table {margin-left: auto;margin-right: auto}body {    margin: 0;    padding: 0;    color: #666;    font-family: Tahoma, Geneva, sans-serif;    font-size: 12px;    line-height: 1.5em;     background-color: #ebe8e1;    background-image: url(http://img.webme.com/pic/b/bs-aktif/arkaplan.jpg);    background-repeat: no-repeat;    background-position: top center;    background-attachment: fixed; }  a, a:link, a:visited { color: #539906; font-weight: 400; text-decoration: underline; } a:hover { color: #060; text-decoration: none; }  p { margin: 0 0 10px 0; padding: 0; } img { border: none; } blockquote { font-style: italic; margin: 0 0 0 10px;} cite { font-weight: bold; color:#333; } cite span { color: #333; } em { color: #333; font-weight: 400 }  h1, h2, h3, h4, h5, h6 { color: #000; font-weight: normal;  } h1 { font-size: 34px; margin: 0 0 20px; padding: 5px 0 } h2 { font-size: 28px; margin: 0 0 20px; padding: 5px 0 10px 0; } h3 { font-size: 20px; margin: 0 0 15px; padding: 0; } h4 { font-size: 18px; margin: 0 0 15px; padding: 0; } h5 { font-size: 16px; margin: 0 0 10px; padding: 0;  } h6 { font-size: 14px; margin: 0 0 5px; padding: 0; }  .cleaner { clear: both } .h10 { height: 10px } .h20 { height: 20px } .h30 { height: 30px } .h40 { height: 40px } .h50 { height: 50px } .h60 { height: 60px }  .float_l { float: left } .float_r { float: right }  .image_wrapper { position: relative; display: inline-block; width: 300px; height: 168px; margin: 3px 0 10px 0; } .image_wrapper img { z-index: 1000; position: absolute; top: 0; left: 0; width: 300px; height: 150px; } .image_wrapper span {  position: absolute; border: 0; left: 0; width: 300px; height: 168px; background: url(http://img.webme.com/pic/b/bs-aktif/tema1.jpg) no-repeat }  .image_fl { float: left; margin: 3px 20px 0 0 } .image_fr { float: right; margin: 3px 0 0 20px }   .tmo_list { margin: 20px 0 20px 10px; padding: 0; list-style: none } .tmo_list li { color:#bfb839; margin: 0; padding: 0 0 5px 15px; background: url(http://img.webme.com/pic/b/bs-aktif/arti.jpg) no-repeat scroll 0 4px  } .tmo_list li a { color: #bfb839; font-weight: normal; font-size: 12px; text-decoration: none } .tmo_list li a:hover { color: #bfb839; text-decoration: underline }   #templatemo_wrapper {    width: 806px;    margin: 0 auto;    padding-left: 6px; /*   background: url(http://img.webme.com/pic/b/bs-aktif/arkaplan.jpg) center top no-repeat; */ }  #templatmeo_header {    width: 800px;    height: 40px;    padding: 40px 0 40px 6px; }  #site_title { float: left; } #site_title h1 { margin: 0; padding: 0 } #site_title h1 a { display: block; width: 160px; height: 60px; background:url(http://img.webme.com/pic/b/bs-aktif/logoaktif.png)  no-repeat top left; color: #000; font-size: 40px; font-weight: 400; outline: none; text-indent: -10000px; }  #templatemo_menu { float: right; margin-top: 20px; } #templatemo_menu ul { padding: 0; margin: 0; list-style: none; } #templatemo_menu ul li { margin: 0; padding: 0; display: inline-block } #templatemo_menu ul li a {    float: left;    display: block;    font-size: 18px;    color: #333;       margin-left: 40px;    text-decoration: none;    font-weight: 400;    outline: none; }  #templatemo_menu ul li a:hover, #templatemo_menu ul .current {    color: #000;    text-decoration: underline; }  #templatemo_main {    clear: both;    width: 800px;    margin: 0 0 0 6px; }  .content_top { clear: both; height: 10px } .content_box { position: relative; width: 660px; margin-bottom: 30px; padding: 70px 70px 70px 76px; background: #fff }  .content_title { position: absolute; width: 106px; height: 104px;  top: -5px; left: -6px; }  .content_home { background: url(http://img.webme.com/pic/b/bs-aktif/yesilyan.png) no-repeat }  a.gototop { display: block; position: absolute; width: 140px; height: 25px; padding: 65px 10px 0 0; text-align: right; font-size: 14px; bottom: 0; right: 0; color: #333; background: url(http://img.webme.com/pic/b/bs-aktif/sayfaa.jpg) no-repeat; text-decoration: none; } a.gototop:hover { text-decoration: underline }   .col_w310 { width: 310px }  .post_box { width: 310px; margin-bottom: 30px; padding-bottom: 20px;  } .post_header { border-top: 3px solid #999; border-bottom: 1px solid #ccc; padding: 5px; margin-bottom: 20px } .post_box h3 { font-size: 24px; line-height: 34px; margin-bottom: 15px } .post_box p.post_meta { font-size: 10px; margin-bottom: 0; padding-bottom: 0 }  #gallery { margin: 0; padding: 0 } #gallery ul { margin: 0; padding: 0} #gallery ul li { display: block; position: relative; display: inline-block; width: 300px; height: 168px; margin: 0 30px 30px 0 } #gallery ul img { z-index: 1000; position: absolute; top: 0; left: 0; width: 300px; height: 150px; } #gallery ul span {  position: absolute; border: 0; left: 0; width: 300px; height: 168px; background: url(http://img.webme.com/pic/b/bs-aktif/tema1.jpg) no-repeat }  #contact_form { padding: 0; width: 300px } #contact_form form { margin: 0px; padding: 0px; }  #contact_form form .input_field { width: 290px; padding: 5px; color: #666; border: 1px solid #ccc;  background: #fff; } #contact_form form label { display: block; width: 100px; margin-right: 10px; margin-bottom: 3px; font-size: 14px; }  #contact_form form textarea { width: 288px; height: 150px; padding: 5px; color: #666; border: 1px solid #ccc;  background: #fff; font-family: Arial, Helvetica, sans-serif; } #contact_form form .submit_btn { background: #e1dc5e; color: #000; cursor: pointer; border: 1px solid #c9c447; padding: 7px 14px; margin-right: 30px; }  #templatemo_footer {    clear: both;    width: 800px;    padding: 0 0 20px 6px;    text-align: center;    background: url(http://teknoesinti.com/Demolar/Temalar/KisiselTema/Yesil/images/templatemo_footer.jpg) center top no-repeat }  #templatemo_footer a { color: #000 }
Mesaj06.05.2011, 16:52 (UTC)    
Mesaj konusu:

heralde kısa demek istedin Very Happy
______________
Mesaj06.05.2011, 17:05 (UTC)    
Mesaj konusu:

hylzdesign yazmış:
heralde kısa demek istedin Very Happy

daha rahat almak için demiştim Smile
Mesaj06.05.2011, 17:56 (UTC)    
Mesaj konusu:

Very Happy
______________
Önceki mesajları göster:   


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