مرجع پارسی MyBB
زیبا‌سازی ‌Multipage به همراه اموزش - نسخه‌ی قابل چاپ

+- مرجع پارسی MyBB (https://community.mybbiran.com)
+-- انجمن: آرشیو (https://community.mybbiran.com/forum-128.html)
+--- انجمن: آرشیو انجمن های قدیمی (https://community.mybbiran.com/forum-129.html)
+---- انجمن: مای بی بی نسخه 1.6 (https://community.mybbiran.com/forum-83.html)
+----- انجمن: آموزش ها (https://community.mybbiran.com/forum-84.html)
+------ انجمن: آموزش تغییرات (https://community.mybbiran.com/forum-113.html)
+------ موضوع: زیبا‌سازی ‌Multipage به همراه اموزش (/thread-3355.html)



زیبا‌سازی ‌Multipage به همراه اموزش - mahtab khanom - ۱۳۸۹/۹/۱۵

سلام شاید خیلی ها دوست دارن که تو این قسمت تقییری بدن و بخوان اختصاصیش کنن ، من فقط یه نمونه میگم تا متغیر هاش دست تون بیاد

ببینید از دو قست درست میشه یکی شکل ظاهری که توسط css نویسی درست میشه یکی هم تغییراتی که باید در تمپلت Multipage Pagination Templates بدید
این یه نمونه که با تغییر css درست شده
[تصویر:  b6k3dtthircozkwwgzl.jpg]
این کدها رو با کدهای قبلی در global.css استایل مورد نظرتون جایگزین کنید

کد php:
.pagination .pages {
    
font-weightbold;
}

.
pagination .pagination_current, .pagination a {
    
padding2px 6px;
    
margin-bottom3px;
}

.
pagination a {
    
border1px solid #81A2C4;
}

.
pagination .pagination_current {
    
background#FDEED4;
    
color#FF0000;
    
border1px solid #FF9E00;
    
    
font-weightbold;
}

.
pagination a:hover {
    
background#F5F5F5;
    
border1px solid #FF9E00;
    
text-decorationnone;


این هم یک نمونه که خودم تغییرات در تمپلتهای Multipage Pagination Templates دادم و با css کامل کردم و یک مدل زیبایی در اومده دوستان اگه خواستن بگن تا تغییرات رو براشون توضیح بدم
[تصویر:  7pdy5n6n1ylcqfegu1h3.png]
Big Grin
امیدوارم استفاده کنید
HeartHeart


RE: زیبا‌سازی ‌Multipage به همراه اموزش - R0D3N4 - ۱۳۸۹/۹/۱۷

سلام تگه ممکنه بیشتر توضیح بدین


RE: زیبا‌سازی ‌Multipage به همراه اموزش - c_r_fel - ۱۳۸۹/۹/۱۷

سلام تگه ؟

what ? Exclamation

هر قسمتی در هر قالبی از یک قسمت گلوبال تشکیل شده که شما میتونید اون رو ویرایش کنید البته بستگی به پوسته ی شما داره چون امکان داره اینطور نباشه اما در حال حاضر برای این اموزش شما کافیه کد های ارسال اول رو در قسمت :

Admincp>>theme and templates>>teme>>your theme>>global.css
کنترل پنل مدیریت >>قالب و پوسته ها >> پوسته >> پوسته (؟) >> گلوبال

کد ارسال اول رو جایگزین کدهای قبلی (فقط جایگزین کدهای همان قسمت) کنید.
البته عبارت "mahtab khanom" که در عکس اول میبینید ارتباطی با این اموزش ندارد چون فقط اسم خودشون رو زدن که این اموش برای ایشون هست.به اصلاح صاحبش هستند.Smile

فقط زیاد شما این کد ها رو دست کاری نکنید چون مهتاب خانوم زیاد دست کاری کردن غلظت کارو بردند بالا و اعداد رفته داخل کادر قالبSmile

موفق باشیدSmile


RE: زیبا‌سازی ‌Multipage به همراه اموزش - mahtab khanom - ۱۳۸۹/۹/۱۷

اینم یک مدل زیبا و ساده
[تصویر:  m6843_8.jpg]

کد php:
.pagination .pages {
font-weightbold;
color:#72B73A;
}

.
pagination .pagination_current, .pagination a {
-
moz-border-radius:4px 4px 4px 4px;
background:url(http://img.online-dl.com/images/k158_thead.png) repeat-x scroll 0 0 transparent;
color:#000000;
border1px solid #63AA2B;
padding:2px 6px;
-
moz-border-radius:4px;
}

.
pagination a {
-
moz-border-radius:3px 3px 3px 3px;
background:none repeat scroll 0 0 #F5F5F5;
border:1px solid #C7C7C7;
color:#7B7B7B;
text-shadow:0 1px 0 #FFFFFF;
}

.
pagination .pagination_current {
background:url(http://img.online-dl.com/images/k158_thead.png) repeat-x scroll 0 0 transparent;
border1px solid #81A2C4;
font-weightbold;
color#ffffff;
}

.
pagination a:hover {
background:#F7F7F7;
text-decoration:none;


تگه = اگه HeartHeart



RE: زیبا‌سازی ‌Multipage به همراه اموزش - c_r_fel - ۱۳۸۹/۹/۱۷

(۱۳۸۹/۹/۱۷، ۰۹:۰۷:۴۴ صبح)mahtab khanom نوشته است: تگه = اگه HeartHeart

Smile

متشکر در کل تغییرات برپاییه ی یک تیکه گلوبال مربوط به بخش تغییر صفحات صورت گرفته.

موفق باشید.Smile



RE: زیبا‌سازی ‌Multipage به همراه اموزش - pouya1364 - ۱۳۹۰/۷/۲۲

خیلی قشتگ شد . مرسی.


RE: زیبا‌سازی ‌Multipage به همراه اموزش - mhy - ۱۳۹۱/۸/۱۵

ببخشید تاپیک قدیمی بالا نمیارم، فقط خواستم ببینم از دوستان کسی عکسای ارسال اول رو جایی دیده؟ تا یه مدت پیش هم بودا، اما مثل اینکه از روی آپلودش پاک شده