نمایش short story متفاوت..
  • stay98
  • زمان ارسال: 14 فروردین 1398, 15:27
  • سیستم دیتالایف انجین
سلام
 من خواستم از ادرس زیر استفاده کنم برای نمایش متفاوت

https://codepen.io/Idered/pen/AeBgF

واسه همین اومدم از تگ کاستوم استفاده کردم..در صحفه ی main

                          {custom template="shortvote" from="0" limit="6" order="date" cache="no"}

کد سی اس اس رو در قالب ...گذاشتم

<style>
  .read-more-state {
  display: none;
}

.read-more-target {
  opacity: 0;
  max-height: 0;
  font-size: 0;
  transition: .25s ease;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target {
  opacity: 1;
  font-size: inherit;
  max-height: 999em;
}

.read-more-state ~ .read-more-trigger:before {
  content: 'Show more';
}

.read-more-state:checked ~ .read-more-trigger:before {
  content: 'Show less';
}

.read-more-trigger {
  cursor: pointer;
  display: inline-block;
  padding: 0 .5em;
  color: #666;
  font-size: .9em;
  line-height: 2;
  border: 1px solid #ddd;
  border-radius: .25em;
}

این کد رو هم گذاشتم واسه صحفه ی بالاshortvote

                      <div>
  <input type="checkbox" class="read-more-state" id="post-2" />

  <ul class="read-more-wrap">
    <li>{title}</li>
    <li>lorem 2</li>
    <li class="read-more-target">{short-story limit="55"}</li>
    <li class="read-more-target">lorem 4</li>
  </ul>
  
  <label for="post-2" class="read-more-trigger"></label>
</div>


اما این کد برای پست اولی که ارسال میشه کارای کاری ...و برای پست دوم و سوم و ... کارای نداره ؟
نمایش سایت
پاسخ ها ( پاسخ های ارسال شده : 1 )
توسطEh3an
سلام
من که در کل متوجه منظور نشدم ولی احتمالا از یکسان بودن id کدها کارایی نداره
به جای عدد ۲ در id="post-2" از کد زیر استفاده کنید:

id="post-{news-id}"
ارسال پاسخ به نمایش short story متفاوت..
پیام سیستم
برای ارسال نظر، باید در سایت عضو شوید.

آمار انجمن

تعداد مباحث تایید شده : 74 ، تعداد پاسخ ها : 154
آخرین ارسالی در تاریخ 1398/02/02 21:48 با عنوان ثبت نام و ورود با شماره تماس و دریافت کد 4 یا 5 رقمی بصورت اس ام اس ذیتالایف ارسال شده است.
مجموع ارسال های انجمن : 74
از مجموع 74 ارسال در انجمن تعداد 74 پست تایید شده است.
تعداد 0 پست در انتظار تایید تیم مدیریتی قرار دارد.
در 74 پست ارسال شده، تعداد 154 پاسخ ارسال شده است.