• اطلاعیه ها

    • Saeed Fard

      برگزاری میتاپ وردپرسی   14/08/96

      بعد از اولین دوره همایش وردپرس در ایران اگر پیگیر اخبار وردپرس بوده باشید، حتما خبر برگزاری چندین میتاپ و جلسه متعدد وردپرسی را شنیده‌اید، یکی از بحث‌های اصلی که محور اصلی این میتاپ‌ها بوده است برگزاری وردکمپ بود که به طور جدی دنبال می‌شود. این میتاپ‌ها و جلسات توسط جمعی از فعلان حوزه وردپرس در کنار وردپرس‌پارسی برگزار می‌شد و مسائل مربوط به این حیطه و از جمله وردکمپ مورد بحث قرار می‌گرفت. این بار با رایزنی‌هایی که با تیم اصلی وردپرس داشتیم در بخش دوم این رویدادها قصد داریم که میتاپ‌ها و جلسات وردپرسی را به صورت آزاد برگزار کنیم تا تمامی علاقه‌مندان و دوست‌داران وردپرس فرصت حضور داشته باشند و با گردهمایی، جامعه کاملتری از دوست داران وردپرس بسازیم و از تجربیات یکدیگر استفاده کنیم.   بدیهی است که این رویدادها با رویکرد مثبت در جهت سود رسانی به جامعه وردپرس و افراد حاضر در آن برگزار می‌شود و برای تمامی علاقه‌مندان به وردپرس است. پس اگر یک کاربر معمولی وردپرس یا یک توسعه دهنده هستید می‌توانید در این رویدادها شرکت کنید. ما در ملاقات‌هایمان از موارد مختلف و کاربردی وردپرس صحبت می‌کنیم و علاقمند به توسعه هر چه بیشتر وردپرس در ایران هستیم. ما وردپرس را دوست داریم. عضویت در این گروه برای همه افرادی که مایل به پیوستن هستند بدون در نظرگرفتن توانایی‌ها، مهارت‌ها، وضعیت مالی و یا معیارهای دیگر باز و رایگان است. فضای میتاپ‌ها و جلسات ما دوستانه و آزادنه و دور از هرگونه تبعیض و رفتارهای زننده است. بر این اساس از تمامی دوستانی که علاقه‌مند به شرکت در میتاپ‌های وردپرس هستند دعوت می‌شود تا از طریق لینک زیر در سایت میتاپ اقدام به ثبت‌نام کنند و منتظر خبرهای برگزاری جلسات در آینده باشند . لینک ثبت نام و عضویت : https://www.meetup.com/Iran-WordPress-Meetup    
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

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


لینک به پست

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

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

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

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


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

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

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


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