Wordpress kategorilere kaydırma çubuğu nasıl eklerim

işte o kodu biz nasıl ekleyece :)

Ek Olarak: Hiçmi yardım edecek kimse yok

css de #kategori kısmında (temanda ne diye geçiyorsa)

{overflow:hidden; height:??px; width:??px; }

şeklinde kodlar bulursan onu

{overflow:scroll; height:??px; width:??px; } ile değiştir.

pikselleri kendine göre ayarlarsın.

owerflow özelliği araştır yaparsın kod bilgin varsa.

.sidebox.widget_categories {
top: 0;
left: 0;
width: 280px;
height: 300px;
overflow: auto;
}

al bak benim kodum böyle

aynen arkadaşın dediği gibi side bar da yüksekliğe sınır verilir ise işlem mümkün olacak sidebar.php ile style.css i paylaşım yaparsan kodlamayı düzenleye biliriz.

body {background-image: url(resim/arkaplan.png);margin:0px;font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#535351;}
header {background:#efefef;height:120px;border-bottom:2px dotted #ccc;}
nav {width:960px;margin-left:auto;margin-right:auto;}
nav ul {margin-top:10px;padding:0px;}
nav li {width:120px;height:90px;float:left;margin-right:15px;text-align:center;background:#eaeaea;opacity:0.6;border:1px dashed #ccc;list-style:none;padding-top:15px;}
section {width:960px;margin-left:auto;margin-right:auto;}
article {margin-top:30px;float:left;width:630px;}
article p a {color:#09F;}
aside {float:right;margin-top:30px;}
footer {width:960px;margin-left:auto;margin-right:auto;background-image:url(resim/cizgi.png);background-repeat:no-repeat;margin-top:25px;padding-top:15px;}
footer p {text-align:center;}
a {text-decoration:none;color:#535351;}
a:hover {color:#0797f3;}
img {border:none;}
h1 {font-size:24px;font-family:quenn;color:#535354;}
h2 {font-size:15px;font-family:quenn;color:#535354;margin:0px;}
h2 a {color:#535354;}
h3 {font-size:14px;font-family:quenn;color:#535354;}
h4 {font-size:13px;font-family:quenn;color:#535354;}
h5 {font-size:12px;font-family:quenn;color:#535354;}
h6 {font-size:10px;font-family:quenn;color:#535354;}
.temizle {clear:both;}
.ustcizgi {background-image:url(resim/ustcizgi.png);background-repeat:repeat-x;height:16px;}
.header {width:960px;margin-left:auto;margin-right:auto;}
.logo {float:left;padding-top:25px;}
.ustreklam {width:468px;height:60px;float:right;margin-top:25px;border:2px dotted #ccc;}
.serit {background-image:url(resim/serit.png);background-repeat:repeat-x;height:5px;}
.arabolum {height:5px;background:#efefef;}
.nav-baslik {font-family:quenn;font-size:12px;color:#333333;padding-top:5px;}
.nav-baslik a {color:#333333;}
.sidebar {background:#ffffff;border:1px solid #eee;padding:10px;width:290px;margin-bottom:30px;}
.sidebar ul {padding:0px;margin:0px;}
.sidebar li {list-style:none;border-bottom:1px dashed #ddd;background-image:url(resim/ok.png);background-position:0px 5px;background-repeat:no-repeat;padding-left:14px;padding-bottom:2px;padding-top:2px;}
.bilesenbaslik {font-family:quenn;font-size:15px;color:#fff;margin-bottom:5px;background:#ddd;margin-left:-10px;margin-right:-10px;margin-top:-10px;padding:5px;padding-left:15px;}
.sponsorreklam {float:left;border:1px solid #ccc;width:125px;height:125px;margin:5px;}
.indexkonu {background:#ffffff;padding:15px;border:1px solid #eee;margin-bottom:20px;}
.kategori {float:left;margin-right:10px;background:#4fb5fc;padding-left:10px;padding-right:10px;color:#fff;border:1px solid #eee;}
.kategori a {color:#fff;}
.yazar {float:left;margin-right:10px;background-image:url(resim/genel.png);background-position: 0 -195px;background-repeat:no-repeat;padding-left:15px;font-size:11px;}
.tarih {float:left;margin-right:10px;background-image:url(resim/genel.png);background-position: 0 -108px;background-repeat:no-repeat;padding-left:17px;font-size:11px;}
.yorum {float:left;margin-right:10px;background-image:url(resim/genel.png);background-position: 0 -210px;background-repeat:no-repeat;padding-left:23px;font-size:11px;}
.onecikarilmis img {border:1px solid #eee;margin-top:10px;width:600px;height:140px;}
.devaminioku {background-image:url(resim/genel.png);background-position: 0 0;background-repeat:no-repeat;padding-left:15px;float:right;}
.altcizgi {background:#535454;height:20px;}
.footeralt {width:960px;color:#eee;margin-left:auto;margin-right:auto;padding-top:5px;}
.footeralt a {color:#eee;}
.footermenu {float:left;font-size:10px;}
.imza {float:right;font-family:quenn;font-size:10px;}
.imza a {color:#f46161;}
.etiket a {background-image:url(resim/genel.png);background-position: 0 -15px;height: 12px;background-repeat:no-repeat;padding:2px;padding-left:18px;background-color:#fafafa;border:1px solid #eee;margin-left:5px;margin-bottom:5px;display:inline-block;}
.sosyal {float:right;}
.facebook {background-image:url(resim/genel.png);background-position: 0 -32px;float:left;height:32px;width:32px;}
.twitter {background-image:url(resim/genel.png);background-position: 0 -122px;float:left;height:32px;width:32px;}
.googleplus {background-image:url(resim/genel.png);background-position: 0 -65px;float:left;height:32px;width:32px;}
.yazarbolumu {width:607px;background:#f0f0f0;height:115px;margin-left:-15px;margin-right:-15px;margin-top:30px;margin-bottom:30px;border:1px solid #ddd;padding:10px;}
.yazarresim {width:90px;height:90px;float:left;border:1px solid #ddd;margin-top:10px;}
.yazarresim img {width:90px;height:90px;}
.yazarbilgi {float:left;padding-left:10px;width:500px;margin-top:10px;}
#commentsbox{margin-top:20px;margin-left:-30px;width:600px;}
h3#comments{font-size:24px;color:#222827;font-weight:bold;padding:10px 25px;margin-top:10px;}
.commentlist{margin:0px 0 0;clear:both;overflow:hidden;list-style:none;}
.commentlist li{margin:5px 25px;line-height:18px;padding:10px;border:1px solid #e6e6e6;background:#f9f9f9;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;width:90%}
ol li a{color:#DF4E00;}
.comment-author{color:#393631;}
.comment-author a:link,.comment-author a:visited{color:#393631;font-weight:bold;text-decoration:none !important;}
.fn{color:#393631;}
.fn{color:#393631;font-style:normal;}
.avatar{float:right;border:1px solid #ddd;background:#fff;padding:3px;}
.comment-meta{font-size:10px;}
.commentmetadata{color:#000;}
.comment-meta a{color:#de1e46;text-decoration:none !important;}
ol li p{line-height:22px;margin-top:5px;color:#5F5C4D;font-size:12px;}
.reply{margin-top:10px;font-size:10px;}
.reply a{background:#6cabf9;border:1px solid #ccc;color:#fff;text-decoration:none;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;padding:3px 10px;}
.odd{}
.even{}
.children{list-style:none;margin:1em 0 0;text-indent:0;}
.depth-2{margin:0 0 0px 50px;}
.depth-3{margin:0 0 0px 50px;}
.depth-4{margin:0 0 0px 50px;}
.depth-5{margin:0 0 0px 50px;}
.comment-nav{padding:5px;height:20px;}
.comment-nav a:link,.comment-nav a:visited{color:#00608F;}
#respond{padding:0px 0px;margin:10px 0px;}
#respond a{color:#DF4E00;}
#respond h3{font-size:14px;color:#fff;background:#FFAB06;font-weight:bold;padding:10px 10px;}
#commentform{padding:10px 0px;margin:0px 25px;}
#commentform p{margin:5px 0px;color:#444;}
#respond label{display:block;padding:5px 0;color:#444;}
#respond label small{font-size:10px;}
#respond input{margin-bottom:10px;padding:5px 5px;margin:0 10px 10px 0;background:#f5f6f9;border:1px solid #ddd;color:#555;}
#commentform input{width:50%;}
#commentSubmit{background:#3D454E;border:1px solid #2e353d;color:#fff;text-decoration:none;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;padding:3px 10px;width:100px;margin:10px 0px;cursor:pointer;}
#comment{background:#f5f6f9;border:1px solid #DEE0E5;width:80%;margin:10px 0px 0px 0px;padding:5px 5px;color:#555;}
.wp-pagenavi{clear:both;margin-top:30px;text-align:center}
.wp-pagenavi a, .wp-pagenavi span{color:#aaa;text-decoration:none;border:1px solid #BFBFBF;padding:3px 5px;margin:2px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;font-size:13px;-webkit-box-shadow:0 1px 4px #ccc;-moz-box-shadow:0 1px 4px #ccc;box-shadow:0 1px 4px #ccc;background:#fff;}
.wp-pagenavi a:hover{background:#eee;;color:#aaa;}
.wp-pagenavi span.current{color:#ccc;font-weight:bold;background:#f9f9f9;}

bu syle.css

Ek Olarak: buda sidebar



Ek Olarak: halen bir çözüm bulunamadım yardım edecek kimse yokmu