یه تغییر کوچولو در افزونه Page Number Themes

[davo0d 53]

با سلام

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

خودم اومدم یه کار هایی بکنم که نشد ! تو کد زیر جای left ها center رو زدم ولی نشد !

ممنون میشم راهنماییم کنید .

#wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a {
background: white;
padding: 0;
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;
font-size: 11px;
font-family: Arial;
}
#wp_page_numbers {
margin-top: 10px;
width: 100%;
background: white;
margin-bottom: 10px;
}
#wp_page_numbers ul {
width: 100%;
}
#wp_page_numbers li {
float: left;
display: block;
margin-bottom: 2px;
}
#wp_page_numbers a {
padding: 3px;
padding-left: 5px;
padding-right: 5px;
margin-left: 2px;
margin-right: 2px;
display: block;
color: #333;
border: 1px solid #bfbfbf;
}
#wp_page_numbers li a:hover {
border-color: #BA0000;
}
#wp_page_numbers li.space {
padding: 6px;
padding-left: 2px;
padding-right: 2px;
}
#wp_page_numbers li.first_last_page {
font-style: italic;
}
#wp_page_numbers li.active_page a {
border-color: #0075b8;
}
#wp_page_numbers li.active_page a:hover {
color: black; /* IE fix */
text-decoration: underline;
border-color: #BA0000;
}
#wp_page_numbers li.page_info {
float: left;
display: block;
padding: 3px;
padding-left: 5px;
padding-right: 5px;
margin-right: 2px;
color: #666;
font-size: 11px;
border: 1px solid #bfbfbf;
}

ویرایش شده مرداد 92 توسط davo0d

[Farid 2281]

سلام

به شناسه ی :

#wp_page_numbers

میتونید margin بدید تا در جای مورد نظرتون قرار بگیره

[davo0d 53]

من عدد هر چی

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

[Farid 2281]

به همین شناسه margin بدید جابجا میشه ... مثلا من خودم 350px دادم از سمت راست ، براتون عکس هم گرفتم ، نگاه کنید .

[davo0d 53]

من

#wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a {

background: white;

padding: 0;

margin: 50px;

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;

font-size: 11px;

font-family: Arial;

تغییر دادم که مثل تصویر پیوست شد .

[Farid 2281]

نه ... اشتباه کردید .. شما این قسمت رو پیدا کنید :

#wp_page_numbers {
margin-top: 10px;
width: 100%;
background: white;
margin-bottom: 10px;
}

بهش یه :

margn-right:350px;

اضافه کنید ، میشه مثله تصویری که من گذاشتم

[davo0d 53]

ممنون دوست عزیز

راستش من میخوام وسط ( نوشته ها ) قرار بگیره و زیر ایزارک ها نره

مثل تصویر پیوست که با فتوشاپ درستش کردم

[Farid 2281]

خب مقدار margin-right رو بر حسب دلخواهتون تغییر بدید ... برای این که بیاد وسط ( به راست نزدیک تر شه ) این کد رو به اون بخشی که گفتم اضافه کنید :

margin-right:-70px;

در ضمن تصویری هم که درست کردید ، هنوز زیر ابزارک هاست ! .... اگه کل شماره ها رو میخوایید جاشو عوض کنید ، باید کد php این افزونه رو جایی که میخوایید بنویسید .

[davo0d 53]

واقعا ممنونم آقا فرید لطف کردید .

امکانش هست یه کمک دیگه هم بهم بکنید !؟

اینکه اگه بخوام مثل تصویر پیوست فاصله شماره ها از آیکون های شبکه های اجتماعی بیشتر بشه و به شکلک ها نزدیکتر بشه باید چیکار کنم !؟

[davo0d 53]

آقا مرسی

مقدار margin-top: و margin-bottom رو تغییر دادم درست شد

کلا حل شد ممنون