رفتن به مطلب

افزودن اسکرول به ابزارک موضوعات


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

سلام دوستان

تعداد موضوعات وبسایت من خیلی زیاده برای نمایش موضوعات از ابزارک استفاده می کنم.

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

این کد ابزارکه :

<?php
add_action( 'widgets_init', 'pasargad_cat_widget' );
function pasargad_cat_widget() {
	register_widget( 'cat_posts' );
}
class cat_posts extends WP_Widget {

	function cat_posts() {
		$widget_ops = array( 'classname' => 'widget-categories' );
		$control_ops = array( 'width' => 250, 'height' => 350, 'id_base' => 'pasargad_cat-widget' );
		$this->WP_Widget( 'pasargad_cat-widget','1_موضوعات', $widget_ops, $control_ops );
	}
	
	function widget( $args, $instance ) {
		extract( $args );
		$title = apply_filters('widget_title', $instance['title'] );

?>
<aside>
<div class="title widget-categories"><i class="widget-icon"></i><h4><?php echo $instance['title']; ?></h4></div>
<div class="categories">
<ul>
<?php wp_list_categories('title_li='); ?> 
</ul>
</div>
<div class="clear"></div>
</aside>
<?php 
		
	}

	function update( $new_instance, $old_instance ) {
		$instance = $old_instance;
		$instance['title'] = strip_tags( $new_instance['title'] );
		return $instance;
	}

	function form( $instance ) {
		$defaults = array( 'title' => 'موضوعات' ,  );
		$instance = wp_parse_args( (array) $instance, $defaults );
		?>
<div class="pasargad-widget">
<p>
			<label for="<?php echo $this->get_field_id( 'title' ); ?>">عنوان : </label>
			<input id="<?php echo $this->get_field_id( 'title' ); ?>" name="<?php echo $this->get_field_name( 'title' ); ?>" value="<?php echo $instance['title']; ?>"  type="text" />
		</p>
</div>
	<?php
	}
}
?>

دوستان ممنون میشم اگه بهم بگید باید چیکار کنم.

لینک به ارسال

سلام

یک div جداگانه برای ابزارکی که میخوای اسکرول داشته باشه قرار بده و این استایل ها رو بهش بده :

height: 200px;
overflow-x: hidden;
overflow-y: auto;

 

  • امتیاز 1
لینک به ارسال
در 13 ساعت قبل، 1tarah گفته است :

سلام

یک div جداگانه برای ابزارکی که میخوای اسکرول داشته باشه قرار بده و این استایل ها رو بهش بده :


height: 200px;
overflow-x: hidden;
overflow-y: auto;

 

عذر می خوام من آماتورم و دقیقا نمیدونم کجا باید این کد رو بزارم توی خود ابزارک یا توی قالب؟ اگه میشه واضح تر راهنماییم کنید

 

لینک به ارسال
در 3 ساعت قبل، alikka گفته است :

عذر می خوام من آماتورم و دقیقا نمیدونم کجا باید این کد رو بزارم توی خود ابزارک یا توی قالب؟ اگه میشه واضح تر راهنماییم کنید

 

با سلام . style.css قالب مورد نظر رو باز کنید و کد زیر رو انتهای این فایل قرار بدید. دقت کنید انتهای فایل style.css

#pasargad_cat-widget { 
overflow: auto;}

  • امتیاز 1
لینک به ارسال
در در 6/1/2016 at 02:54، nazanin123 گفته است :

با سلام . style.css قالب مورد نظر رو باز کنید و کد زیر رو انتهای این فایل قرار بدید. دقت کنید انتهای فایل style.css

 


#pasargad_cat-widget { 
overflow: auto;}

 

ممنون از راهنماییتون درست شد، فقط اگه بخوام بهش استایل بدم و اسکرول رو از حالت عادی بیرون بیارم باید چیکار کنم؟

لینک به ارسال

لطفا برای ارسال دیدگاه وارد شوید

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



ورود به حساب کاربری
×
×
  • اضافه کردن...