رفتن به مطلب

قراردادن یک اسلایدر در قالب


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

اسلایدر اصلی رو هم بزارید تا بتونیم کدهای خروجی رو مقایسه کنیم.

لینک به ارسال

این رو تست کنید:

	    <div id="pointelle_slider_1" class="pointelle_slider">

<div class="pointelle-slider-control">

<?php query_posts('showposts=4&cat=1'); $i=1; while(have_posts()): the_post(); ?>

<div class="pointelle-slider-nav " style="height: 79.6666666667px;background-color:#fafafa; border-bottom:1px solid #cecece">

<?php show_thumb($comfy['img_featured_w'],$comfy['img_featured_h'],$comfy['crop'],$comfy['cropfrom'],$comfy['quality']); ?>

<h2 style="width:175px;font-family:Arial,Helvetica,sans-serif, Arial, Helvetica, sans-serif; font-weight:bold;font-style:normal; font-size: 13px; color: #666;"><?php the_title(); ?></h2>

<span class="pointelle-meta" style="width:175px;font-family:Georgia,serif, Arial, Helvetica, sans-serif; font-weight:normal;font-style:normal; font-size: 11px; color: #a6a6a6;border-top:1px solid #cecece;">

<span class="pointelle-meta1">Posted by <span class="pointelle-meta1-value">Tejaswini</span> </span>

<span class="pointelle-meta2">on <span class="pointelle-meta2-value">Jun 9, 2011</span></span>

</span>

<span class="pointelle-order"><?php echo $i; ?</span>

<div class="sldr_clearlt"></div>

</div>

<?php $i++; endwhile; wp_reset_query(); ?>

</div>

<div class="pointelle_slides" style="right:0;left:inherit;">

<?php query_posts('showposts=4&cat=1'); $i=1; while(have_posts()): the_post(); ?>

<div class="pointelle_slideri" style="background-color:#000000;border:px solid ;height:299px;">

<a href="<?php the_permalink(); ?>" class="pointelle_thumb_anchor" href="#" title="Carl and Russel With Dug and Kevin">

<?php show_thumb($comfy['img_featured_w'],$comfy['img_featured_h'],$comfy['crop'],$comfy['cropfrom'],$comfy['quality']); ?>

</a>

<div class="pointelle-excerpt" >

<h4 style="clear:none;line-height:21px;font-family:Trebuchet MS,sans-serif, Arial, Helvetica, sans-serif;font-size:18px;font-weight:normal;font-style:normal;color:#ffffff;margin:0px 0 5px 0;"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h4>

<p style="font-family:Arial,Helvetica,sans-serif, Arial, Helvetica, sans-serif;font-size:13px;font-weight:normal;font-style:normal;color:#ffffff;"><?php echo substr(get_the_excerpt(),0,120); ?></p>

</div>

</div>

<?php $i++; endwhile; wp_reset_query(); ?>

<div id="pointelle_nav_next" class="pointelle_slide_arrow pointelle_nav_next"></div>

<div id="pointelle_nav_prev" class="pointelle_slide_arrow pointelle_nav_prev"></div>

</div>

</div>

لینک به ارسال

یک دنیا ممنون. بالاخره مشکلم حل شد. فقط کد شما ی مشکل داشت که اصلاح کردم. البته اسلایدری که خودم اصلاح کردم با اینی که شما گذاشتین فرق داره ولی تبدیلش کردم . فقط ی مشکل دیگه اینکه تصویر بزرگ، اندازش تو کادر کوچیکه. اینو چطوری میشه اصلاحش کرد. فکر کنم توی بارگذاری مشکل داره! یک نگاه به صفحه اول سایت بندازید الان متوجه میشین

کد اصلاح شده شما


<div id="pointelle_slider_1" class="pointelle_slider">
<div class="pointelle-slider-control">

<?php query_posts('showposts=4&cat=1'); $i=1; while(have_posts()): the_post(); ?>
<div class="pointelle-slider-nav " style="height: 79.6666666667px;background-color:#fafafa; border-bottom:1px solid #cecece">
<?php show_thumb($comfy['img_featured_w'],$comfy['img_featured_h'],$comfy['crop'],$comfy['cropfrom'],$comfy['quality']); ?>
<h2 style="width:175px;font-family:Arial,Helvetica,sans-serif, Arial, Helvetica, sans-serif; font-weight:bold;font-style:normal; font-size: 13px; color: #666;"><?php the_title(); ?></h2>
<span class="pointelle-meta" style="width:175px;font-family:Georgia,serif, Arial, Helvetica, sans-serif; font-weight:normal;font-style:normal; font-size: 11px; color: #a6a6a6;border-top:1px solid #cecece;">
<span class="pointelle-meta1">Posted by <span class="pointelle-meta1-value">Tejaswini</span> </span>
<span class="pointelle-meta2">on <span class="pointelle-meta2-value">Jun 9, 2011</span></span>
</span>
<span class="pointelle-order"><?php echo $i; ?></span>
<div class="sldr_clearlt"></div>
</div>
<?php $i++; endwhile; wp_reset_query(); ?>
</div>
<div class="pointelle_slides" style="right:0;left:inherit;">
<?php query_posts('showposts=4&cat=1'); $i=1; while(have_posts()): the_post(); ?>
<div class="pointelle_slideri" style="background-color:#000000;border:px solid ;height:299px;">
<a href="<?php the_permalink(); ?>" class="pointelle_thumb_anchor" href="#" title="Carl and Russel With Dug and Kevin">
<?php show_thumb($comfy['img_featured_w'],$comfy['img_featured_h'],$comfy['crop'],$comfy['cropfrom'],$comfy['quality']); ?>
</a>
<div class="pointelle-excerpt" >
<h4 style="clear:none;line-height:21px;font-family:Trebuchet MS,sans-serif, Arial, Helvetica, sans-serif;font-size:18px;font-weight:normal;font-style:normal;color:#ffffff;margin:0px 0 5px 0;"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h4>
<p style="font-family:Arial,Helvetica,sans-serif, Arial, Helvetica, sans-serif;font-size:13px;font-weight:normal;font-style:normal;color:#ffffff;"><?php echo substr(get_the_excerpt(),0,120); ?></p>
</div>
</div>
<?php $i++; endwhile; wp_reset_query(); ?>

<div id="pointelle_nav_next" class="pointelle_slide_arrow pointelle_nav_next"></div>
<div id="pointelle_nav_prev" class="pointelle_slide_arrow pointelle_nav_prev"></div>
</div>
</div>

لینک به ارسال

سایتتون برای من باز نمیشه.

اگر اندازه عکس بزرگ هست میتونید با css کوچیک کنید.

البته موردی که هست از خود توابع پوسته شما لود میکنه. باید ببینید از کجا اندازه میگیره.

لینک به ارسال

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

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

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

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

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

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

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

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

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