رفتن به مطلب

داینامیک کردن loop برای تب html


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

با سلام خدمت دوستان

من می خوام دسته بندی های انتخاب شده توسط مدیریت رو در یک تب نمایش بدم

اسم دسته بندی ها در بالای تب ها قرار میگیره و محتوای هر تب هم 3 عدد عکس از 3 نوشته آخر اون دسته بندی هست

به عبارت دیگه می خوام به ازای هر دسته بندی یک تب ایجاد بشه و داخل محتوای اون تب 3 نوشته آخر اون دسته بندی رو نشون بدم

کد HTML ای که دارم رو در زیر پیوست کردم (کد برای 4 دسته بندی هست فعلاً که باید داینامیک بشه)

ممنون میشم راهنمایی کنید .


<div class="row-fluid">
<div class="span12">
<div class="box-generic no-padding">

<div class="tabsbar">
<ul>
<li class="active">
<a href="#tab1-3" data-toggle="tab">Category 1 </a>
</li>
<li >
<a href="#tab2-3" data-toggle="tab"> Category 2 </a>
</li>
<li >
<a href="#tab3-3" data-toggle="tab">Category 3</a>
</li>
<li >
<a href="#tab4-3" data-toggle="tab">Category 4</a>
</li>
</ul>
</div>

<div class="tab-content">
<div class="tab-pane active" id="tab1-3">
<div class="row-fluid">
<div class="span4">
<img src="<?php bloginfo('template_directory'); ?>/images/email-subscibe.png" />
</div>
<div class="span4">
<img src="<?php bloginfo('template_directory'); ?>/images/email-subscibe.png" />
</div>
<div class="span4">
<img src="<?php bloginfo('template_directory'); ?>/images/email-subscibe.png" />
</div>
</div>
</div>

<div class="tab-pane" id="tab2-3">
<div class="row-fluid">
<div class="span4">
<img src="<?php bloginfo('template_directory'); ?>/images/logo.png" />
</div>
<div class="span4">
<img src="<?php bloginfo('template_directory'); ?>/images/logo.png" />
</div>
<div class="span4">
<img src="<?php bloginfo('template_directory'); ?>/images/logo.png" />
</div>
</div>
</div>

<div class="tab-pane" id="tab3-3">
<div class="row-fluid">
<div class="span4">
<img src="<?php bloginfo('template_directory'); ?>/images/no-photo.jpg" />
</div>
<div class="span4">
<img src="<?php bloginfo('template_directory'); ?>/images/no-photo.jpg" />
</div>
<div class="span4">
<img src="<?php bloginfo('template_directory'); ?>/images/no-photo.jpg" />
</div>
</div>
</div>
<div class="tab-pane" id="tab4-3">
<div class="row-fluid">
<div class="span4">
<img src="<?php bloginfo('template_directory'); ?>/images/Tulips.jpg" />
</div>
<div class="span4">
<img src="<?php bloginfo('template_directory'); ?>/images/Tulips.jpg" />
</div>
<div class="span4">
<img src="<?php bloginfo('template_directory'); ?>/images/Tulips.jpg" />
</div>
</div>
</div>

</div>
</div>
</div>
</div>

عکس نمونه تب

g6ve_capture.png

لینک به ارسال

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

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

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

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

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

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

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

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

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