رفتن به مطلب
alikka

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

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

سلام دوستان

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

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

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

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

 

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


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

سلام

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


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

 

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

 

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


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

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

 

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

#pasargad_cat-widget { 
overflow: auto;}

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


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

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

 


#pasargad_cat-widget { 
overflow: auto;}

 

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

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


لینک به ارسال

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

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

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

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

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

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

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

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


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