davo0d

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

10 پست در این موضوع قرار دارد

ارسال شده در (ویرایش شده)

با سلام

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

خودم اومدم یه کار هایی بکنم که نشد ! :D تو کد زیر جای 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;
}

ویرایش شده در توسط davo0d
0

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


لینک به پست

سلام

به شناسه ی :


#wp_page_numbers

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

2

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


لینک به پست

من عدد هر چی

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

0

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


لینک به پست

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

post-631-0-52186200-1375441648_thumb.jpg

2

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


لینک به پست

من

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

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

post-639-0-30777500-1375442311_thumb.jpg

0

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


لینک به پست

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


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

بهش یه :


margn-right:350px;

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

2

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


لینک به پست

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

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

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

post-639-0-05356300-1375443616_thumb.jpg

0

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


لینک به پست

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


margin-right:-70px;

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

2

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


لینک به پست

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

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

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

post-639-0-66082400-1375444885_thumb.jpg

0

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


لینک به پست

آقا مرسی

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

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

1

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


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری