رفتن به مطلب

اصلاح شماره بندی صفحات و گرافیک انها


amator

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

سلام و وقت بخیر

صفحه بندی صفحات محصولات در سایت در قسمت پایین صفحات و بدون افکت خاصی می باشد چطور و چگونه می توان 2 اقدام را برای مشخص کردن این شماره بندی ها انجام دهم؟

1. صفحه بندی علاوه بر زیر محصولات در قسمت بالای محصولات نیز انجام شود؟ (مثل سایت مارکت وردپرس بخش نظراتش!)

2.دادن افکت و دکمه مثل بخش نظرات سایت مارکت وردپرس

ادرس قالب

تشکر و سپاس

25.jpg

002.jpg

لینک به ارسال

سلام

اگر با کدنویسی آشنایی دارید

https://docs.woocommerce.com/document/woo_pagination/
http://www.remicorson.com/create-a-custom-wordpress-pagination-in-less-than-10-lines-of-code/

اگر هم ندارید 

https://wordpress.org/plugins/pagination-styler-for-woocommerce/

 

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

سلام و وقت بخیر

صفحه بندی صفحات محصولات در سایت در قسمت پایین صفحات و بدون افکت خاصی می باشد چطور و چگونه می توان 2 اقدام را برای مشخص کردن این شماره بندی ها انجام دهم؟

1. صفحه بندی علاوه بر زیر محصولات در قسمت بالای محصولات نیز انجام شود؟ (مثل سایت مارکت وردپرس بخش نظراتش!)

2.دادن افکت و دکمه مثل بخش نظرات سایت مارکت وردپرس

ادرس قالب

تشکر و سپاس

25.jpg

002.jpg

به انتهای rtl.css اضافه کنید ، با گوشی کد رو نوشتم ، اگر کار نکرد شب براتون مینویسم

.pagination a,
	.pagination a:hover,
	.pagination a.inactive,
	.pagination span.current {
	 color: #fff;
	 text-decoration:none;
	}
	.pagination a {
	 display: inline;
	}
	.pagination a,
	.pagination a:hover,
	.pagination a.inactive,
	.pagination span.current {
	 background-color: #707070;
	 border-radius: ۳px;
	 cursor: pointer;
	 padding: ۱۲px;
	 padding: ۰.۷۵rem;
	}
	.pagination a:hover,
	.pagination a.inactive {
	 background-color: #32CD32;
	}

لینک به ارسال
در 8 دقیقه قبل، nazanin123 گفته است :

به انتهای rtl.css اضافه کنید ، با گوشی کد رو نوشتم ، اگر کار نکرد شب براتون مینویسم

 


.pagination a,
	.pagination a:hover,
	.pagination a.inactive,
	.pagination span.current {
	 color: #fff;
	 text-decoration:none;
	}
	.pagination a {
	 display: inline;
	}
	.pagination a,
	.pagination a:hover,
	.pagination a.inactive,
	.pagination span.current {
	 background-color: #707070;
	 border-radius: ۳px;
	 cursor: pointer;
	 padding: ۱۲px;
	 padding: ۰.۷۵rem;
	}
	.pagination a:hover,
	.pagination a.inactive {
	 background-color: #32CD32;
	}

 

تشکر اما زیاد جالب نبود من میخوام مثل مارکت وردپرس باشه 3 حالت داشه باشه

دکمه صفحات در حالت معمول طوسی باشه

دکمه ی صفحه ای که در ان کاربر هست قرمز باشه

دکمه صفحات بعد که طوسی هست در صورت قرارگیری موس روی انها به سبز تغییر رنگ بدهد.

0525.jpg

ویرایش شده توسط amator
لینک به ارسال
در ۱ ساعت قبل، nazanin123 گفته است :

به انتهای rtl.css اضافه کنید ، با گوشی کد رو نوشتم ، اگر کار نکرد شب براتون مینویسم

 


.pagination a,
	.pagination a:hover,
	.pagination a.inactive,
	.pagination span.current {
	 color: #fff;
	 text-decoration:none;
	}
	.pagination a {
	 display: inline;
	}
	.pagination a,
	.pagination a:hover,
	.pagination a.inactive,
	.pagination span.current {
	 background-color: #707070;
	 border-radius: ۳px;
	 cursor: pointer;
	 padding: ۱۲px;
	 padding: ۰.۷۵rem;
	}
	.pagination a:hover,
	.pagination a.inactive {
	 background-color: #32CD32;
	}

 

بنده بخشی از کد نوشتم اما بقیش نمی دونم چطور باید بنویسم

.pagination a, .pagination span{
	margin: 0 0 0 15px;
	float: right;
	background: #caced1;
	width: 30px;
	height: 30px;
	border-radius: 4px;
	text-align: center;
	line-height: 30px;
	transition: all .2s;
	color: #fff;
	border-bottom: 2px solid #bdc2c5;
	webkit-transition: all .2s;
	o-transition: all .2s;
}

دکمه صفحات در حالت معمول طوسی باشه

دکمه ی صفحه ای که در ان کاربر هست قرمز باشه

دکمه صفحات بعد که طوسی هست در صورت قرارگیری موس روی انها به سبز تغییر رنگ بدهد.

 

دو مورد که قرمز کردم نمیدونم چطور باید بنویسم دوستان میتونن راهنمایی کنن؟

052.jpg

ویرایش شده توسط amator
لینک به ارسال

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

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

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

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

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

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

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

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

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