W3.CSS သတိပေးချက်များ
w3-panel အတန်းသည် သတိပေးချက်အမျိုးအစားအားလုံးကိုပြသရန် ပြီးပြည့်စုံသောအတန်းဖြစ်သည် -
အန္တရာယ်!
အနီရောင်သည် အန္တရာယ်ရှိသော သို့မဟုတ် အဆိုးမြင်အခြေအနေတစ်ခုကို ညွှန်ပြလေ့ရှိသည်။
သတိပေးချက်များကို ပြင်းထန်သောအရောင်ဖြင့် ပြသလေ့ရှိသည်-
အန္တရာယ်!
အနီရောင်သည် အန္တရာယ်ရှိသော သို့မဟုတ် အဆိုးမြင်အခြေအနေတစ်ခုကို ညွှန်ပြလေ့ရှိသည်။
ဥပမာ
<div class="w3-panel w3-red">
<h3>Danger!</h3>
<p>Red often indicates a dangerous or negative situation.</p>
</div>
သတိပေးချက်များကို ပြသပါ။
သတိပေးချက်
အဝါရောင်သည် မကြာခဏ သတိထားရမည့် သတိပေးချက်ကို ညွှန်ပြသည်။
သတိပေးချက်
အဝါရောင်သည် မကြာခဏ သတိထားရမည့် သတိပေးချက်ကို ညွှန်ပြသည်။
ဥပမာ
<div class="w3-panel w3-yellow">
<h3>Warning!</h3>
<p>Yellow often indicates a warning that
might need attention.</p>
</div>
အောင်မြင်မှုများကို ပြသပါ။
အောင်မြင်
အစိမ်းရောင်သည် အောင်မြင်မှု သို့မဟုတ် အပြုသဘောဆောင်သော အရာတစ်ခုကို ညွှန်ပြလေ့ရှိသည်။
အောင်မြင်
အစိမ်းရောင်သည် အောင်မြင်မှု သို့မဟုတ် အပြုသဘောဆောင်သော အရာတစ်ခုကို ညွှန်ပြလေ့ရှိသည်။
ဥပမာ
<div class="w3-panel w3-green">
<h3>Success!</h3>
<p>Green often indicates something successful
or positive.</p>
</div>
သတင်းအချက်အလက်ပြသခြင်း။
အချက်အလက်
အပြာရောင်သည် ကြားနေ သတင်းအချက်အလက် ပြောင်းလဲမှု သို့မဟုတ် လုပ်ဆောင်ချက်ကို မကြာခဏ ညွှန်ပြသည်။
အချက်အလက်
အပြာရောင်သည် ကြားနေ သတင်းအချက်အလက် ပြောင်းလဲမှု သို့မဟုတ် လုပ်ဆောင်ချက်ကို မကြာခဏ ညွှန်ပြသည်။
ဥပမာ
<div class="w3-panel w3-blue">
<h3>Information!</h3>
<p>Blue often indicates a neutral
informative change or action.</p>
</div>
Container အသုံးပြုခြင်း။
သတိပေးချက်များ ကို ပြသရန် w3-container အတန်းကိုလည်းအသုံးပြုနိုင်သည်-
ဥပမာ
<div class="w3-container w3-red">
<h3>Danger!</h3>
<p>Red often indicates a dangerous or negative situation.</p>
</div>
အရောင်အားလုံးအတွက် သတိပေးချက်များ
သတိပေးချက်များကို အထူးအရောင်များဖြင့် ပြသလေ့ရှိသော်လည်း မည်သည့်အရောင်ကိုမဆို အသုံးပြုနိုင်ပါသည်။
အန္တရာယ်!
အနီရောင်သည် အန္တရာယ်ရှိသော သို့မဟုတ် အဆိုးမြင်အခြေအနေတစ်ခုကို ညွှန်ပြလေ့ရှိသည်။
အန္တရာယ်!
အနီရောင်သည် အန္တရာယ်ရှိသော သို့မဟုတ် အဆိုးမြင်အခြေအနေတစ်ခုကို ညွှန်ပြလေ့ရှိသည်။
အန္တရာယ်!
အနီရောင်သည် အန္တရာယ်ရှိသော သို့မဟုတ် အဆိုးမြင်အခြေအနေတစ်ခုကို ညွှန်ပြလေ့ရှိသည်။
အန္တရာယ်!
အနီရောင်သည် အန္တရာယ်ရှိသော သို့မဟုတ် အဆိုးမြင်အခြေအနေတစ်ခုကို ညွှန်ပြလေ့ရှိသည်။
အန္တရာယ်!
အနီရောင်သည် အန္တရာယ်ရှိသော သို့မဟုတ် အဆိုးမြင်အခြေအနေတစ်ခုကို ညွှန်ပြလေ့ရှိသည်။
ဥပမာ
<div class="w3-panel w3-blue-grey">
<h3>Danger!</h3>
<p>Red often indicates a dangerous or negative situation.</p>
</div>
ပိတ်ရန် သတိပေးချက်များ
သတိပေးချက်အကွက်ကိုပိတ်ရန် ညာဘက်အပေါ်ထောင့်ရှိ X ကိုနှိပ်ပါ။
အန္တရာယ်!
အနီရောင်သည် အန္တရာယ်ရှိသော သို့မဟုတ် အဆိုးမြင်အခြေအနေတစ်ခုကို ညွှန်ပြလေ့ရှိသည်။
သတိပေးချက်ကိုပိတ်သည့် X ကိုဖန်တီးရန်၊ class w3 ခလုတ် ပါရှိသော <span> ဒြပ်စင်တစ်ခု နှင့် onclick event ကိုထည့်ပါ-
ဥပမာ
<span onclick="this.parentElement.style.display='none'"
class="w3-button
w3-display-topright">×</span>
အကြံပြုချက်- HTML × entity သည် အပိတ်ခလုတ်များ (အက္ခရာ "X" ထက်) နှစ်သက်ရာ အိုင်ကွန်ဖြစ်သည်။
လုံးဝန်းသော သတိပေးချက်များ
လုံးဝန်းသောထောင့်များကို လိုပါက w3-အဝိုင်း အတန်းများကို သုံး ပါ။
အောင်မြင်
ဤတွင် w3-round ကိုအသုံးပြုသည်။
အောင်မြင်
ဤတွင် w3-round-large ကိုအသုံးပြုသည်။
အောင်မြင်
ဤတွင် w3-round-xxlarge ကိုအသုံးပြုသည်။
ဥပမာ
<div class="w3-panel w3-green w3-round">
ကတ်တစ်ခုအနေဖြင့် သတိပေးချက်
သတိပေးချက်ကို ကတ်တစ်ခုအဖြစ် ပြသ လိုပါက w3-card အတန်း ကို အသုံးပြု ပါ-
သတိပေးချက်
အဝါရောင်သည် အာရုံစူးစိုက်မှုလိုအပ်သော အရာတစ်ခုကို ညွှန်ပြလေ့ရှိသည်။
ဥပမာ
<div class="w3-panel w3-yellow w3-card-4">