سلام
من از این کد برای Scroll Line استفاده میکنم:
HTML:
<div class="scroll-line"></div> <script> $(window).scroll(function(){var wintop = $(window).scrollTop(), docheight = $(document).height(), winheight = $(window).height(); var scrolled = (wintop/(docheight-winheight))*100; $('.scroll-line').css('width', (scrolled + '%'));}); </script>
CSS:
.scroll-line { height: 2px; margin-bottom: -2px; background-color: #5C64C5; width: 0%; position: fixed; top: 0; z-index: 9999; }
من میخوام این بشه لودر صفحه، یعنی هنگام لود سایت بیادش و با درصد لود سایت پر بشه و بعد از لود غیب بشه.
چجوری اینکارو بکنم؟
در 29 دقیقه قبل، Arash.Ranjbar گفته است :سلام
احنمالا مشکل از قالبتون هستش.
دسترسی ارسال کنین بررسی میکنم
دسترسی دادم
سلام
روی زبان فارسیِ قالب من، عرض صفحه در نسخه موبایل زیاد هست و اسکرول به چپ و راست ایجاد میشه.
قبلاً این مشکل رو بهتون گفتم شما هم راهنمایی کردید و مشکل در صفحه اصلی برطرف شد.
@media screen and (max-width: 768px) { html[dir="rtl"] #ipsLayout_sidebar>.cWidgetContainer>.ipsList_reset { display: flex; flex-wrap: wrap; margin: auto; } html[dir="rtl"] #ipsLayout_sidebar .ipsWidget_vertical { flex: 1 1 250px; margin: 0 0 20px 0px; max-width: 100%; } }
اما الان متوجه شدم در موضوع ها (تاپیک ها) هنوز این مشکل وجود داره.
ممنون میشم راهنمایی کنید که چجوری در تمام صفحات این مشکل رو حل کنم.
سلام راهی هست که ستاره های نصف شده rating رو بر روی زبان فارسی درست نمایش بده؟ روی زبان انگلیسی درسته، اما وقتی روی زبان فارسی باشه، ستاره های نصفه بصورت برعکس ظاهر میشن.
در 15 ساعت قبل، Arash.Ranjbar گفته است :@media screen and (max-width:767px) { .ipsDataItem_subList li { float: unset; display: inline-block; white-space: nowrap; text-overflow: ellipsis; width: calc(100% / 1 - 5px); } }اینو تست کن
ببخشید راهی هست که ستاره های نصف شده rating رو بر روی زبان فارسی درست نمایش بده؟ روی زبان انگلیسی درسته، اما وقتی روی زبان فارسی باشه، ستاره های نصفه بصورت برعکس ظاهر میشن.
@media screen and (max-width:600px) { html[dir="rtl"] .ipsDataItem_subList li { width: calc(100% / 1 - 5px) !important; } html[dir="ltr"] .ipsDataItem_subList li { width: calc(100% / 1 - 5px) !important; } }
این کد رو قرار دادم درست شد. ممنون.
در 10 دقیقه قبل، Arash.Ranjbar گفته است :از کد زیر استفاده کن تا متنها نشکنن:
.ipsDataItem_subList li { float: unset; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: calc(100% / 2 - 5px); }
اینجوری مشکل حل نمیشه فقط ادامه متن غیب میشه، راهی نیست تک ستونی بشه توی اون دو حالتی که گفتم؟
در 6 ساعت قبل، Arash.Ranjbar گفته است :از کدهای زیر استفاده کنین که بهینه شده و تو نسخه های 4.6 هم جواب میده
/*مرتب سازی زیر انجمن ها در حالت راست چین*/ @media screen and (max-width:767px) { html[dir="rtl"] .ipsDataItem_icon.ipsDataItem_category { padding:0 !important; } } .ipsDataItem_subList{ overflow: hidden; } html[dir="ltr"] .ipsApp .ipsDataItem_subList, html[dir="rtl"] .ipsApp .ipsDataItem_subList{ background: none; line-height: 220%; padding-left: 0 !important; padding-right: 0 !important; padding-bottom: 4px; } html[dir="rtl"] .ipsDataItem_subList li{ float: right; width: calc(100% / 2 - 5px); } html[dir="ltr"] .ipsDataItem_subList li{ float: left; width: calc(100% / 2 - 5px); } .ipsDataItem_subList li a:after{ display: none; } html[dir="rtl"] .ipsDataItem_subList.ipsList_inline > li{ margin-left: 0; } .ipsItemStatus.ipsItemStatus_tiny{ display:none !important; } .ipsItemStatus.ipsItemStatus_read{ color:#636161 !important; } /*مرتب سازی زیر انجمن ها در حالت چپ چین*/ .ipsItemStatus.ipsItemStatus_tiny{ display:none !important; } .ipsItemStatus.ipsItemStatus_large{ color:#5a9943; } .ipsItemStatus.ipsItemStatus_read{ color:#636161 !important; }
آقا خیلی ممنون همشون حل شدن.
راجع به کد های زیر انجمن ها یه سوال داشتم، راهی هست که روی دستگاه های موبایل فقط 1 ستون نمایش بده؟ چون 2 ستون روی دستگاه های موبایل باعث میشه متن های متوسط و طولانیه زیر انجمن ها شکسته بشن و توی 2 خط نمایششون بده.
روی حالت تبلت اوکیه مشکلی نداره ولی یخورده که از حالت تبلت بزرگترش میکنم باز مثل حالت موبایل باید تک ستونی بشه.
این کدیه که در حال حاضر گذاشتم:
/* -- SubForums -- */ @media screen and (max-width:767px) { html[dir="rtl"] .ipsDataItem_icon.ipsDataItem_category { padding: 0 !important; } } .ipsDataItem_subList { overflow: hidden; } html[dir="ltr"] .ipsApp .ipsDataItem_subList, html[dir="rtl"] .ipsApp .ipsDataItem_subList { background: none; line-height: 220%; padding-left: 0 !important; padding-right: 0 !important; padding-bottom: 4px; } html[dir="rtl"] .ipsDataItem_subList li { float: right; width: calc(100% / 2 - 5px); } html[dir="ltr"] .ipsDataItem_subList li { float: left; width: calc(100% / 2 - 5px); } .ipsDataItem_subList li a:after { display: none; } html[dir="rtl"] .ipsDataItem_subList.ipsList_inline>li { margin-left: 0; } .ipsItemStatus.ipsItemStatus_tiny { display: none !important; }
خیلی ممنون مشکل برطرف شد.
چندتا سوال دیگه درمورد قالب داشتم..
اول اینکه چجوری قسمت هایی که متنشون نصف شده رو متنشونو کامل کنم؟ روی زبان انگلیسی درسته فقط روی فارسی جمله نصف میشه و بقیش 3 تا نقطه میاد مثل دکمه ثبت نام و ایجاد محتوا در عکس های زیر:
سوال دوم هم اینکه چجوری میتونم مشکل عرض صفحه رو روی حالت موبایل در زبان فارسی درست کنم؟ روی زبان فارسی و حالت موبایل، عرض وبسایت کمی بزرگتر از عرض صفحه است و یکمی اسکرول به چپ و راست میشه کرد، اما روی زبان انگلیسی همچین مشکلی نیست و صفحه با عرض فیت هستند.
و سوال آخر هم اینکه قالب من وقتی روی زبان فارسیه قسمت اسم و عکس پروفایل کاربر در هدر سایت درسته جایگاهشون، اما روی زبان انگلیسی عکس پروفایل کمی به اسم کاربر چسبیده.
ممنون از پشتیبانی خوبتون.
با سلام
چجوری میشه زیر انجمن ها (Subforums) رو مرتب کرد؟ حالت معمولی به هم ریخته هستن، من میخوام توی 2 ستون زیر همدیگه بصورت مرتب قرار بگیرن.. باید چیکار کنم؟
کد زیر رو قرار دادم اما فقط روی زبان انگلیسی به خوبی کار میده و 2 ستون درست میکنه، روی زبان فارسی فقط 1 ستون درست میکنه و همه ی زیر انجمن ها بصورت عمودی زیر هم قرار میگیرن.
.ipsDataItem_subList li { float: right !important; width: calc(100% / 2 - 5px) !important; } .ipsDataItem_subList li a:after { display: none !important; }
در در ۱۴۰۰/۴/۱۶ در 18:07، Arash.Ranjbar گفته است :تو تنظیمات مطالب بخشی برای این حالت وجود داره که میتونین مشخص کنین که با کلیک روی تاپیک ها چه اتفاقی بیفته.
یا تو تنظیمات پروفایل از بخش نوع عملکرد نمایش مطالب این مورد رو تنظیم کنید
از توی تنظیمات پروفایل درست کردم اونو که روی موضوع کلیک میکنی از همون اول بیاد.
فقط الان رو موضوع های topic feed (خوراک موضوع) که کلیک میکنم اوناهم از اول صفحه میان. اونارو میخوام از آخرین ارسال یا ارسال های خوانده نشده بیان. یعنی آخر لینکشون این بیاد :
/?tab=comments#comment-x
در 6 ساعت قبل، MAMADBAX گفته است :داداش اصلا وارد پنل نمیشه😐
احتمالا یجای کار رو اشتباه انجام دادین یا نسخه برنامه ای که نصب کردید با نسخه انجمن سازتون همخونی نداره، بنظرم الان که همچین مشکلی پیش اومده مجبورین آخرین بکاپی که دارین رو اعمال کنید چون وارد ادمین پنل هم نمیشه بشید.
سلام وقت بخیر
توی نسخه های قبلی ips وقتی یک موضوع رو از قسمت خوراک موضوع (topic feed) باز میکردم به آخرین ارسال اون موضوع میرفت و اگر یک موضوع رو از قسمت تالارهای گفتگو باز میکردم روی ارسال اول میموند و نمیرفت به آخرین ارسال اون موضوع.
ولی الان یک موضوع رو از هرکجا که باز کنم ته آدرسش متن زیر رو میاره و باز هم از آخرین ارسال میاد.
/?tab=comments#comment-x
من میخوام که مثل نسخه های قبلی بشه یعنی فقط از خوراک موضوع به آخرین ارسال بره.
توی ادمین پنل فکر میکنم یک قسمت بود برای تنظیم این مورد ولی هرچی میگردم پیداش نمیکنم.. میتونید راهنمایی کنید؟
در 17 دقیقه قبل، Arash.Ranjbar گفته است :انجام شد میتونین بررسی کنین
حل شد خیلی ممنون از شما.
در 3 ساعت قبل، Arash.Ranjbar گفته است :دسترسی رو آزاد کنین
بفرمایید کردم.
در 28 دقیقه قبل، Arash.Ranjbar گفته است :کد زیر تو custom.css قرار بدین:
.ArashTopics_cAuthorPane_icons_positive { color: inherit !important; }
اضافه کردم هیچ تغییری نکرد
کدش رو درست کردم الان سالمه و درست کار میکنه، فقط رنگ لینکش از بقیه روشن تره اونو چجوری درست کنم؟ از تو custom.css بهش opacity بدم فکر کنم بشه اما یه راه حل نداره که نیاز نباشه custom.css اضافه کنم؟
<li> <a class="{{if $comment->author()->pp_reputation_points > 1}}ArashTopics_cAuthorPane_icons_positive{{elseif $comment->author()->pp_reputation_points < 0}}ArashTopics_cAuthorPane_icons_negative{{else}}ArashTopics_cAuthorPane_icons_neutral{{endif}}" href="{url="app=core&module=members&controller=profile&id={$comment->author()->member_id}&do=reputation" seoTemplate="profile_reputation" seoTitle="$comment->author()->members_seo_name"}" title="{lang="mf_reputation" pluralize="$comment->author()->pp_reputation_points"}" data-ipsTooltip class="ipsType_blendLinks"> <i class="{{if $comment->author()->pp_reputation_points >= 0}}fa fa-plus{{else}}bx bx-minus{{endif}}"></i> {number="$comment->author()->pp_reputation_points" format="short"} </a> </li>
در ۱ ساعت قبل، Arash.Ranjbar گفته است :تو همون فایل poatcontainer آخراش
<li data-role='reputation' class='ipsFlex ipsFlex-jc:center ipsFlex-ai:center {{if $comment->author()->pp_reputation_points > 1}}ArashTopics_cAuthorPane_icons_positive{{elseif $comment->author()->pp_reputation_points < 0}}ArashTopics_cAuthorPane_icons_negative{{else}}ArashTopics_cAuthorPane_icons_neutral{{endif}}' data-ipstooltip _title="{lang="mf_reputation"}"> <i class="{{if $comment->author()->pp_reputation_points >= 0}}fa fa-plus{{else}}fa fa-minus{{endif}}"></i> <span class="ipsFlex ipsFlex-jc:center ipsFlex-ai:center">{number="$comment->author()->pp_reputation_points" format="short"}</span> </li>
من یه مقدار رو کد کار کردم که از حالت تکست به حالت لینک (مثل گزینه های تعداد ارسال پیش فرض ips) تبدیل بشه، منتها یه مشکل دارم، الان لینک شده اما لینکش مثل بقیه نیست یخورده رنگش روشن تره و لینکی که باز میکنه اشتباهه.
<li> <a href='{{if $comment->author()->pp_reputation_points > 1}}ArashTopics_cAuthorPane_icons_positive{{elseif $comment->author()->pp_reputation_points < 0}}ArashTopics_cAuthorPane_icons_negative{{else}}ArashTopics_cAuthorPane_icons_neutral{{endif}} url="app=core&module=members&controller=profile&id={$comment->author()->member_id}&do=reputation" seoTemplate="profile_reputation" seoTitle="$comment->author()->members_seo_name"}" title="{lang="mf_reputation" pluralize="$comment->author()->pp_reputation_points"}" data-ipsTooltip class="ipsType_blendLinks"'> <i class="{{if $comment->author()->pp_reputation_points >= 0}}fa fa-plus{{else}}bx bx-minus{{endif}}"></i> {number="$comment->author()->pp_reputation_points" format="short"} </a> </li>
قسمت آیکونش درسته هیچ مشکلی نداره فقط قسمت لینکش فکر میکنم مشکل داشته باشه میشه لطفاً کمک کنید کدشو اوکی کنم..
این هم خروجیش :
در 4 دقیقه قبل، Arash.Ranjbar گفته است :حل شد!
بررسی کنید اگه مشکلی بود اطلاع بدید
بسیار عالی خیلی ممنون.
فقط میشه لطفاً بگید کدوم قسمت کدشو اضافه کردید که برم یه نگاهی به کدش بندازم؟
در 3 دقیقه قبل، Arash.Ranjbar گفته است :دسترسی ارسال کنین تا بررسی کنم
دسترسی دادم میتونید وارد بشید
در ۱ ساعت قبل، Arash.Ranjbar گفته است :از قالب پیش فرض خود انجمن فایل postcontainer روباز کنین و محتویات داخلشو با کدهای این قالبتون جایگزین کنین (قبل از جایگزینی از کدهای داخلش کپی گرفته و یجایی ذخیره کنید)
آخه قالب پیش فرض رو هم که واسه خودم میذارم اونجا هم نشون نمیده امتیاز ری اکشن رو.. اگر میتونید بهتون دسترسی بدم خودتون بررسی کنید.
در 25 دقیقه قبل، Arash.Ranjbar گفته است :تو این هم قالب رو ویرایش کنین و در تب قالب فایل postcontainer رو باز کنین بعدش از سمت چپ دکمه بازگردانی رو بزنین تا درست شه.
دکمه بازگردانی غیر فعال هستش
و یک سوال دیگه، من گزینه های ری اکشن رو حذف کردم فقط یدونه Like گذاشتم. الان اگه بخوام آیکون های اون قبلی هارو گیر بیارم از کجا باید پیدا کنم؟
اگر شما آیکون هارو دارین میشه لطفاً بفرستید.
تبدیل Scroll Line به Progress Load Bar
در سوالات، مشکلات و پشتیبانی فنی انجمن
ارسال شده در
این دوتا مشکل داره، اول اینکه پایین وبسایت میاد بجای اینکه بالای وبسایت بیاد، دوم اینکه من میخوام از 0% تا 100% اون لودینگ جلو بره، دقیقاً مثل scroll-line.
اگه متوجه منظورم نمیشید لطف کنید وارد وبسایت من بشید (gamegg.ir) و اسکرول رو به پایین بکشید، هرچی پایینتر برید اسکرول بیشتر جلو میره تا اینکه به آخر صفحه میرسید تا آخر پر میشه (100% میشه).
من میخوام اینم موقع لود کردن صفحه اینجوری باشه، از 0% تا 100% جلو بره و وقتی که لودینگ صفحه تمام شد و صفحه کاملاً لود شد، این خط هم 100% بشه و غیب بشه.