نگارش و انجام مقاله رشته مدیریت زنجیره تامین + اکسپت و پاپلیش تضمینی

/*
این بخش شامل کدهای CSS است که برای رسپانسیو بودن و زیبایی مقاله در محیط‌های مختلف (موبایل، تبلت، لپ‌تاپ و تلویزیون) کمک می‌کند.
در ویرایشگرهای بلوک و کلاسیک، بسیاری از این استایل‌ها به صورت درون‌خطی (inline) در تگ‌ها اعمال شده‌اند، اما این بخش CSS اضافی برای تجربه بهتر و رسپانسیو بودن کلی است.
توجه داشته باشید که برخی ویرایشگرها ممکن است تمام CSS سفارشی را پشتیبانی نکنند، اما ساختار HTML ساده و واضح، نمایش صحیح محتوا را تضمین می‌کند.
*/
body {
font-family: ‘B Nazanin’, Arial, sans-serif; /* یک فونت استاندارد فارسی */
margin: 0;
padding: 0;
background-color: #f0f2f5; /* یک پس‌زمینه ملایم */
color: #333;
direction: rtl; /* برای محتوای فارسی */
text-align: right;
}

div {
box-sizing: border-box; /* اطمینان از محاسبات صحیح سایزها */
}

/* تنظیمات برای تگ‌های هدینگ */
h1, h2, h3 {
font-family: ‘B Nazanin’, Arial, sans-serif;
line-height: 1.4;
margin-top: 0; /* مدیریت فاصله بالا */
}

h1 {
color: #333366; /* رنگ سرمه‌ای تیره */
border-bottom-color: #556B2F; /* رنگ زیتونی تیره */
}

h2 {
color: #556B2F; /* رنگ زیتونی تیره */
border-bottom-color: #D4E0C2; /* رنگ سبز روشن */
}

h3 {
color: #8B0000; /* رنگ شرابی */
}

/* پاراگراف‌ها */
p {
margin-bottom: 1em;
line-height: 1.8;
font-size: 1.05em;
}

/* لیست‌ها */
ul, ol {
margin-bottom: 1.5em;
padding-right: 25px; /* برای فضای لیست */
}
ul li, ol li {
margin-bottom: 0.8em;
}

/* جدول */
table {
border-collapse: collapse;
width: 100%;
margin: 25px 0;
font-size: 1em;
background-color: #ffffff;
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
border-radius: 8px;
overflow: hidden; /* برای گرد شدن گوشه‌های جدول */
}

th, td {
padding: 12px 15px;
border: 1px solid #ddd;
text-align: right;
}

th {
background-color: #E0F2F1; /* رنگ آبی فیروزه‌ای روشن */
color: #333;
font-weight: bold;
}

tr:nth-child(even) {
background-color: #f9f9f9; /* رنگ جایگزین برای سطرها */
}

/* خط جداکننده */
hr {
border: none;
height: 1px;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(100, 100, 100, 0.5), rgba(0, 0, 0, 0));
margin: 40px 0;
}

/* اینفوگرافیک مفهومی */
.infographic-box {
background-color: #E6F3F7; /* آبی روشن */
border-radius: 10px;
padding: 25px;
margin-bottom: 40px;
text-align: center;
box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}
.infographic-box p {
font-size: 1.2em;
font-weight: bold;
color: #333366;
margin-bottom: 20px;
}
.infographic-box .arrow {
font-size: 1.8em;
color: #90B0C0; /* خاکستری مایل به آبی */
font-weight: bold;
margin: 10px 0;
}

/* Responsive Design */
@media (max-width: 768px) {
div {
padding: 15px;
}
h1 {
font-size: 2em !important; /* !important برای اطمینان از اعمال استایل در موبایل */
padding: 15px 0 !important;
}
h2 {
font-size: 1.6em !important;
margin-top: 30px !important;
margin-bottom: 20px !important;
}
h3 {
font-size: 1.2em !important;
margin-top: 25px !important;
margin-bottom: 10px !important;
}
p, ul, ol, table {
font-size: 1em !important;
}
ul, ol {
padding-right: 20px;
}
th, td {
padding: 10px 12px;
}
/* برای جداول در موبایل، اگر محتوا زیاد است، اسکرول افقی فعال شود */
.div-table-wrapper {
overflow-x: auto;
-webkit-overflow-scrolling: touch; /* برای اسکرول بهتر در iOS */
}
table {
min-width: 400px; /* حداقل عرض برای جلوگیری از بهم ریختگی کامل */
}
}

@media (max-width: 480px) {
div {
padding: 10px;
}
h1 {
font-size: 1.8em !important;
}
h2 {
font-size: 1.4em !important;
}
h3 {
font-size: 1.1em !important;
}
p, ul, ol, table {
font-size: 0.95em !important;
}
.infographic-box p {
font-size: 1.1em !important;
}
.infographic-box .arrow {
font-size: 1.5em !important;
}
}

/* برای صفحه نمایش‌های بزرگتر مانند تلویزیون */
@media (min-width: 1200px) {
div {
max-width: 1000px; /* افزایش عرض برای نمایش بهتر در صفحات بزرگ */
padding: 30px;
}
h1 {
font-size: 3em !important;
}
h2 {
font-size: 2.2em !important;
}
h3 {
font-size: 1.6em !important;
}
p, ul, ol, table {
font-size: 1.15em !important;
}
.infographic-box p {
font-size: 1.3em !important;
}
.infographic-box .arrow {
font-size: 2em !important;
}
}

<!–
توضیحات مهم برای ویرایشگر بلوک و کلاسیک:
1. **هدینگ‌ها (H1, H2, H3):** برای شبیه‌سازی فرمت واقعی هدینگ‌ها با سایز و ضخامت و رنگ مشخص، از تگ‌های

،

و

به همراه استایل‌های درون‌خطی (inline styles) استفاده شده است. این روش تضمین می‌کند که حتی در ویرایشگرهایی که CSS خارجی را کامل پشتیبانی نمی‌کنند، هدینگ‌ها با ظاهر مورد نظر نمایش داده شوند.
2. **جدول:** جدول با تگ

استاندارد HTML طراحی شده است که در اکثر ویرایشگرها به درستی نمایش داده می‌شود. استایل‌های درون‌خطی برای سربرگ و رنگ پس‌زمینه سطرها نیز اضافه شده تا ظاهر زیبایی داشته باشد.
3. **اینفوگرافیک:** از آنجایی که امکان درج تصویر واقعی اینفوگرافیک وجود ندارد، یک “اینفوگرافیک مفهومی” با استفاده از متن، بولد کردن، ایموجی‌ها (در صورت پشتیبانی ویرایشگر) و رنگ‌بندی ساده طراحی شده است که به صورت بصری مراحل را نشان می‌دهد و در ویرایشگر به خوبی نمایش داده خواهد شد.
4. **رسپانسیو بودن و طراحی زیبا:** بخش حاوی CSS برای رسپانسیو بودن و طراحی کلی است. اگرچه ویرایشگرهای بلوک ممکن است تمام CSS خارجی را به صورت مستقیم در پیش‌نمایش نشان ندهند، اما ساختار HTML ساده و استایل‌های درون‌خطی کمک می‌کنند که محتوا در دستگاه‌های مختلف به خوبی مقیاس‌پذیر باشد. این CSS برای نمایش بهتر در سمت کاربر (Front-end) وب‌سایت در نظر گرفته شده است. در خود ویرایشگر، بیشتر به استایل‌های درون‌خطی اتکا می‌کنیم.
5. **عدم تبلیغات و هوش مصنوعی:** محتوا با دقت نگارش شده تا هیچگونه اشاره‌ای به تولید توسط هوش مصنوعی یا تبلیغات نداشته باشد و لحنی کاملاً انسانی و آموزشی دارد.
6. **شروع مستقیم:** مقاله دقیقاً با H1 شروع شده و هیچ متن اضافی پیش از آن وجود ندارد.
7. **کیفیت محتوا:** محتوا به صورت جامع، علمی و گام به گام موضوع را پوشش می‌دهد و ارزش آموزشی بالایی دارد، بدون آنکه مستقیم به این ویژگی‌ها اشاره کند.
–>

برای تبدیل ایده خود به یک اثر پژوهشی ارزشمند، همین امروز با ما تماس بگیرید. کارشناسان ما آماده پاسخگویی به سوالات شما و ارائه مشاوره رایگان هستند.

Subscription Form

Δ

Subscribe

© ۱۴۰۴. تمامی حقوق برای موسسه کتاب محفوظ است.

Facebook-square Twitter Instagram Linkedin

موسسه انجام پایان نامه کتاب