راهنمای تغییر استایل بخش دانلود در پوسته مگانو

در این مطلب آموزش اعمال تغییرات در استایل بخش دانلود در پوسته مگانو ارائه می شود. اگر شما از قابلیت نمایش لینک دانلود در پوسته مگانو استفاده می کنید، از طریق این آموزش می توانید هر استایل و طرحی را برای این بخش اعمال کنید.

برای شروع، ساختار بخش دانلود را در نظر بگیرید. برای نمایش باکس دانلود در مطلب، از کلید دانلود که در ویرایشگر مطلب قرار داده شده است، استفاده می شود. یا به روش دیگر، هر محتوایی که بین تگ megadl قرار بگیرد، به صورت باکس دانلود نمایش داده می شود.

برای اعمال تغییرات دلخواه روی این بخش، چند مورد را باید در نظر گرفت. ابتدا، ساختار این بخش در مطالب لازم است به صورت لیست ایجاد شود. بدین معنی که از کلید “لیست نشانه دار” در ویرایشگر مطلب جهت ایجاد لیستی از لینک های دانلود استفاده شود.

در مرحله دوم (فقط یکبار)، لازم است خواص CSS مورد نظر را برای جعبه دانلود در بخش تنظیمات پوسته > شخصی سازی > استایل اضافه، تعریف نمود.

جعبه دانلود در پوسته مگانو بوسیله کلاس “megano-download” شناسایی می شود. پس در بخش استایل اضافه با کد زیر شروع می کنیم:

اگر برای جعبه دانلود یک عنوان تعیین شود، برای مثال: “دانلود فایل“، می توان استایل عنوان را این چنین تعریف نمود:

سپس برای لیست لینک های دانلود چنین استایلی تعریف می کنیم:

نتیجه نهایی به صورت زیر است:


دانلود فایل

  • دانلود فایل – بخش اول (لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ)
  • دانلود فایل – بخش دوم (لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ)
  • دانلود فایل – بخش سوم (لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ)
  • دانلود فایل – بخش چهارم (لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ)
  • دانلود فایل – بخش پنجم (لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ)

تمام موارد ذکر شده برای جعبه دانلود، برای جعبه توضیحات دانلود نیز قابل استفاده است، با این تفاوت که به جای استفاده از کلاس “megano-download” از کلاس “megano-description” استفاده می شود.

توضیحات

  • فرمت: zip
  • حجم فایل: ۱ گیگابایت
  • سازنده: نام شرکت
  • رمز فایل: iranoweb.com

لازم به ذکر است:

۱- تمامی اعداد به کار رفته در کدهای CSS ذکر شده، باید به صورت لاتین استفاده شوند.

۲- رنگ های به کار رفته در کدهای CSS ذکر شده را می توانید به دلخواه تغییر دهید.

فیسبوک توییتر گوگل + لینکداین تلگرام واتس اپ کلوب

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *