پارس جوم :: انجمن های تخصصی جوملا
کامپوینت k2 - نسخه‌ی قابل چاپ

+- پارس جوم :: انجمن های تخصصی جوملا (https://forums.parsjoom.ir)
+-- انجمن: پشتیبانی (/forum-70.html)
+--- انجمن: مباحث و مشکلات عمومی (/forum-33.html)
+--- موضوع: کامپوینت k2 (/thread-2435.html)

کامپوینت k2 - ariatm - ۱۳-۷-۱۳۹۰ ۰۵:۵۴ صبح

با سلام خدمت همه اعضای محترم انجمنمون
ممنون میشم راهنمایی بفرمایید چطو میتونم اعداد نمایش تعداد صفحات رو در سایتم راست چین کنم
الان در سایتم اعداد به این صورت نمایش داده میشه
ابتدا قبلی 10 9 8 7 6 5 4 3 2 1 بعدی انتها
من میخام به این صورت نمایش داده بشه

ابتدا قبلی 1 2 3 4 5 6 7 8 9 10 بعدی انتها

RE: کامپوینت k2 - مرتضی محمدجانی - ۱۴-۷-۱۳۹۰ ۰۵:۵۲ عصر

دوست عزیز
لطفا دمو قرار دهید
باید در css قالب تغییرات ایجاد کرد
Rose

RE: کامپوینت k2 - ariatm - ۱۵-۷-۱۳۹۰ ۱۲:۱۲ صبح

با تشکر جناب محمد جانی

دموی سایت

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.


RE: کامپوینت k2 - Reza Ganji - ۱۵-۷-۱۳۹۰ ۰۳:۰۵ صبح

اگر به تگ زیر شناوری رو سمت راست دهید درست میشود ولی کمی به راست متمایل میشود !
کد:
li {
    padding-bottom: 0.2em;
    padding-top: 0.2em;
}
به تگ بالا float: right رو اضافه کنید و تست کنید ! در فایل زیر البته !
کد:
typography.css (line 85)
انشاالله دوستان کد کامل رو به شما میدهند !

RE: کامپوینت k2 - ariatm - ۱۵-۷-۱۳۹۰ ۰۵:۴۹ صبح

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

RE: کامپوینت k2 - پیام عمرانی - ۱۵-۷-۱۳۹۰ ۰۷:۱۳ صبح

شما فقط به ul.pagination li یک float:right اضافه کنید و سپس با اضافه کردن padding-right به کلاس ul.pagination موقعت رو همونطور که می خواهید قرار بدید

RE: کامپوینت k2 - ariatm - ۱۵-۷-۱۳۹۰ ۰۵:۳۰ عصر

جناب عمرانیان ممنون میشم بفرمایید تغیراتی رو که فرمودید در کدوم قسمت css اعمال کنم

RE: کامپوینت k2 - Reza Ganji - ۱۵-۷-۱۳۹۰ ۰۵:۴۲ عصر

منظور جناب عمرانی این بود !
به تگ زیر شناوری سمت راست دهید :
کد:
ul.pagination li {
    background: none repeat scroll 0 0 #F5F6F7;
    border: 1px solid #E6E6E6;
    display: inline;
    padding: 2px 8px 3px;
    float: right;
}
همانطور که میبینید من اضافه کردم !
به تگ زیر هم padding-right رو اضافه کنید و مقدار اون رو متناسب با مقدار دلخواه تغییر دهید !
کد:
ul.pagination {
    clear: both;
    list-style-type: none;
    margin: 0 auto 0.75em;
    text-align: center;
    padding-right: 50px;
}
همانطور که میبینید من اضافه کردم ! شما خودتون عدد 50 رو به دلخواه تغییر دهید !

RE: کامپوینت k2 - ariatm - ۱۵-۷-۱۳۹۰ ۰۶:۰۷ عصر

باسپاس فراوان آقایان عمرانی و گنجی
مشکل کاملا حل شد