رتبه موضوع:
  • 0 رای - 0 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5
استایل زیبای افزونه wp-pagenavi وردپرس
#1
خوب امروز برای اون دسته از همکارانی که دنبال یک شیوه نامه زیبا برای افزونه هدایت صفحه خود (wp-pagenavi style) آماده کردم (اینم لینک دانلود افزونه wp-pagenavi اگر هنوز نداریدش ).این شیوه نامه شمارشگر صفحات وردپرس شما به رنگ آبی به شکل زیر درمیاره.
[عکس: pagenavi.jpg]


برای تغییر ظاهر این افزونه فقط کافیست به محل نصب افزونه خود رفته و مقادیر شیوه نامه که اسمش pagenavi-css.css هست رو پاک کرده و استایلی را که در زیر قرار میدم کپی کنید و بجای آن قرار بدید.

کد پی‌اچ‌پی:
[color=#007700]</[/color][color=#0000BB]p[/color][color=#007700]>
<[/color][color=#0000BB]p[/color][color=#007700]>.[/color][color=#0000BB]wp[/color][color=#007700]-[/color][color=#0000BB]pagenavi a[/color][color=#007700], .[/color][color=#0000BB]wp[/color][color=#007700]-[/color][color=#0000BB]pagenavi span [/color][color=#007700]{<[/color][color=#0000BB]br [/color][color=#007700]/>
 
[/color][color=#0000BB]padding[/color][color=#007700]: [/color][color=#0000BB]5px[/color][color=#007700]; [/color][color=#0000BB]margin[/color][color=#007700]-[/color][color=#0000BB]right[/color][color=#007700]: [/color][color=#0000BB]4px[/color][color=#007700];<[/color][color=#0000BB]br [/color][color=#007700]/>
 
[/color][color=#0000BB]font[/color][color=#007700]-[/color][color=#0000BB]size[/color][color=#007700]: [/color][color=#0000BB]12px[/color][color=#007700]; [/color][color=#0000BB]color[/color][color=#007700]: [/color][color=#FF8000]#03719c; text-decoration: none;<br />
 
[/color][color=#0000BB]border[/color][color=#007700]: [/color][color=#0000BB]2px solid [/color][color=#FF8000]#ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;<br />
 
[/color][color=#007700]}<[/color][color=#0000BB]br [/color][color=#007700]/>
.[/color][color=#0000BB]wp[/color][color=#007700]-[/color][color=#0000BB]pagenavi a[/color][color=#007700]:[/color][color=#0000BB]hover[/color][color=#007700], .[/color][color=#0000BB]wp[/color][color=#007700]-[/color][color=#0000BB]pagenavi span[/color][color=#007700].[/color][color=#0000BB]current [/color][color=#007700]{<[/color][color=#0000BB]br [/color][color=#007700]/>
 
[/color][color=#0000BB]background[/color][color=#007700]: [/color][color=#FF8000]#03719c;<br />
 
[/color][color=#0000BB]color[/color][color=#007700]: [/color][color=#FF8000]#fff;<br />
 
[/color][color=#0000BB]border[/color][color=#007700]: [/color][color=#0000BB]2px solid [/color][color=#FF8000]#AFAFAF;<br />
 
[/color][color=#007700]}<[/color][color=#0000BB]br [/color][color=#007700]/>
.[/color][color=#0000BB]wp[/color][color=#007700]-[/color][color=#0000BB]pagenavi span[/color][color=#007700].[/color][color=#0000BB]current [/color][color=#007700]{ [/color][color=#0000BB]font[/color][color=#007700]-[/color][color=#0000BB]weight[/color][color=#007700]: [/color][color=#0000BB]bold[/color][color=#007700]; }</[/color][color=#0000BB]p[/color][color=#007700]>
<[/color][color=#0000BB]p[/color][color=#007700]> [/color] 

فقط اگر در قسمت تنظیمات افزونه به دلیل فارسی بودن عبارت ” صفحه ” در قالب شما به درستی کار نکرد انگلیسیش کنید تا درست شه.یعنی در قسمت “متن برای شماره صفحات مقدار زیر را وارد کنید

کد پی‌اچ‌پی:
[color=#007700]</[/color][color=#0000BB]p[/color][color=#007700]>
<[/color][color=#0000BB]p[/color][color=#007700]>[/color][color=#0000BB]Page [/color][color=#007700]%[/color][color=#0000BB]CURRENT_PAGE[/color][color=#007700]% [/color][color=#0000BB]of [/color][color=#007700]%[/color][color=#0000BB]TOTAL_PAGES[/color][color=#007700]%</[/color][color=#0000BB]p[/color][color=#007700]>
<[/color][color=#0000BB]p[/color][color=#007700]> [/color] 
Heart
منبع : picor.ir

https://www.instagram.com/g.saeed6418/


به پیج ما هم سر بزنید Heart
پاسخ
 سپاس شده توسط Milad ، -Saeed- ، E-Beshkani




کاربران در حال بازدید این موضوع: 1 مهمان