تغییر مشخصات دستور <hr> در جوملا 3.6

[ciciyan]

با سلام خدمت دوستان جوملایی

می خوام با سه بار دستور hr ، پرچم ایران رو توی صفحه ای در سایتم ایجاد کنم
این کار رو با نوشتن دستور HTML مربوطه در مطلب جدیدی در جوملا انجام می دم، ولی جوملای من همه دستور رو اجرا نمی کنه
دستور صحیحه و توی یک فایل HTML جداگانه اجرا می شه و سه رنگ پرچم ایجاد می شه
ولی همون دستور پس از ورود در جوملا، خود به خود تغییر می کنه و مشخصه رنگش حذف می شه و سه نوار خاکستری به جاش ظاهر می شه...در حالی که باید پرچم رو ظاهر می کرد...
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
دستور HTML که نوشته بودم به شرح زیره:

---

<hr noshade="noshade" size="20" align="center" color="green" width="30%" />

<hr noshade="noshade" size="20" align="center" color="white" width="30%" />

<hr noshade="noshade" size="20" align="center" color="red" width="30%" />

---

علت استفاده از دستور به جای تصویر گرافیکی پرچم، سرعت بارگذاری بیشتر سایت، و همچنین، هنرمندی با html هست، و به این دلیله که نمی خوام از تصویر گرافیکی استفاده کنم
دوستان عزیز، اگر ممکنه راهنمایی کنند یا اگر راهکار دیگه ای دارند، بفرمایند


[HR COLOR="GREEN" SIZE="20" NOSHADE="NOSHADE" ALIGN="CENTER" WIDTH="30%"][/HR]
[HR COLOR="WHITE" SIZE="20" NOSHADE="NOSHADE" ALIGN="CENTER" WIDTH="30%"][/HR]
[HR COLOR="RED" SIZE="20" NOSHADE="NOSHADE" ALIGN="CENTER" WIDTH="30%"][/HR]