رفتن به مطلب

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


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

با سلام

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

خودم اومدم یه کار هایی بکنم که نشد ! :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
لینک به ارسال

سلام

به شناسه ی :


#wp_page_numbers

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

لینک به ارسال

من عدد هر چی

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

لینک به ارسال

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

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

لینک به ارسال

من

#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

لینک به ارسال

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


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

بهش یه :


margn-right:350px;

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

لینک به ارسال

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

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

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

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

لینک به ارسال

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


margin-right:-70px;

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

لینک به ارسال

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

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

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

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

لینک به ارسال

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

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

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

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

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

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

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

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

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