سلام
1-معنی کد زیر چیست ؟

<!DOCTYPE html>
نمی دونم چطور توضیح بدم ! با استفاده از این کد به مرورگر میشناسونید که از چه نسخه ای از HTML میخواهید استفاده کنید!
در مورد سوال 2-3 باید بگم که:
شما کد زیر رو در فایل template.css اضافه کن (آخرش هرجاش که شد جاش مهم نیست)
کد:
div.ex { width:220px; padding:10px; background-color:#ffefa3; border:1px solid #ffd709; margin:0px; }
سپس در جایی که میخوای این رو استفاده کنی با استفاده از HTML ویرایشگر جوملا کد زیر رو استفاده کن
کد:
<div class="ex">Joomlafarsi.com<br /> P30Yaran</div>
به جای متن Joomlafarsi.com<br />P30Yaran شما هر چی دوست داری بنویس ! مهم این کلاسی هست که داره فراخونی میشه (<div class="ex">)
موفق باشید