سلام
لطفا به دوستان اطلاع رسانی کنید تا از این به بعد نمایه ها را به صورت نمایه فرهنگنامه مهدویت (نمایه) انجام دهند (صفحه الگو:فرهنگنامه مهدویت (نمایه)/styles.css مخصوص این نمایه است.)
علاوه بر اینکه نمایه های بعدی به صورت زیر درست شود لطفا پیگیری کنید تا نمایه های قبلی هم به صورت بالا عوض شود.
این کار به خاطر نمایش صحیح محتوای نمایه ها در موبایل است.
سلام جناب حیدری کدی که جدیدا برای نمایه‌ها معرفی کردید در نمایش سطرهایی مثل پرسش که کلمات زیادی دارند، مشکل داره و شبیه به الگوی ستون نیستش و یک جوری بهم ریخته س
لطفا در ساخت نمایه های جدید به صورت زیر نام گذاری شود. یعنی به صورت الگو:
الگو:نمایه فرهنگنامه مهدویت
لطفا موارد قبلی را با ابزار جایگزینی متن نیز اصلاح نمایید.
بنده ستون پیش فرض نمایه فرهنگنامه مهدویت را از 7 به 5 تغییر دادم نمایش آن در رایانه بهتر شد.
توجه کنید
برای سوال های باید از کد زیر استفاده شود
<div class="column-content"> <div class="question-content">
برای مدخل ها از کد زیر
<div class="column-content"> <div class="article-content">
به ترتیب آنها هم دقت کنید یعنی اول <div class="column-content"> بعد از گزینه مربوط به سوال یا مدخل
همچنین در استایل ها می توانید تعداد ستون ها مشخص کنید
الگو:پرسمان دجال (نمایه)/styles.css
فعلا در استفاده از این نمایه یکی یا دو نمونه با هم کار کنیم تا مسلط تر شوید.
بله دیدم یک سطر رو که جابجا کردم در نمایه ها شکلش درست شد
مابقی رو هم الان درست میکنم
رده نمایه هم به صورت <noinclude> [[رده:نمایه]] </noinclude> در هر نمایه قرار داده شود تا همه نمایه ها در یک رده تجمیع شود.
یه نکته دیگه این با توجه به اینکه برای هر نمایه یک استایل قرار دادیم شما می توانید طرز نمایش آن را در رایانه و موبایل تنظیم کنید. مثلا نمایه پرسمان خراسانی (نمایه) که کدهای آن در الگو:پرسمان خراسانی (نمایه)/styles.css قرار گرفته فعلا ملاحظه کنید.
فعلا با همین نمایه پیش برویم
نمایه جدید درست یا اصلاح نکنید.
کدها از دوقسمت تشکیل می شود قسمت اول مربوط به رایانه
.column-content {
margin: 10px 0px 0px 2px;
max-height: 300px;
overflow-y: auto;
font-size: 80%;
border-radius: 2px;
}
.article-content {
column-count: 5;
column-gap: 40px;
padding: 10px;
}
.question-content {
column-count: 4;
column-gap: 40px;
padding: 10px;
}
قسمت دوم کدها برای تبلت و اندازه های متوسط است
@media only screen and (max-width: 848px) {
.article-content {
column-count: 2;
}
.question-content {
column-count: 1;
}
}
و قسمت سوم برای موبایل
@media only screen and (max-width: 1200px) and (min-width: 848px) {
.article-content {
column-count: 4;
}
.question-content {
column-count: 2;
}
}
با این اوصاف منظورتون اینه که برای تمامی نمایه ها فقط از (الگو: پرسمان خراسانی) استفاده بشه؟ چون دیروز گفتید هر نمایه رو بسازید براش
توی هر قسمت می توانید تعداد ستون را معین کنید
همیشه رایانه تعداد ستون بیشتری دارد. تبلت و موبایل هم به ترتیب ستون کمتری دارند.
بهتری برای پرسش ها همیشه در موبایل عدد 1 برای ستون گذاشته شود تا پرسش ها در موبایل به هم ریخته نشود
در تبلت هم اگر پرسش کوتاه بود عدد 2 مناسب است یا اگر پرسش ها طولانی بود عدد یک بگذارید.
آنچه که به دلخواه و متناسب با اندازه پرسش بیشتر عوض می شود تعداد ستون در رایانه است که معمولا برای پرسش ها کوتاه عدد 4 و برای پرسش های بلند عدد 3 یا 2 مناسب است.
همچنین برای نمایه ها دو حالت کلی داریم
اگر محتوای آن نمایه از مدخل ها بود باید از کد زیر در صفحه نمایه استفاده شود (به article دقت کنید.)
<div class="column-content"> <div class="article-content">
و اگر محتوای آن نمایه از پرسش ها بود باید از کد زیر در صفحه نمایه استفاده شود (به question دقت کنید.)
<div class="column-content"> <div class="question-content">
الان در پرسمان خراسانی (نمایه) چون نمایه از نوع پرسش هست دقت کنید به جای استفاه از کد question از کد article استفاده کردید.
پس باید آنرا اصلاح کنید.
بله از کارهای قبل بود که اصلاحش کردم فقط الان دیگه برای نمایه های دیگه صفحه الگوی جدید نسازم بنام خودشون؟
مثلا الان در پرسمان سفیانی (نمایه) به نظر تعداد ستون ها در حالت رایانه اصلا مناسب نیست و بهتر از عدد 3 برای حالت رایانه استفاده شود.
همچین کد article نباید در نمایه های با محتوای پرسش قرار داد شود
باید از کد question استفاده شود.
لطفا شما این مورد را اصلاح کنید تا بنده ببینم.
بسیار عالی
ولی به نظرم عدد ستون برای حالت رایانه برای پرسمان سفیانی (نمایه) چون نوع پرسش ها آن از نوع بلند است به جای عدد 4 از عدد 3 استفاده کنید.
یه اشتباه کوچک دیگه هم در استایل این نمایه کردید
تعداد ستون ها در تبلت 1 گذاشتید ولی در موبایل 2 که اینکار اشتباه است همیشه تعداد ستون در موبایل کمتر از تبلت است.
پس تعداد ستون را در تبلت 2 بزارید و موبایل یک بزارید.
این موارد را گفتم اصلاح کنید تا دوباره ببنیم مشکلی هست یا نه؟
از کدهایی که کپی گرفتم همینطور بود دیگه دستش نزدم باشه چشم پس در حالت کلی موبایل کمتر از تبلت
بسیار عالی
خب چند نکته را دوباره یادآوردی کنم و دیگه این بحث رو به پایان برسانیم
خواهش می کنم.
اگر سوال دیگری بود همینجا مطرح کنید.
به نظرتون برای نمایه هایی به این شکل باید چه کنیم اصلا نیازه این کد گذاشته بشه یا خیر؟
این رو هم ببینید چطور شده البته بخش چهارم کمی تو ذوق میزنه مجازیم برای بخش ها هم جداگانه الگو بسازیم؟ البته فک کنم ممکنه بعدها تعداد مدخل بیشتر بشه و ازین شکل دربیاد
برای باید در قسمت استایل برای article-content تعداد ستون در رایانه 3 یا هر عددی که مناسب عوض کنید.
شما برای پرسش ها عدد ستون تنظیم کردید ولی برای مدخل را را تنظیم نکردید و در این نمایه چون هم پرسش و مدخل داریم پس باید عدد آنها را متناسب با شرایط تنظیم کنید.
دقت کنید نمایه های تا الان درست اصلاح کردید را رده نمایه نزدید.
در بالا توضیح دادم چطور رده ها را دنمایه بزارید.
این مورد را برای همه نمایه ها رعایت شود چون خیلی مهم هست.
آقای شفیع پور فعلا برای نمایه کاری نکنید چون یک مشکلی به وجود آمده است پس از رفع آن به شما اطلاع می دهم.
سلام علیکم کار نمایه ها به کجا رسید؟ میتونم سر و سامان نهایی بدیم؟
یک مورد هم خارج از این بحث فهرست این مقاله رو ببیند، چندین مورد به این ترتیب هستند امکانش هست با یک دستور کلی همه رو حذف کنیم؟ احیاء (مقاله)