آموزش ایجاد نوار اخبار با html و css
در سایت MyBB مشاهده کردید که اطلاعیه هایی به شکل ساده در هدر قرار داده شده اند که اخبار و اطلاعیه ها به دلخواه در ان ها نمایش داده می شوند .
در صورتی که دوست دارید در انجمن خود نواری برای نمایش اخبار یا اطلاعیه های دلخواه خود ایجاد کنید ، آموزش زیر را دنبال کنید .

آموزش

اضافه کردن کدهای CSS به پوسته


ابتدا به مسیر زیر برید :
پنل مدیریت > قالب ها و پوسته ها > پوسته ها > پوسته مورد نظر

سپس فایل global.css را ویرایش کرده و کد های زیر را در آن قرار دهید :

.alerta {

    background#FFF6BF;
    border-top2px solid #FFD324;
    border-bottom2px solid #FFD324;
    text-aligncenter;
    margin10px auto;
    padding5px 20px;
}

.
noticia {
    background#ADCBE7;
    border-top2px solid #0F5C8E;
    border-bottom2px solid #0F5C8E;
    text-aligncenter;
    margin10px auto;
    padding5px 20px;
}

.
analise {
    background#D6ECA6;
    border-top2px solid #8DC93E;
    border-bottom2px solid #8DC93E;
    text-aligncenter;
    margin10px auto;
    padding5px 20px;



حالا که کدهای css را اضافه کردیم ، برای نمایش اخبار و اطلاعیه ها باید کدهای html را در هر جایی که میخواهیم انها نمایش داده شوند قرار میدهیم .
ما در این آموزش میخوام اطلاعیه ها را در قسمت هدر نمایش دهیم .

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


ابتدا به مسیر زیر بروید :
پنل مدیریت > قالب ها و پوسته ها > قالب ها > قالب مورد نظر > Header Template

سپس قالب header را ویرایش کرده و کدهای زیر را در هر جایی از هدر که میخواهید نمایش داده شوند قرار دهید :

<class="alerta"><strong>هشدار :</strongمتن دلخواه خود را در اینجا قرار دهید .</p>
<
class="noticia"><strong>اطلاعیه :</strongمتن دلخواه خود را در اینجا قرار دهید .</p>
<
class="analise"><strong>توجه : </strongمتن دلخواه خود را در اینجا قرار دهید .</p


در کدهای بالا ، متن مورد نظر خود را میتوانید جایگزین کنید .

نتیجه نهایی :
   

منبع : [Tuturial HTML&CSS] Creating a News Bar
نویسنده :

X
دریافت پیغام خصوصی به هنگام دریافت اعتبار جدید
[plgname]PM On Reputation[/plgname] [plgversion]1.0[/plgversion] [plgmybb]1.6[/plgmybb] [plgpri ...
پلاگین 1.6
دیدگاه های کاربران 0

برای عضویت در کانال تلگرامی
[همیار مای بی بی]
کلیک کنید
دریافت آخرین اخبار ، کدهای تخفیف و جوایز
برای اطلاع از آخرین اخبار مای بی بی فارسی عضو کانال تلگرامی شوید :