سلام
یه مشکل کوچولو
نمایش صفحات من الان به این صورته:
http://dl01.arianamobile.ir/001.jpg
می خوام ابنجوری بشه:
http://dl01.arianamobile.ir/002.jpg
از افزونه ی WP-PageNavi ورژن 2.74 استفاده میکنم.
لطفا راهنماییم کنید.
سلام
یه مشکل کوچولو
نمایش صفحات من الان به این صورته:
http://dl01.arianamobile.ir/001.jpg
می خوام ابنجوری بشه:
http://dl01.arianamobile.ir/002.jpg
از افزونه ی WP-PageNavi ورژن 2.74 استفاده میکنم.
لطفا راهنماییم کنید.
برای اینکار باید با سی اس اس مقادیر رو دستکاری کنید اگه میخواید مانند همون بشه کافیه که کد همون قسمت اون سایت رو بر دارید و به جای سی اس اس خودتون قرار بدید
king_net گفت:
برای اینکار باید با سی اس اس مقادیر رو دستکاری کنید اگه میخواید مانند همون بشه کافیه که کد همون قسمت اون سایت رو بر دارید و به جای سی اس اس خودتون قرار بدید
سایت من اینه:
arianamobile.ir
میخوام شماره صفحه ها مثل سایت downloadha.com بشه.
میشه بگید چی رو باید جایگزین چی کنم؟
#wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a {
padding: 4px 0px 0px 0px;
margin: 0;
border: none;
text-decoration: none;
font-weight: normal;
font-style: normal;
list-style: none;
text-transform: none;
text-indent: 0px;
font-variant: normal;
text-align: left;
line-height: 12px;
letter-spacing: 0px;
word-spacing: 0px;
}
#wp_page_numbers {
width: 100%;
}
#wp_page_numbers ul {
width: 100%;
}
#wp_page_numbers li {
float: left;
display: block;
}
#wp_page_numbers a {
padding-left: 5px;
padding-right: 5px;
display: block;
color: #000000;
font-family: tahoma;
font-size: 8pt;
}
#wp_page_numbers li a:hover {
color: #666;
}
#wp_page_numbers li.space {
font-size: 8pt;
font-family: tahoma;
color: #aaa;
padding-left: 5px;
padding-right: 5px;
}
#wp_page_numbers li.first_last_page {
font-style: italic;
}
#wp_page_numbers li.active_page a {
color: #000;
font-weight:bold;
}
#wp_page_numbers li.active_page a:hover {
color: #666666; /* IE fix */
}
#wp_page_numbers li.page_info {
float: right;
font-size: 8pt;
font-family: tahoma;
color: #aaa;
display: block;
padding-right: 5px;
}page a:hover {
color: #fff; /* IE fix */
text-decoration: underline;
border-color: #A1D4E5;
}
#wp_page_numbers li.page_info {
float: right;
display: block;
padding: 3px;
padding-left: 5px;
padding-right: 5px;
margin-right: 2px;
color: #000;
font-size: 11px;
border: 1px solid #A1D4E5;
}
اگر که قالبت این رو داره : wp-page-numbers.css با قبلیا جایگزین کنید اگر نه به style.css اضافه کنید .
البته یک نسخه پشتیبان ازشون تهیه کن که مشکلی برای قالب پیش نیاد
با تشکر از شما
قالب من فایل pagenavi-css.css داره
که کد اون هم اینه:
.wp-pagenavi {
display: block;
text-align: left;
font-weight: bold;
padding: 0px;
margin-top: 8px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
}
.wp-pagenavi a, .wp-pagenavi a:link {
padding: 2px 4px 2px 4px;
margin: 2px;
color: #333333;
}
.wp-pagenavi span.pages {
padding: 2px 4px 2px 4px;
margin: 2px;
color: #aaa;
background-color: #FFF;
}
.wp-pagenavi span.extend {
padding: 2px 4px 2px 4px;
margin: 2px;
color: #aaa;
text-decoration: none;
}
.wp-pagenavi a:hover {
padding: 2px 4px 2px 4px;
margin: 2px;
color: #666666;
text-decoration: underline;
}
.wp-pagenavi span.current {
padding: 2px 4px 2px 4px;
margin: 2px;
color: #CCCCCC;
text-decoration: none;
background-color: #F0F0F0;
}
.wp-pagenavi a:visited {
padding: 2px 4px 2px 4px;
margin: 2px;
color: #aaa;
text-decoration: none;
}
.wp-pagenavi a:active {
padding: 2px 4px 2px 4px;
margin: 2px;
color: #aaa;
text-decoration: none;
}
کدی که شما گفتید رو هم جایگزین کردم. ولی شماره صفحات به شکل زیر شد:
http://dl01.arianamobile.ir/003.jpg
البته این کد رو توی فایل style.css هم قرار دادم که باز هم نتیجه همین بود!
ممنون میشم راهنماییم کنید.
درسته که طبق قوانین نباید این رو بگم...
ولی...
خیلی وقت گذشت!
کسی نیست راهنمایی کنه؟!
یه چیز کلی بگم . برای الگو گرفتن از استایل یک سایت ، میتونید از افزونه web developer فایرفکس استفاده کنید. گزینه ای بنام view css information داره . از طریق اون میتونید سی اس اس یک قسمت خاص رو دربیارید