alikka

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

5 پست در این موضوع قرار دارد

سلام دوستان

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

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

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

<?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
	}
}
?>

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

0

به اشتراک گذاری این پست


لینک به پست

سلام

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

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

 

1

به اشتراک گذاری این پست


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

سلام

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


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

 

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

 

0

به اشتراک گذاری این پست


لینک به پست
در 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;}

 

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

0

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری