• اطلاعیه ها

    • Saeed Fard

      برگزاری چهارمین همایش Coder Conf و کد تخفیف برای کاربران وردپرس پارسی   20/04/97

      کدرکانف هر سال در آخرین پنجشنبه مرداد با بورد‌های مختلفی برگزار می‌گردد،امسال نیز کدرکانف در همین تاریخ با حضور برنامه نویسان مطرح کشور در بورد تخصصی جاوااسکریپت برگزار خواهد شد، یک گردهمایی متفاوت با طعم Javascript. Coderconf هر سال نسبت به سال‌های گذشته با حضور برنامه‌نویسان پر رنگتر می‌شود. ما سعی کردیم هر ساله به این کنفرانس مفهوم عمیق تری ببخشیم تا از آنچه در سال‌های گذشته عرضه شده به روزتر و مفیدتر واقع شویم. امسال فرصتی خواهد بود تا با نگرشی جدید و بهبود مطالب ارائه شده، عمیقتر به این موضوع نگاه کنیم تا بجای تکرار مباحث پیشین گامی هر چند کوچک در مسیر ارتقای دانش فنی برنامه‌نویسان ایرانی برداریم. ما در Coderconf ۴ با تمرکز بر روی Javascript نیت کرده‌ایم این فرصت را در اختیار برنامه نویسان قرار دهیم تا با ظرافت و استانداردهای روز دنیا کار خود را پیش ببرند. به نظر ما امسال زمان آن فرا رسیده‌است تا این زبان را به صورت تخصصی و از ابعاد مختلف به چالش بکشیم.   دبیر علمی همایش میلاد حیدری، کدرکانف ۴ را اینگونه توصیف کرده است :اشتراک گذاری دانش بهترین راه رسیدن به جاودانگی اطلاعات است. هر ساله همایش‌های زیادی برگزار میشه که افراد شرکت‌کننده می‌توانند با افراد مجرب شبکه سازی کنند. امسال در کدرکانف سعی کردیم علاوه بر بخش شبکه سازی بین افراد بیشتر روی انتقال دانش و کیفیت ارائه ها تمرکز داشته باشیم . به قصد یک گردهمایی بلند مدت بین برنامه‌نویسان جاوااسکریپت که با هم تبادل دانش و اطلاعات کنند گردهم آییم.
      بنده به عنوان عضو کوچکی از جامعه برنامه‌نویسان جاوااسکریپت ایران امیدوارم در کدرکانف امسال علاوه بر شبکه سازی، از اطلاعاتی که دوستان در این همایش در اختیارتان قرار می‌دهند استفاده کنید. در سایت همایش میتوانید سخنرانان و موضوع پنل همایش کدرکانف رو مشاهده کنید . علاقه‌مندان به حضور در این همایش می‌توانند با کد تخفیف wpparsi اقدام به ثبت نام در این گردهمایی کنند. سایت همایش :‌http://coderconf.org
      بلیط فروشی همایش :‌https://evand.com/events/coderconf4  
internet

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

9 پست در این موضوع قرار دارد

سلام

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

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

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

باتشکر

0

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


لینک به پست

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

3

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


لینک به پست

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

در css :


overflow: scroll;

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

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


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

موفق باشی

2

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


لینک به پست

ارسال شده در (ویرایش شده)

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

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

اگر این گزینه را غیرفعال کنید، شما باید به صورت دستی 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
0

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


لینک به پست

ارسال شده در (ویرایش شده)

شما توی 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
2

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


لینک به پست

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

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

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

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

overflow: scroll;

با تشکر

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

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

1356347649621.jpg

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

با تشکر

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

0

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


لینک به پست

دوست عزیز

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

2

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


لینک به پست

ارسال شده در (ویرایش شده)

دوست عزیز

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

ممنون

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

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

با تشکر

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

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


لینک به پست

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

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

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

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

1

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


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری