رفتن به مطلب
internet

میشه Related Posts via Categories بصورت منوی تاشو یا آبشاری کرد

پست های پیشنهاد شده

سلام

در افزونه: Related Posts via Categories

چون نتایج حاصل از مطالب مرتبط ممکنه زیاد انتخاب بشه و پایین صفحه زشت بشه

میشه مطالب مشابه یا مرتبط رو کاری کرد که به صورت منوی تاشو یا آبشاری نمایش بده؟

باتشکر

به اشتراک گذاری این ارسال


لینک به ارسال

باید براش استایل نویسی که بسته به نوع استایل قالب شما عمل کنه

به اشتراک گذاری این ارسال


لینک به ارسال

راحت ترین راهش اینه که میتونی کاری کنی که به صورت اسکرول بشه :

در css :


overflow: scroll;

بدید تا اگر اضافه شد مقدار height بیشتر نشه و اسکرول بخوره

اینارم میتونید به کار ببرید :


hidden: اضافات باکس رو مخفی میکنه
visible: اضافات باکس رو نشون میده یعنی اصلا انگار توی باکس نیست
auto: این هم اتوماتیک خودش تصمیم میگیره

موفق باشی

به اشتراک گذاری این ارسال


لینک به ارسال

باید براش استایل نویسی که بسته به نوع استایل قالب شما عمل کنه

از این کد استفاده می کنم:

اگر این گزینه را غیرفعال کنید، شما باید به صورت دستی display_related_posts_via_categories() را به پوسته اضافه کنید.

یعنی اتوماتیک رو فعال نکردم و از کد در قالب و در single.php استفاده می کنم اگه راهکاری داره که بتونم انجام بدهم بفرمائید

بنده از کد


<div class="nav">
<div align="right"><?php display_related_posts_via_categories(); ?></div>
</div>

ضمناً دو فایل ie.css و style.css دارم اون وقت باید چیکار کنم؟

این متن فایل style.css

@charset "utf-8";/*Theme Name:

Description: WP Theme For Shop

Author:

Author URI: [url="

Version: 1.0*/

body { background:#ccc; color:#333; text-align:right;line-height:1.5em; font-size:9pt; margin:0;padding-top:20px; padding-bottom:20px;direction:rtl; font-family:tahoma;} a {color:#297eb9; text-decoration:none;font-size: 11px;}

a:hover { color:orange; text-decoration:none; }

.clear { clear:both; }

img { border:0; }

#main { background:#eee; width:978px; margin:0 auto 0 auto; padding:0;border-left:solid 1px #fff; border-right:solid 1px #fff; }

#head { background:#eee url(img/header.jpg) no-repeat center; border-bottom:0; height:180px; width:980px;margin:0px auto 0 auto; padding:0; }

#searchbox {background: url(img/searchbox.gif) no-repeat;width:209px;height:21px;display:block;margin-top:3px;margin-right:750px !important;margin-right:5px;padding:2px 2px;}

#searchbox .textfield {font-family:Tahoma;background:none;border:0px;width:185px;float:right;text-align:right;margin-right:2px;padding-right:2px;}

#searchbox .button {background:none;border:0px;width:18px;height:18px;cursor:pointer;float:left;margin-top:1px;}

#menu {width:980px; height:28px;background:#eee;border-bottom:1px solid #c9c9c9;border-top:1px solid #c9c9c9;}

.ul{margin:0px;padding:0px; padding-right:0px;}.ul li{ float:right;list-style:none; margin:0; padding:0; text-align:center;}

.ul li A{display: block;cursor: pointer;padding:5px;background:#eee url(img/menu.gif) repeat-x;color: #555;text-decoration: none; width:90px;}

.ul li A:hover {background:#eee url(img/menu.gif) repeat-x; color:#000;}

.ul li a.home {background:#eee url(img/home.gif) repeat-x; color:#000; width:31px;color:#fff;}

#wrapper { background:#eee; width:970px; padding-bottom:10px; padding-top:10px; }

#wrap {width:510px; float:right;margin-right:4px}

#side-right {width:220px; float:right; margin-right:10px}

#side-left {width:220px; float:right;margin-right:5px}

.munu-full{margin-bottom:20px}

.munu-top{width:220px;height:34px;background:#fff url(img/top-menu.jpg) no-repeat; text-align:center;}

.munu-box{width:220px;background:#fff url(img/bg-menu.jpg) repeat-y;}

.munu-down{width:220px;height:9px;background:#fff url(img/bottom-menu.jpg) no-repeat;}

#leftcol-body{height:auto;width:510px;}

.leftcol-col{float:right;padding:5px;height:auto;width:233px;border:1px solid #c9c9c9;margin:5px;background:#fff;-moz-border-radius: 10px;-khtml-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;direction:rtl;}

.leftcol-col:hover{background:#fafafa;border:1px solid #c9c9c9;}

.leftcol-uptext{font-weight: bold;height:40px;width:233px;text-align:center;padding-top:5px;}

.leftcol-entry{height:205px;width:233px;text-align:right;}

.leftcol-entry img, .post img{border: 1px solid #c0c0c0;background: #d7d5d5;margin: 2px;padding:3px;filter:alpha(opacity=90);opacity:0.9;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}

.leftcol-entry img:hover , .post img:hover {border: 1px solid #979797;background: #d7d5d5;margin: 0px;padding:3px;filter:alpha(opacity=100);opacity:1.0;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;margin-left:10px}

.leftcol-foot1{margin-top: 7px;height:60px;width:233px;text-align:right; margin-bottom:9px}

.leftcol-foot2{height:30px;width:233px;text-align:center;}

.not{float:right;padding:5px;height:auto;width:488px;border:1px solid #c9c9c9;margin:5px;background:#fff;-moz-border-radius: 10px;-khtml-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;direction:rtl;}

.price {width: 140px;height: 40px;background-image:url('img/price.gif');background-position:right bottom;float:right;background-repeat:no-repeat;font-family: Tahoma;font-size: 12px;padding-top: 7px;padding-right: 11px;}

.Tab {text-align:center;width:497px;}

ul.tabs {margin:-1px 10px;padding:0; text-align:right;direction:rtl;/* height:17px;IEpadding: 10px 10px 10px 10px; */}

ul.tabs li {list-style:none; display:inline; margin:0;padding:0;vertical-align:middle;}

ul.tabs a {border:1px solid #c9c9c9;padding:3px 6px; background:#dcf6fe; text-decoration:none; color:#7D7D7D;-moz-border-radius-topright: 5px;-moz-border-radius-topleft: 5px;-webkit-border-top-right-radius: 5px;-webkit-border-top-left-radius: 5px;border-top-right-radius: 5px;border-top-left-radius: 5px;}

ul.tabs a:hover {text-decoration:none; background-color:#caf2fe;color:#7D7D7D;}

ul.tabs a.current {background:#fff;color:#7D7D7D; border-bottom:1px solid #fff;cursor:default;}

#tab_div_1, #tab_div_2, #tab_div_3, #tab_div_4, #tab_div_5, #tab_div_6 {border:1px solid #c9c9c9;background-color:#fff;padding:5px 15px 15px 15px; margin-top:2px;text-align:right;direction:rtl;height:150px;-moz-border-radius: 10px;-khtml-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}

.Search-tab{padding-right:10px;font-size:11px;color: #7d7d7d;}

.pad-men{padding:0px 2px 5px 0px; text-align:right; direction:rtl;}

.pad-mn{padding:4px 5px 5px 5px; text-align:right; direction:rtl;color:#297EB9}

.pad-mn ul li{background-image: url(img/arrow.gif);background-position:191px 8px ;background-repeat: no-repeat;padding-right:13px;list-style:none}

.pad-mn ul{padding-right:11px;margin-top:0px}

.pad-mn ul li ul{background-image: url(img/link.gif);background-position:169px 8px ;background-repeat: no-repeat;padding-right:10px;list-style:none}

.pad-mn li ul li{background-image: url(img/link.gif);background-position:169px 8px ;background-repeat: no-repeat;padding-right:10px;list-style:none}

.post-top{width:500px;height:30px;background:#fff url(img/post-top.png) no-repeat; text-align:right;}

.post-box{width:500px;background:#fff url(img/bg-post.png) repeat-y; min-height:250px;}

.pad-box{padding:0 10px 0 10px; text-align:right; direction:rtl; min-height:220px;}

.pad-box img{margin:0 0px 0 10px;}

.pad-box img :hover{margin:0 0px 0 10px;}

.pad-box2{padding:1px 10px 0 10px; text-align:right; direction:rtl; min-height:220px;}

.pad-price{padding:0 16px 0 10px; text-align:right; direction:rtl;}

.post-down{width:500px;height:10px;background:#fff url(img/bottom-post.png) no-repeat;}

.cat{width:460px; text-align:right; direction:rtl;height:15px;padding-top:1px;}

.relat{text-align:right; direction:rtl;height:130px;padding-top:1px;}

.post-title{padding-top:7px; padding-right:40px; font-weight:bold;float:right; color:#2e3d00;text-shadow:0px 0px 3px #888; direction:rtl;}

.post-title a{font-size:12px;color:#2E3D00}

.hd{

margin:7px

}

.info{

}

.info img{border: 0px solid #979797;background: #d7d5d5;margin: 0px;padding:0px;filter:alpha(opacity=100);opacity:1.0;-moz-border-radius: 0px;-khtml-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px;}

.info img:hover{border: 0px solid #979797;background: #d7d5d5;margin: 0px;padding:0px;filter:alpha(opacity=100);opacity:1.0;-moz-border-radius: 0px;-khtml-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px;}

.view{float:left;padding-left:27px; padding-top:8px; text-align: right; font-weight:bold; font-size:11px;text-shadow:0px 0px 3px #888; color:#fff; direction:rtl}

.tagm{text-align:right;padding-right:7px;}

.tagm a:link , .tagm a.link , .tagm a:visited , tagm a.visited {-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;font: 9px Tahoma;border: 1px solid #E5E5E5;background: #eefafe;color: #7D7D7D;padding:3px;line-height:30px;}

.tagm a:hover, .tagm a.hover {background:#9900cc;font: 9px Tahoma;color: #fff;border: 1px solid #E5E5E5;}

blockquote,blockquote p,#leftcol-entry blockquote p {color:#061218;font-family: Tahoma, Arial, Helvetica, Sans-Serif;}

blockquote, #leftcol-entry blockquote {border:solid 1px #B2D1D7; margin:10px 10px 10px 50px;padding:5px 5px 5px 41px;background-color:#eefafe;-webkit-border-radius: 12px;-moz-border-radius: 4em 1em 4em 1em;border-radius: 4em 1em 4em 1em;}

.combox-top{ width:500px; height:10px; background:#fff url(img/uper-nav.png) no-repeat;}

.combox-txt{ width:500px; min-height:70px; background:#fff url(img/bg-post.png) repeat-y;}

.combox-dwn{ width:500px; height:10px; background:#fff url(img/bottom-post.png) no-repeat;}

.fild{width:200px; height:18px; border:1px solid #c9c9c9;margin-bottom:5px; background:#fafafa;-moz-border-radius: 7px;-khtml-border-radius: 7px; -webkit-border-radius: 7px;border-radius: 7px;padding:3px;font-family:Tahoma;}

.erea{width:474px; height:80px; border:1px solid #c9c9c9; background:#fafafa;-moz-border-radius: 7px;-khtml-border-radius: 7px; -webkit-border-radius: 7px;border-radius: 7px;padding:2px;font-family:Tahoma;font-size:10pt;}

.subc{width:80px;height:25px;cursor:pointer;margin-top:5px;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;border:1px solid #c9c9c9;background:#fafafa;font-size:11px;font-family:Tahoma;}

.fild:focus ,.erea:focus ,.subc:hover {border:1px solid #FC0;}

.nav{width:498px; background:#FFF;border:1px solid #c9c9c9;min-height:30px;-moz-border-radius: 7px;-khtml-border-radius: 7px; -webkit-border-radius: 7px;border-radius: 7px;margin:auto}

.rp{ float:right;font-weight:bold; padding-right:10px;padding-top:6px;}

.lp{ float:left;font-weight:bold; padding-left:10px;padding-top:6px;}

.cati{margin:0; padding:0;margin-right:24px;}

.cati li ,.cati li:hover{font-size: 11px;list-style: url(img/arrow.gif);}

.cati li ul li ,.cati li ul li:hover {list-style: url(img/link.gif);}

.link a:link , .link a:visited {background: #fff;font: 11px Tahoma;color: #297eb9;display: block;padding: 3px;margin: 1px;border-bottom:1px solid #eee;}

.link a:hover { background:#f6feff;font: 11px Tahoma;color: #cc00ff;display: block;padding: 3px;border-bottom:1px solid #eee;}

.link li{list-style: none;}

.link2{margin:0; padding:0;margin-right:5px;}

.link2 li{background-image:url(img/arrow.gif); background-repeat:no-repeat;background-position:right;list-style-type:none;padding:0px 15px 0px 0px;margin:0px 0px 0px 0px;text-align:right;}

.amar{margin:0; padding:0;margin-right:20px;font: 11px Tahoma;}

.amar li{background-image:url(img/chart.gif); background-repeat:no-repeat;background-position:right;list-style-type:none;padding:0px 10px 0px 0px;line-height:1.2em;}

.tags{margin:0; padding:0;}

.tags li{list-style: none;}

.tags li a{padding:3px;}

.tags li a:hover{padding:3px;text-shadow:0 0 5px #cff270;}

.munu-top{width:220px;height:38px;background:#fff url(img/top-menu.jpg) no-repeat; text-align:center;}

.munu-top h4{padding-top:5px;font-size:11px;direction:rtl;}

.munu-box{width:220px;background:#fff url(img/bg-menu.jpg) repeat-y;}

.munu-down{width:220px;height:9px;background:#fff url(img/bottom-menu.jpg) no-repeat;}

#footer {width:980px; height:15px; background:#eee;-webkit-border-bottom-right-radius: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 10px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}

.cblock {

background-color: #fff;

overflow: hidden;

margin-bottom: 10px;

}

select {

font-family:Tahoma;

font-size:10px;

text-align:center;

margin-right:8px;

border: 1px solid;

white-space: pre;

color: black;

background-color: white;

cursor: default;

}

اینم متن کد فایل ie.css



@charset "utf-8";/*Theme Name:

Description: WP Theme For Shop

Author:

Author URI: [url="

Version: 1.0*/

body { background:#ccc; color:#333; text-align:right;line-height:1.5em; font-size:9pt; margin:0;padding-top:20px; padding-bottom:20px;direction:rtl; font-family:tahoma;} a {color:#297eb9; text-decoration:none;font-size: 11px;}

a:hover { color:#008000; text-decoration:none; }

.clear { clear:both; }

img { border:0; }

#main { background:#eee; width:978px; margin:0 auto 0 auto; padding:0;border-left:solid 1px #fff; border-right:solid 1px #fff; }

#head { background:#eee url(img/header.jpg) no-repeat center; border-bottom:0; height:180px; width:980px;margin:0px auto 0 auto; padding:0; }

#searchbox {background: url(img/searchbox.gif) no-repeat;width:209px;height:21px;display:block;margin-top:3px;margin-right:750px !important;margin-right:5px;padding:2px 2px;}

#searchbox .textfield {font-family:Tahoma;background:none;border:0px;width:185px;float:right;text-align:right;margin-right:2px;padding-right:2px;}

#searchbox .button {background:none;border:0px;width:18px;height:18px;cursor:pointer;float:left;margin-top:1px;}

#menu {width:980px; height:28px;background:#eee;border-bottom:1px solid #c9c9c9;border-top:1px solid #c9c9c9;}

.ul{margin:0px;padding:0px; padding-right:0px;}.ul li{ float:right;list-style:none; margin:0; padding:0; text-align:center;}

.ul li A{display: block;cursor: pointer;padding:5px;background:#eee url(img/menu.gif) repeat-x;color: #555;text-decoration: none; width:90px;}

.ul li A:hover {background:#eee url(img/menu.gif) repeat-x; color:#000;}

.ul li a.home {background:#eee url(img/home.gif) repeat-x; color:#000; width:31px;color:#fff;}

#wrapper { background:#eee; width:970px; padding-bottom:10px; padding-top:10px; }

#wrap {width:510px; float:right;}

#side-right {width:220px; float:right;}

#side-left {width:220px; float:left;}

.munu-full{margin-bottom:120px}

.munu-top{width:220px;height:34px;background:#fff url(img/top-menu.jpg) no-repeat; text-align:center;}

.munu-top h4{font-size:11px; direction:rtl}

.munu-box{width:220px;background:#fff url(img/bg-menu.jpg) repeat-y;}

.munu-down{width:220px;height:9px;background:#fff url(img/bottom-menu.jpg) no-repeat;}

#leftcol-body{height:auto;width:510px;}

.leftcol-col{float:right;padding:5px;height:360px;width:233px;border:1px solid #c9c9c9;margin:5px;background:#fff;-moz-border-radius: 10px;-khtml-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;direction:rtl;}

.leftcol-col:hover{background:#fafafa;border:1px solid #c9c9c9;}

.leftcol-uptext{font-weight: bold;height:20px;width:233px;text-align:center;padding-top:5px;}

.leftcol-entry{height:225px;width:233px;text-align:right;}

.leftcol-entry img, .post img{border: 1px solid #c0c0c0;background: #d7d5d5;margin: 2px;padding:3px;filter:alpha(opacity=90);opacity:0.9;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}

.leftcol-entry img:hover , .post img:hover {border: 1px solid #979797;background: #d7d5d5;margin: 2px;padding:3px;filter:alpha(opacity=100);opacity:1.0;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}

.leftcol-foot1{margin-top: 13px;height:60px;width:233px;text-align:right;}

.leftcol-foot2{height:30px;width:233px;text-align:center;}.not{float:right;padding:5px;height:200px;width:488px;border:1px solid #c9c9c9;margin:5px;background:#fff;-moz-border-radius: 10px;-khtml-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;direction:rtl;}

.price {width: 140px;height: 40px;background-image:url('img/price.gif');background-position:right bottom;float:right;background-repeat:no-repeat;font-family: Tahoma;font-size: 12px;padding-top: 7px;padding-right: 11px;}

.Tab {text-align:center;width:497px;}

ul.tabs {margin:-1px 10px;padding:0; text-align:right;direction:rtl;/* height:17px;IEpadding: 10px 10px 10px 10px; */}

ul.tabs li {list-style:none; display:inline; margin:0;padding:0;vertical-align:middle;}

ul.tabs a {border:1px solid #c9c9c9;padding:3px 6px; background:#dcf6fe; text-decoration:none; color:#7D7D7D;-moz-border-radius-topright: 5px;-moz-border-radius-topleft: 5px;-webkit-border-top-right-radius: 5px;-webkit-border-top-left-radius: 5px;border-top-right-radius: 5px;border-top-left-radius: 5px;}

ul.tabs a:hover {text-decoration:none; background-color:#caf2fe;color:#7D7D7D;}

ul.tabs a.current {background:#fff;color:#7D7D7D; border-bottom:1px solid #fff;cursor:default;}

#tab_div_1, #tab_div_2, #tab_div_3, #tab_div_4, #tab_div_5, #tab_div_6 {border:1px solid #c9c9c9;background-color:#fff;padding:5px 15px 15px 15px; margin-top:2px;text-align:right;direction:rtl;height:150px;-moz-border-radius: 10px;-khtml-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}

.Search-tab{padding-right:10px;font-size:11px;color: #7d7d7d;}

.pad-men{padding:0px 2px 5px 0px; text-align:right; direction:rtl;}

.pad-mn{padding:4px 5px 5px 5px; text-align:right; direction:rtl;}

.pad-mn ul{padding-right:0px; direction:rtl; margin-right:0px}

.pad-mn ul li{list-style: none;}

.pad-mn ul li ul{list-style:none;}

.pad-mn li ul li{list-style: none);}

.post-top{width:500px;height:30px;background:#fff url(img/post-top.png) no-repeat; text-align:right;}

.post-box{width:500px;background:#fff url(img/bg-post.png) repeat-y; min-height:250px;}

.pad-box{padding:0 10px 0 10px; text-align:right; direction:rtl; min-height:220px; margin-top:15px}

.pad-box2{padding:1px 10px 0 10px; text-align:right; direction:rtl; min-height:220px;}

.pad-price{padding:0 16px 0 10px; text-align:right; direction:rtl;}

.post-down{width:500px;height:10px;background:#fff url(img/bottom-post.png) no-repeat;}

.cat{width:460px; text-align:right; direction:rtl;height:15px;padding-top:1px;}

.relat{text-align:right; direction:rtl;height:130px;padding-top:1px;}

.post-title{padding-top:7px; padding-right:40px; font-weight:bold;float:right; color:#2e3d00;text-shadow:0px 0px 3px #888; direction:rtl;}

.view{float:left;padding-left:27px; padding-top:8px; text-align: right; font-weight:bold; font-size:11px;text-shadow:0px 0px 3px #888; color:#fff; direction:rtl}

.tagm{text-align:right;padding-right:7px;}

.tagm a:link , .tagm a.link , .tagm a:visited , tagm a.visited {-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;font: 11px Tahoma;border: 1px solid #E5E5E5;background: #eefafe;color: #7D7D7D;padding:5px;line-height:30px;}

.tagm a:hover, .tagm a.hover {background:#9900cc;font: 11px Tahoma;color: #fff;border: 1px solid #E5E5E5;}

blockquote,blockquote p,#leftcol-entry blockquote p {color:#061218;font-family: Tahoma, Arial, Helvetica, Sans-Serif;}

blockquote, #leftcol-entry blockquote {border:solid 1px #B2D1D7; margin:10px 10px 10px 50px;padding:5px 5px 5px 41px;background-color:#eefafe;-webkit-border-radius: 12px;-moz-border-radius: 4em 1em 4em 1em;border-radius: 4em 1em 4em 1em;}

.combox-top{ width:500px; height:10px; background:#fff url(img/uper-nav.png) no-repeat;}

.combox-txt{ width:500px; min-height:70px; background:#fff url(img/bg-post.png) repeat-y;}

.combox-dwn{ width:500px; height:10px; background:#fff url(img/bottom-post.png) no-repeat;}

.fild{width:200px; height:18px; border:1px solid #c9c9c9;margin-bottom:5px; background:#fafafa;-moz-border-radius: 7px;-khtml-border-radius: 7px; -webkit-border-radius: 7px;border-radius: 7px;padding:3px;font-family:Tahoma;}

.erea{width:474px; height:80px; border:1px solid #c9c9c9; background:#fafafa;-moz-border-radius: 7px;-khtml-border-radius: 7px; -webkit-border-radius: 7px;border-radius: 7px;padding:2px;font-family:Tahoma;font-size:10pt;}

.subc{width:80px;height:25px;cursor:pointer;margin-top:5px;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;border:1px solid #c9c9c9;background:#fafafa;font-size:11px;font-family:Tahoma;}

.fild:focus ,.erea:focus ,.subc:hover {border:1px solid #FC0;}

.nav{width:498px; background:#FFF;border:1px solid #c9c9c9;min-height:30px;-moz-border-radius: 7px;-khtml-border-radius: 7px; -webkit-border-radius: 7px;border-radius: 7px;}

.rp{ float:right;font-weight:bold; padding-right:10px;padding-top:6px;}

.lp{ float:left;font-weight:bold; padding-left:10px;padding-top:6px;}

.cati{margin:0; padding:0;margin-right:24px;}

.cati li ,.cati li:hover{font-size: 11px;list-style: url(img/arrow.gif);}

.cati li ul li ,.cati li ul li:hover {list-style: url(img/link.gif);}

.link a:link , .link a:visited {background: #fff;font: 11px Tahoma;color: #297eb9;display: block;padding: 3px;margin: 1px;border-bottom:1px solid #eee;}

.link a:hover { background:#f6feff;font: 11px Tahoma;color: #cc00ff;display: block;padding: 3px;border-bottom:1px solid #eee;}

.link li{list-style: none;}

.link2{margin:0; padding:0;margin-right:5px;}

.link2 li{background-image:url(img/arrow.gif); background-repeat:no-repeat;background-position:right;list-style-type:none;padding:0px 15px 0px 0px;margin:0px 0px 0px 0px;text-align:right;}

.amar{margin:0; padding:0;margin-right:20px;font: 11px Tahoma;}

.amar li{background-image:url(img/chart.gif); background-repeat:no-repeat;background-position:right;list-style-type:none;padding:0px 10px 0px 0px;line-height:1.2em;}

.tags{margin:0; padding:0;}

.tags li{list-style: none;}

.tags li a{padding:3px;}

.tags li a:hover{padding:3px;text-shadow:0 0 5px #cff270;}

#footer {width:980px; height:15px; background:#eee;-webkit-border-bottom-right-radius: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 10px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}

.cblock {

background-color: #fff;

overflow: hidden;

margin-bottom: 10px;

}

با تشکر

ویرایش شده توسط Morteza
کدهای بلند در longbox

به اشتراک گذاری این ارسال


لینک به ارسال

شما توی css به کلاس nav میتونید هر خاصیتی بدید

یکیش همونی که من مثال زدم تا اگر اضافه شد اسکرول بخوره

فایل های css هم که دارید یکیش برای ie هست و دیگری برای کل قالب که باید شما در css اصلی بزارید

شما این کد رو جایگزین nav. در style.css کنید :


.nav{
width:498px;
background:#FFF;
border:1px solid #c9c9c9;
max-height:100px;
overflow: scroll;
-moz-border-radius: 7px;
-khtml-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
margin:auto;
}

ویرایش شده توسط kasra

به اشتراک گذاری این ارسال


لینک به ارسال

شما توی css به کلاس nav میتونید هر خاصیتی بدید

یکیش همونی که من مثال زدم تا اگر اضافه شد اسکرول بخوره

فایل های css هم که دارید یکیش برای ie هست و دیگری برای کل قالب که باید شما در css اصلی بزارید

ممنون ولی من نمی دونم باید این رو کجا بگذارم:

overflow: scroll;

با تشکر

ممنون اسکرول ایجاد شد ولی من منظورم این شکلی بود نه حالت اسکرول چپ و راست پنجره در شکل زیر مشخص کردم

یعنی یه کادر باشه مثل کادر آرشیو ورد پرس که وقتی کلیک می کنید متن ها توی اون باشه مثل شکل زیر:

1356347649621.jpg

فکر کنم به این منو می گن DropDown اگه اینطوری بشه که خیلی بهتره

با تشکر

ضمناً افزونه جلالی رو هم که همین خاصیت رو داره باز کردم ببینم می تونم از روی اون اینکار رو انجام بدهم و قابلیت دراپ دون رو به این کد اضافه کنم که نتونستم

به اشتراک گذاری این ارسال


لینک به ارسال

دوست عزیز

این حالت دراپ باید از خود کداصلی جنریت بشه. شما نمیتونی خروجی رو با css دهی به این شکل کنید.

به اشتراک گذاری این ارسال


لینک به ارسال

دوست عزیز

این حالت دراپ باید از خود کداصلی جنریت بشه. شما نمیتونی خروجی رو با css دهی به این شکل کنید.

ممنون

ولی چون هیچ کاری در ورد پرس غیر ممکن نیست به نظرتون پلاگین یا چیزی هست که بشه در قالب قرار داد و کد این افزونه رو درش گذاشته که به شکل دراپ دوون نمایش بده

تو ورد پرس هم دو سه تا پلاگین DropDown خوب هست ولی نمی دونم برای این کار من کارایی داشته باشه یا خیر

با تشکر

ویرایش شده توسط internet

به اشتراک گذاری این ارسال


لینک به ارسال

اون دراپ دان با این فرق میکنه.

نمایش این پست ها و خروجی اینها فرق میکنه

میشه یه چیزایی با استایل درست کرد و دوستان راهنمایی کردن. بیشتر بحث خروجی اصلی هست.

مگر اینکه کدهای افزونه رو تغییر بدید که باید کدها رو بررسی کنید ببینید خروجی از کجاست...

به اشتراک گذاری این ارسال


لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.


×
×
  • اضافه کردن...