• 21-02-2009, 23:04:10
    #10
    teknohaberci adlı üyeden alıntı: mesajı görüntüle
    css ile oynamak lazım sanırım.

    forumda kendi sidebarını kendin yap diye bir konu vardı.

    sağda bir sidebar varsa,sol sidebar için aynı kodlar left ile değişilerek stil dosyasına eklenebilir.zamanım kısıtlı olmasa kendi temamda deneyip uğraşır bişiler yapardım
    Yapsam ben yaparım CSS bilgim var da ama bunu birde sidebar.php ye tanıtmak var onun ayarı vs vs.. uğraşlı bir yol yani kısa yolu varsa öyle yapalım yoksa ben uğraşmak istemiyorum o kadar
  • 21-02-2009, 23:07:26
    #11
    [QUOTE=WebEngineer;1058185679]Yapsam ben yaparım CSS bilgim var da ama bunu birde sidebar.php ye tanıtmak var onun ayarı vs vs.. uğraşlı bir yol yani kısa yolu varsa öyle yapalım yoksa ben uğraşmak istemiyorum o kadar[/QUOTE

    tabiki kafa şişirmek lazım.yok uğraşmayim derseniz ki bence de değmez,birçok tema mevcut sidebar yapmaya uğraşmak yerine çift sidebarlı tema seçip o kullanılabilir kendi temanıza onu benzetmek çok daha kolay
  • 21-02-2009, 23:13:43
    #12
    öncelikle content divinizi oluşturacağınız kolon kadar küçültüp sağa ya da sola yaslayın. daha sonra yeni bi dosya oluşturun kolon.php diye. Css de bu kolon phpye genişlik, h2, img vs gibi kodları entegre edin. Temanıza uygun olması için varsa diğer kolonun bilgilerini kopyalamanız önerilir. Bundan sonra da kolonu temaya ekliyorsunuz. <?php include(TEMPLATEPATH."/kolon.php");?> koduyla da kolonu temanıza ekleyebilirsiniz.
  • 21-02-2009, 23:24:28
    #13
    loperselim adlı üyeden alıntı: mesajı görüntüle
    öncelikle content divinizi oluşturacağınız kolon kadar küçültüp sağa ya da sola yaslayın. daha sonra yeni bi dosya oluşturun kolon.php diye. Css de bu kolon phpye genişlik, h2, img vs gibi kodları entegre edin. Temanıza uygun olması için varsa diğer kolonun bilgilerini kopyalamanız önerilir. Bundan sonra da kolonu temaya ekliyorsunuz. <?php include(TEMPLATEPATH."/kolon.php");?> koduyla da kolonu temanıza ekleyebilirsiniz.
    Selim sağolda, pek anlamadım açıkcası, daha kolay anlatım yolu var mı hacım
    deneyelim bakalım bi eyv.
  • 22-02-2009, 00:16:31
    #14
    Şimdi İlk Olarak Editörünüzle yeni bir php Dosyası Açın ve İçine Ekleyeceğiniz Widgetleri Yani kodlarınızı Normal sidebar dosyasındaki gibi yazın Örneğin (Benim Php Dosyamın Adı sidebar160;
    <h1>Archives</h1>
    <ul class="archives">
      <?php wp_get_archives('type=monthly', 'format=custom', '<li>', '</li>'); ?>
    </ul>
    <div class="ad160"> <a href="#" title="#"><img src="<?php bloginfo('template_url'); ?>/images/ad2.gif" alt="160" /></a> </div>
    <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Sidebar 160px left') ) : ?>
    <?php endif; ?>
    Daha Sonra Style.css Dosyanızda Bu ikinci Sidebarınızı tanımlayın Örnek Kodlar;
    #sidebar2 {
    	width:160px;
    	float:right;
    	padding:0px;
    	margin:0px;
    }
    #sidebar2 .ad160 {
    	margin:0px 0px 5px 0px;
    	padding:0px;
    }
    #sidebar2 h1 {
    	width:140px;
    	height:27px;
    	padding:4px 10px 0 10px;
    	background:#EBF0FF url(images/h1sidebar.png) repeat-x top left;
    	font-family:"Trebuchet MS", Arial;
    	letter-spacing:-1px;
    	font-weight:bold;
    	font-size:16px;
    	font-style:italic;
    	color:#23242a;
    }
    #sidebar2 ul {
    	font-family:Arial, Helvetica, sans-serif;
    	width:148px;
    	padding:4px 6px 16px 6px;
    	background:#E9EEFF url(images/botsidebar.png) repeat-x bottom left;
    	list-style:none;
    }
    #sidebar2 ul li {
    	display:block;
    	position:relative;
    	padding:4px 4px 4px 21px;
    	margin:0px;
    	background:#f8faff url(images/liarrow.png) no-repeat top left;
    	border-bottom:1px solid #fff;
    	word-spacing:1px;
    }
    #sidebar2 ul.archives li {
    	display:block;
    	position:relative;
    	padding:4px 4px 4px 21px;
    	margin:0px;
    	background:#f8faff url(images/lilatestarticles.png) no-repeat top left;
    	border-bottom:1px solid #fff;
    	word-spacing:1px;
    }
    #sidebar2 ul li a, #sidebar ul li a:visited {
    	color:#000000;
    	text-decoration:none;
    }
    #sidebar2 ul li a:hover {
    	color:#DD1725;
    	text-decoration:none;
    }
    Daha Sonra İndex.php Dosyanızdan Style.css'de Hangi isimle tanımladıysanız O div Koduyla Aşağıdaki Örnek gibi Yapabilirsiniz (Burada Ben css'de sidebar2 tagıyla tanımladığım için sidebar2'i div koduyla yaptım);
    <div id="sidebar2">
        <?php include('sidebar160.php'); ?>
      </div>
    Anlatımları Kendi Temamdan Yaptım.Burada Size Sadece Mantığını Anlatmak istedim Umarım Yardımcı olmuşumdur.Anlayamadığınız veya Sorun Yaşadığınız yerleri Sorabilirsiniz...
  • 22-02-2009, 00:56:37
    #15
    sidebarı oluşturdukta yerine koymadım bi türlü
  • 22-02-2009, 01:01:44
    #16
    Css'den de Tanımladıysan,Son işlem kalmış olması lazım.İlk sidebardan önceki kolona yerleştirceksen ilk sidebar kodundan önce,ikinci kısma yerleştirceksen sonrasına eklemelisin bu arada ufak bir not.Bunların css tasarımı bozmaması için temanızın genel boyut ayarlarıyla oynamanız gerekecektir.Örneğin yazıların listelendiğin kolon 600px ise onu 500px'e düşürüp diğer sidebar 200px ise onu 100px'e düşürüp ve yeni sidebarınızı 100px yapmanız gerekir.Mantığını anlatmaya çalıştım
  • 22-02-2009, 01:53:36
    #17
    sidebar'ı oluşturduysanız yarısı bitmiş demektir...

    bunun için SeaL05'in verdiği inc kodunu index.php de content div'inden sonra ekleyin,fakat unutmayın css dosyasındaki genişlikleri tek tek düzenleyin,yoksa kolonlar alt alta geçer...

    düşürmek için örn:
    orta kısmın css'deki eş etiketini bulun,atıyorum width=650px ise 450px yapın...
    daha sonra sol kolona atadığınız div'in css deki etiketinin widt ayarınıda 200px yapın...böylece 450+200=650px olmuş olacak..+ birde sağ kolon var o da 200 ise toplamda 850px genişliğinde bir sayfanız olur..

    bunlar tamamen anlık sallama rakamlardır,onu siz keyfinize göre düzenleyin...
  • 22-02-2009, 14:05:52
    #18
    Gorgon adlı üyeden alıntı: mesajı görüntüle
    sidebarı oluşturdukta yerine koymadım bi türlü
    index.php de sidebar kodunun altına kodu koysan yeterli.