رفتن به مطلب

چگونه تصویر شاخص را ببریم سمت چپ ؟


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

من قالبم یه اسلاید شو داره ، که این اسلاید شو تصاویر شاخص رو نشون میده. این تصاویر شاخص اسلایدر ، سمت راست قالب من هستند که باعث شده عکسها بیان روی توضیحات و خیلی بد بشه

الان میخوام اون تصاویر اسلایدر از سمت راست ، سمت چپ نمایش داده بشن.

این هم کدهای قالب هست:


<?php
$slide_args = array(
'post_type' => 'slide',
'posts_per_page' => -1,
'order' => 'ASC',
'orderby' => 'menu_order',
);
$slide_query = new WP_Query();
$slide_query->query( $slide_args );
$slide_post_count = $slide_query->post_count;
?>
<!-- Slider -->
< div id="Offer_slider">

<ul id="os_cycle" class="slides">
<?php if ($slide_query->have_posts()) : while ($slide_query->have_posts()) : $slide_query->the_post(); ?>
<li>

<div class="image">

<?php

if( $video['id'] = get_post_meta($post->ID, 'doover_video_youtube', true) ) {
$video["width"] = ( get_post_meta($post->ID, 'doover_video_width', true) ) ? get_post_meta($post->ID, 'doover_video_width', true) : 510;
$video["height"] = ( get_post_meta($post->ID, 'doover_video_height', true) ) ? get_post_meta($post->ID, 'doover_video_height', true) : 350;
echo '<iframe src="http://www.youtube.com/embed/'. $video['id'] .'?wmode=opaque" width="'. $video["width"] .'" height="'. $video["height"] .'" frameborder="0" style="position:absolute; z-index:3;"></iframe>';

} elseif ( $video['id'] = get_post_meta($post->ID, 'doover_video_vimeo', true) ) {
$video["width"] = ( get_post_meta($post->ID, 'doover_video_width', true) ) ? get_post_meta($post->ID, 'doover_video_width', true) : 510;
$video["height"] = ( get_post_meta($post->ID, 'doover_video_height', true) ) ? get_post_meta($post->ID, 'doover_video_height', true) : 350;
echo '<iframe src="http://player.vimeo.com/video/'. $video['id'] .'" width="'. $video["width"] .'" height="'. $video["height"] .'" frameborder="0" style="position:absolute; z-index:3;"></iframe>';

} else {
the_post_thumbnail( 'offer_slider' );
}

?>
<div class="thumbnail" style="display:none">
<?php if( $doover_thumbnail = get_post_meta($post->ID, 'doover_thumbnail', true) ): ?>
<img src="<?php echo $doover_thumbnail;?>" alt="" />
<?php else: ?>
<?php the_post_thumbnail( 'offer_slider_thumb' ); ?>
<?php endif; ?>
</div>

</div>

<div class="title">
<div style="width:400px; top:0px; left: 550px; position:absolute; z-index:1;">
<h2><?php the_title(); ?> <span><?php echo get_post_meta($post->ID, 'doover_subtitle', true); ?></span></h2>
</div>
</div>

<div class="desc">
<div style="width:400px; top:170px; left: 550px; position:absolute; z-index:4;">
<?php the_excerpt(); ?>
<?php if( $doover_link = get_post_meta($post->ID, 'doover_link', true) ): ?>
<a href="<?php echo $doover_link; ?>" class="button-big button-big-orange"><span><?php echo get_post_meta($post->ID, 'doover_btn_text', true); ?></span></a>
<?php endif; ?>
</div>
</div>

</li>
<?php endwhile; endif; wp_reset_query(); ?>

</ul>
<div class="controls">
<div class="header">
<?php $our_offer = doover_get_option( 'our_offer' )?>
<?php if( $our_offer['prefix'] ):?>
<h3><?php echo $our_offer['prefix']; ?></h3>
<?php endif; ?>
<?php if( $our_offer['text'] ):?>
<h2><?php echo $our_offer['text']; ?></h2>
<?php endif; ?>

<?php if($slide_post_count > 5) : ?>
<a id="prev_arrow" href="#"><?php _e('Previous','doover'); ?></a>
<a id="next_arrow" href="#"><?php _e('Next','doover'); ?></a>
<?php endif; ?>
</div>

<!-- #os_pager -->
</div>
</div>

لطفا کمکم کنید چطور می تونم این کار کوچک رو انجام بدم. نام قالبم هم Doover هست

اگر هم اطلاعات بیشتر نیازه بگید تا ارائه بدم

ممنون

لینک به ارسال

پوسته فوق پرمیوم هست و اگر خریداری کردید باید از طراح پوسته پشتیبانی بخواید

تاپیک بسته شد.

لینک به ارسال

توی فایل style.css میرم اصلا چیزی داخلش نیست. همش اینه:


/*
Theme Name: Doover
Theme URI: http://muffingroup.com/doover
Author: Muffin group
Author URI: http://muffingroup.com/
Description: Professional and easy to customize Premium WordPress Theme.
Version: 2.1.1
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: blue, gray, green, red, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, custom-background, custom-header, custom-menu, editor-style, featured-image-header, featured-images, post-formats, theme-options, translation-ready
*/
@import url("css/reset.css");
@import url("css/main.css");
@import url("css/buttons.css");
@import url("css/shortcodes.css");
/* If you want to add your own css code, please do it in css/custom.css */
@import url("css/custom.css");

کلاس thubnail به نظرتون توی کدوم فایل تعریف شده؟

چطور میتونم جاشو پیدا کنم؟

دوستان قالب پریمیوم هست اما من رایگانشو پیدا کردم

به نظرتون این مشکلی ایجاد می کنه؟

هاستم هم وارز هست

لینک به ارسال
مهمان
این موضوع برای عدم ارسال قفل گردیده است.
×
×
  • اضافه کردن...