• اطلاعیه ها

    • Saeed Fard

      آگهی استخدام برنامه نویس و پشتیبان وردپرس   13/12/95

      آگهی استخدام برنامه نویس و پشتیبان وردپرس
       
      2 نفر پشتیبان سایت وردپرسی
      ⁃ آشنا به برنامه نویسی قالب و پلاگین وردپرس 
      ⁃ توانایی راه اندازی سایت، قالب و افزونه های وردپرسی 
      ⁃ توانایی برنامه نویسی PHP در حد متوسط 
      ⁃ اطلاعات عمومی وب بالا 
      ⁃ توانایی پاسخگویی نوشتاری به سوالات انگلیسی با گرامر ساده 
      ⁃ آشنایی با HTML/CSS/jQuery 
      ⁃ دارای روحیه کار تیمی، خلاق، مسئولیت‌پذیر و پشتکار بالا ——— ۲ نفر برنامه نویس قالب وردپرس
      ⁃ تسلط به HTML/CSS/jQuery و Bootstrap
      ⁃ توانایی تبدیل HTML به قالب وردپرس
      ⁃ توانایی برنامه نویسی PHP و پلاگین نویسی وردپرس در حد متوسط
      ⁃ آشنایی به اصول سئو 
      ⁃ آشنایی با Git/subversion مزیت محسوب می‌شود.
      ⁃ دارای روحیه کار تیمی، خلاق، مسئولیت‌پذیر و پشتکار بالا ——— ۱ نفر طراح UI/UX
      ⁃ طراحی خلاقه وب سایت
      ⁃ طراحی با جدیدترین استایل‌های طراحی سایت
      ⁃ مسلط به تایپوگرافی انگلیسی و طراحی وب سایت انگلیسی
      ⁃ انتقاد پذیری و قبول بازخوردهای تیم و مشارکت با دیگر اعضاء تیم برای سرعت بخشیدن به فرایند انجام پروژه
      ⁃ آشنایی و درک HTML/CSS/jQuery
      ⁃ دارای روحیه کار تیمی، خلاق، مسئولیت‌پذیر و پشتکار بالا
      ⁃ امکان همکاری به صورت پروژه‌ای و دورکاری در این موقعیت شغلی فراهم است ——— مزایای کار در مجموعه گرودیا
      ⁃ تجربه ناب کار در سطح یک جهانی
      ⁃ محیط کار بسیار دوستانه و آرام
      ⁃ پرداخت های مناسب و سر وقت
      ⁃ کلاس های آموزشی داخلی به جهت بالا بردن دانایی و توانایی همه اعضا   از علاقه‌مندان و نیازمندان تقاضا می‌شود لطفا رزومه کاری خود را با قید موقعیت شغلی به ایمیل info@grodea.co ارسال نمایید.
    • Morteza

      سال 1396 خورشیدی مبارک   29/12/95

      سال 1396 خورشیدی مبارک
internet

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

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

سلام

در افزونه: 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

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


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

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

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

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

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

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


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

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

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

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

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


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

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

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


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