Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj25.09.2009, 15:18 (UTC)    
Mesaj konusu: Css Tasarım Genişletme | Yardım >

Merhaba arkadaşlar ,

Tr.gg ye bugün başladım , bir css tasarımı tamamen editledim içerikleri eklemeye başlıcakdımki gözükme birşey çarptı ,

Tasarımın içerik kısmı küçük kalmış , bir içerik eklediğimde tasarımı bozuyor , içerik kısmını nası genişletebilirim ?

Tr.gg de yeniyim , birazcık ayrıntılı olarak anlatabilirseniz memnun olurum , şimdiden teşekkür ederim Wink


Sorunu Anlamanız İçin Birde Resim Koyuyum.

Mesaj25.09.2009, 15:28 (UTC)    
Mesaj konusu:

Tasarımlar farklılık gösterebilir üstteki yan menüye birkaçtane menü daha ekle yana doğru uzasın eğer olmaz ise kodu buraya yaz biz yapmaya çalışalım
______________
....Hayatın Bir Tık Önünde....

Yazar Başvuru Yeri   Yazarlarımız
Mesaj25.09.2009, 15:31 (UTC)    
Mesaj konusu:

arkadasım su sekıldede yapabılırsın aradakı bolumlerden bır tanesını komple sıl gerek gormedıgını ozamanda hallolur

veya tasarımda yazı boyutunla bıraz oyna
belkı bır ıhtımal duzelır
ama ozamanda yazı boyutun cok kuculebılır
______________
Mesaj25.09.2009, 15:36 (UTC)    
Mesaj konusu:

Menüler Çoğaltılınca Menü Tamamen Gidiyor Ve Tasarım Büyümüyor , 2. Yöntem yazılar ile oynayarakda olmuyor.
Mesaj25.09.2009, 15:37 (UTC)    
Mesaj konusu:

zuumla yazmış:
Menüler Çoğaltılınca Menü Tamamen Gidiyor Ve Tasarım Büyümüyor , 2. Yöntem yazılar ile oynayarakda olmuyor.



Tasarımın kodlarını buraya yazar mısın
______________
....Hayatın Bir Tık Önünde....

Yazar Başvuru Yeri   Yazarlarımız
Mesaj25.09.2009, 15:41 (UTC)    
Mesaj konusu:

Tasarım kodlarının paylaşılmasını pek doğru bulmuyorum , nasıl yapılacağını yazsan hem bende öğrensem ?
Mesaj25.09.2009, 15:51 (UTC)    
Mesaj konusu:

zuumla yazmış:
Tasarım kodlarının paylaşılmasını pek doğru bulmuyorum , nasıl yapılacağını yazsan hem bende öğrensem ?



biraz bekle bakayım kendim
______________
....Hayatın Bir Tık Önünde....

Yazar Başvuru Yeri   Yazarlarımız
Mesaj25.09.2009, 16:00 (UTC)    
Mesaj konusu:

Tamam bekliyorum Wink
______________
Mesaj25.09.2009, 16:02 (UTC)    
Mesaj konusu:

css ayarlarıyla biraz oyna css kodundaki header ve menu isimli kodları biraz kurcala kod olmadığından ben burdan deneyemiyorum
______________
....Hayatın Bir Tık Önünde....

Yazar Başvuru Yeri   Yazarlarımız
Mesaj25.09.2009, 16:08 (UTC)    
Mesaj konusu:

Neyse düzgünce biri gelip yazanakadar yapamıcam , sanada çok teşekkür ederim.
______________
Mesaj25.09.2009, 16:11 (UTC)    
Mesaj konusu:

zuumla yazmış:
Neyse düzgünce biri gelip yazanakadar yapamıcam , sanada çok teşekkür ederim.



zaten tasarımınız hazır tasarım neden paylaşmıyosunuz anlamadım forumda zaten bunun tasarım kodları yayınlanmış durumda
______________
....Hayatın Bir Tık Önünde....

Yazar Başvuru Yeri   Yazarlarımız
Mesaj25.09.2009, 16:17 (UTC)    
Mesaj konusu:

Tasarım Üstü

Kod:


<style type="text/css">
            <!--
td.edit_header_full{width: 100% !important;background-repeat:no-repeat;background-position:center center;background-image: url(BAŞLIK RESMİ URLSİ);}
-->
            </style>
<div id="wrapper">
   <div id="header">
      <h1><a href="#"></a></h1>
      <h2><a href="http://www.freecsstemplates.org/"></a></h2>
   </div>
   <!-- end div#header -->
   <div style="text-align: center;"><div id="menu">
      <ul>
         <li><a href="http://zuumla.tr.gg/">Ana Sayfa</a></li>
         <li><a href="http://zuumla.tr.gg/Top-liste.htm">Top Liste</a></li>
         <li><a href="#">Hakkımızda</a></li>
<li><a href="#">Forum</a></li>
         <li><a href="http://zuumla.tr.gg/Ziyaret%E7i-defteri.htm">Z.defteri</a></li>
         <li><a href="http://zuumla.tr.gg/Online-ileti%26%23351%3Bim.htm">Online İletişim</a></li>

<li><a href="http://zuumla.tr.gg/Reklam-verin.htm">Reklam verin</a></li>
      </ul>
   </div>
   <!-- end div#menu --></div>
   <div id="page">
      <div id="contennt">


Tasarım Altı

Kod:
</div>
      <!-- end div#contennt -->
      <div id="sidebar">
         <ul>
            <li id="submenu">
               <h2>Konularımız</h2>
               <ul>
                  <li><a href="http://zuumla.tr.gg/">Ana Sayfa</a></li>
                  <li><a href="#">Siteniz İçin </a></li>
                  <li><a href="#">Photshop Öğrenin</a></li>
                  <li><a href="#">Etiam malesuada</a></li>
                  <li><a href="#">Elementum facilisis</a></li>
                  <li><a href="#">Ut tincidunt</a></li>
                  <li><a href="#">Odio sagittis</a></li>
               </ul>
            </li>
            <!-- end li#submenu -->
            <li id="news">
               <h2>     Reklam Alanı</h2>
               <ul>
                  <li>
                     <h3></h3>
                     <p><a href="#"><iframe src="http://ad.hepsiburada.com/advEngine.aspx?accountID=bcf3cbea-c2c0-42f3-8896-3c758c022b48&categoryID=7&sizeID=11" width="125px" height="125px" frameborder="0"  scrolling="no"></iframe>
                   
                    </a></p>
                  </li>
                  <li>
                     <h3>Sitemize Destek için
günde 1 defa reklamlarımıza tıklamanız yeterli olacaktır.</h3>
                     <p><a href="#"></a></p>
                  </li>
                  <li>
                     <h3></h3>
                     <p><a href="#"></a></p>
                  </li>
                  <li>
                     <h3></h3>
                     <p><a href="#"></a></p>
                  </li>
               </ul>
            </li>
            <!-- end li#news -->
         </ul>
      </div>
      <!-- end div#sidebar -->
      <div style="clear: both; height: 1px"></div>
   </div>
   <!-- end div#page -->
   <div id="footer">
      <p id="legal"> Copyright : 2009 , 2100 ZuumLa.Tr.gg | Tüm hakları saklıdır.<a href="http://www.ZuumLa.tr.Gg/">ZuumLa Web</a></p>
      <p id="links"><a href="#"></a>  <a href="#"></a></p>
   </div>
   <!-- end div#footer -->
</div>
<!-- end div#wrapper -->


Css Kodu

Kod:
table {margin-left: auto;margin-right: auto}
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
*/

* {
   margin: 0;
   padding: 0;
}

body {
   background: #0A0A0A url(http://www.freecsstemplates.org/templates/previews/thegathering/images/img1.jpg);
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   color: #666666;
}

h1, h2, h3 {
   color: #CCCCCC;
}

h1 {
}

h2 {
}

h3 {
}

p, blockquote, ul, ol {
   margin-bottom: 20px;
   line-height: 1.6em;
}

p {
}

blockquote {
}

ul {
}

ol {
}

a {
   border-bottom: 1px dotted #652A17;
   text-decoration: none;
   color: #652A17;
}

a:hover {
   border: none;
   color: #FF0000;
}

/* Wrapper */

#wrapper {
   background: url(http://www.freecsstemplates.org/templates/previews/thegathering/images/img2.jpg) repeat-x;
}

/* Header */

#header {
   width: 750px;
   height: 181px;
   margin: 0 auto;
   padding: 0 0 0 0;
   background: url(http://img16.imageshack.us/img16/8181/75800191.gif);
}

#header h1, #header h2 {
   float: left;
}

#header h1 {
   padding: 150px 0 0 20px;
   letter-spacing: 3px;
   font-size: 136%;
}

#header h2 {
   padding: 153px 0 0 6px;
   letter-spacing: 2px;
   font-size: 107%;
}

#header a {
   border: none;
   text-transform: uppercase;
   text-decoration: none;
   color: #000000;
}

/* Menu */

#menu {
   width: 750px;
   height: 50px;
   margin: 0 auto;
   background: url(http://img14.imageshack.us/img14/2144/adszhay.png) no-repeat;
}

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

#menu li {
   display: inline;
}

#menu a {
   display: block;
   float: left;
   height: 20px;
   padding: 10px 20px 0 20px;
   border: none;
   border-right: 1px solid #110F09;
   font-size: 85%;
   font-weight: bold;
   color: #F4D1C5;
}

#menu a:hover {
   color: #FFFFFF;
}

/* Page */

#page {
   width: 750px;
   margin: 0 auto;
   background: url(http://www.freecsstemplates.org/templates/previews/thegathering/images/img7.jpg) repeat-y 220px 0px;
}

/* contennt */

#contennt {
   float: right;
   width: 489px;
   padding-right: 20px;
}

#contennt h1, #contennt h2, #contennt h3 {
   margin-bottom: 20px;
}

#contennt h1 {
   font-size: 136%;
}

#contennt h2 {
   font-size: 107%;
}

#contennt h3 {
   font: 92%;
}

#contennt ul, #contennt ol {
   list-style-position: inside;
}

#contennt .boxed {
   float: left;
   width: 46%;
   padding-right: 2%;
}

#contennt .boxed h2 {
   padding: 5px 0;
   background: url(http://img410.imageshack.us/img410/4892/1234z.gif) repeat-x left bottom;
}

/* Welcome */

#welcome {
}

/* Sample1 */

#sample {
}

/* Sample2 */

#sample2 {
}

/* Sidebar */

#sidebar {
   float: left;
   width: 180px;
   padding-left: 20px;
}

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

#sidebar li {
   margin-bottom: 1px;
}

#sidebar li ul {
}

#sidebar li li {
   margin: 0;
   padding: 7px 20px;
   background: url(http://www.freecsstemplates.org/templates/previews/thegathering/images/img5.jpg) repeat-x left bottom;
}

#sidebar h2 {
   padding: 5px 20px;
   background: url(http://img85.imageshack.us/img85/8688/123os.png);
   border-bottom: 1px solid #1C1C1C;
   font-size: 100%;
}

#sidebar h3 {
   font-size: 77%;
}

#sidebar p {
   margin: 0;
   line-height: normal;
}

#sidebar a {
   border: none;
}

/* Submenu */

#submenu {
}

/* News */

#news {
}

#news a {
   font-size: 85%;
}

/* Footer */

#footer {
   width: 750px;
   height: 50px;
   margin: 0 auto;
   padding: 30px 0 0 0;
   background: url(http://img14.imageshack.us/img14/2144/adszhay.png) no-repeat;
}

#footer p {
   margin: 0;
   text-align: center;
   font-size: 77%;
}

______________
Mesaj25.09.2009, 17:28 (UTC)    
Mesaj konusu:

Tasarım genişleme yapmıyo css kodlarında oynama yaptım ama üstteki menü hep problem oluyo css bilgin varsa en baştan uyarlıyabilirsin yoksa eğer kodlarını tasarımı aşmayacak şekilde yapabilirsin
______________
....Hayatın Bir Tık Önünde....

Yazar Başvuru Yeri   Yazarlarımız
Mesaj25.09.2009, 17:40 (UTC)    
Mesaj konusu:

Tüh ya :S
______________
Önceki mesajları göster:   


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