درباره چیدمان قالب:
تمامی نکات درباره ی چیدمان قالب .
- این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید . <p>, <h1>, <h2>, <h3>, <img> و <a>.
- این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .
- این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .
- این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .
- این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .
تیتر 1
این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .
تیتر 2
این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .
تیتر 3
این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .
تیتر 4
این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .
نقل قول/استناد
پاراگراف همراه با حرف اول یزرگ
این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .
سبک های هشدار با پس زمینه ی رنگی
این یک متن نمونه برای نمایش پیغام هشدار است .شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .
کد نمونه: <p class="warning">...درج متن شما...</p>. این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .
این یک متن نمونه برای نمایش پیغام اطلاعات است شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .
کد نمونه: <p class="info">...درج متن شما...</p>. شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .
این یک متن نمونه برای نمایش پیغام خطر است شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .
درج متن شما: <p class="error">...your text here...</p>. این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .
سبک های هشدار با طرح کلی
این یک متن نمونه برای نمایش پیغام هشدار است شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .
درج متن شما: <p class="warning outline">...your text here...</p>. این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .
این یک متن نمونه برای نمایش پیغام اطلاعات است شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .
درج متن شما: <p class="info outline">...your text here...</p>. این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .
این یک متن نمونه برای نمایش پیغام خطر است شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید ..
درج متن شما: <p class="error outline">...your text here...</p>. این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .
نقل قول
این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .<blockquote> متن شما </blockquote>. این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .
شرح
این یک متن نمونه
برای نمایش عملکرد قالب می باشد . <legend> <h4>Heading</h4> <p>متن شما </p> </legend>. این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .
حالت های نوشتاری
این یک متن نمونه حالت های نوشتاری yاین یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .: <p class="typewriter">...متن شما...</p>. این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .
پاراگراف های مشخص شده با شماره یا حروف:
1این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .: <p><span class="p_number">1</span>...متن شما...</p>
2این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .: <p><span class="p_number">2</span>...متن شما...</p>
Aاین یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .: <p><span class="p_number">A</span>...متن شما...</p>
Bاین یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .: <p><span class="p_number">B</span>...متن شما...</p>
سبک های کد
To achieve this style, wrap your content in <code> tag.
#some_style {
float: left;
display: block;
}
لیست های مرتب و نامرتب
لیست های نمونه مرتب نشده:
- list element one
- list element two
- list subelement one
- list subelement two
- list subelement three
- list element three
- list element four
لیست های نمونه مرتب شده:
- list element one
- list element two
- list subelement one
- list subelement two
- list subelement three
- list element three
- list element four
لیست ها و آیکن ها
لیست نمونه فلش:
- to achieve this effect
- add class "arrow" to UL
- like <ul class="arrow">
فلش (چپ) لیست:
- to achieve this effect
- add class "arrowleft" to UL
- like <ul class="arrowleft">
لیست نمونه تقویم:
- to achieve this effect
- add class "calendar" to UL
- like <ul class="calendar">
لیست نمونه تیک:
- to achieve this effect
- add class "checklist" to UL
- like <ul class="checklist">
لیست نمونه سطل زباله:
- to achieve this effect
- add class "delete" to UL
- like <ul class="delete">
لیست نمونه ایمیل:
- to achieve this effect
- add class "email" to UL
- like <ul class="email">
لیست نمونه فایل ها:
- to achieve this effect
- add class "file" to UL
- like <ul class="file">
لیست نمونه پوشه:
- to achieve this effect
- add class "folder" to UL
- like <ul class="folder">
لیست نمونه قلب:
- to achieve this effect
- add class "heart" to UL
- like <ul class="heart">
لیست نمونه اطلاعات:
- to achieve this effect
- add class "information"
- <ul class="information">
لیست نمونه قفل:
- to achieve this effect
- add class "lock" to UL
- like <ul class="lock">
لیست نمونه مداد:
- to achieve this effect
- add class "star" to UL
- like <ul class="pencil">
لیست نمونه شخصی:
- to achieve this effect
- add class "person" to UL
- like <ul class="person">
RSS لیست نمونه:
- to achieve this effect
- add class "rss" to UL
- like <ul class="rss">
سبد خرید:
- to achieve this effect
- add class "shop" to UL
- like <ul class="shop">
لیست نمونه موزیک:
- to achieve this effect
- add class "song" to UL
- like <ul class="song">
لیست نمونه ستاره:
- to achieve this effect
- add class "star" to UL
- like <ul class="star">
لیست نمونه ستاره 2:
- to achieve this effect
- add class "star2" to UL
- like <ul class="star2">
لیست نمونه ترفندها:
- to achieve this effect
- add class "trash" to UL
- like <ul class="tweak">
لیست نمونه ترفندها:
- to achieve this effect
- add class "tweak" to UL
- like <ul class="tweak">
لیست نمونه قفل نشده:
- to achieve this effect
- add class "unlock" to UL
- like <ul class="unlock">
لیست نمونه هشدار:
- to achieve this effect
- add class "warn" to UL
- like <ul class="warn">
حالت های قالب:
عنوان بلاکاین یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .: <span class="inset_left"><span class="inset_title">Title</span>...متن شما...</span>. این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .عنوان بلاکاین یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید . این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .
این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .
CSS3 ستون های:
دو ستون - کلاس .two-cols
این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .
سه ستون - کلاس .three-cols
این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .
چهار ستون - کلاس .four-cols
این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .
پنج ستون - کلاس .five-cols
این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .
شش ستون - کلاس .six-cols
این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .
تنظیمات آیکن های متنی
این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .:
<i class="fa fa-CLASS_NAME"></i> متن شما...
این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .
آیکن های کاربری سایت
آیکن های فرم کنترل
آیکن های پرداخت
آیکن های ارز
آیکن های جهت یابی
آیکن های برندها
تیتر 2
این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .
تیتر 3
این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .
تیتر 4
این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .
نقل قول/استناد
پاراگراف با حرف اول بزرگ
این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .: <p class="dropcap">...متن شما...</p>. این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .
سبک های هشدار با پس زمینه ی رنگی
این یک متن نمونه برای نمایش پیغام هشدار است شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .
کد نمونه: <p class="warning">...متن شما...</p>. این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .
این یک متن نمونه برای نمایش پیغام اطلاعات است شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .
کد نمونه: <p class="info">...your text here...</p>. این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .
این یک متن نمونه برای نمایش پیغام خطا است شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .
کد نمونه: <p class="error">...متن شما...</p>. این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .
سبک های هشدار با طرح های کلی
این یک متن نمونه برای نمایش پیغام هشدار است شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .
کد نمونه: <p class="warning outline">...متن شما...</p>. این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .
این یک متن نمونه برای نمایش پیغام اطلاعات است شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .
کد نمونه: <p class="info outline">...متن شما...</p>. این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .
This is برای نمایش پیغام خطا است شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .
کد نمونه: <p class="error outline">...متن شما...</p>. این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .
نقل قول
این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .<blockquote> این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید . </blockquote>. این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .
شرح
این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید . <legend> <h4>Heading</h4> <p>متن شما </p> </legend>.این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .
سیک های نوشتاری
این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .: <p class="typewriter">...متن شما...</p>. این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .
پاراگراف های مشخص شده با شماره و حروف:
1این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .: <p><span class="p_number">1</span>...متن شما...</p>
2این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .: <p><span class="p_number">2</span>...متن شما here...</p>
Aاین یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .: <p><span class="p_number">A</span>...متن شما here...</p>
Bاین یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .: <p><span class="p_number">B</span>...متن شما here...</p>
سبک های کد
To achieve this style, wrap your content in <code> tag.
#some_style {
float: left;
display: block;
}
لیست های نامرتب و مرتب
لیست های نمونه نامرتب:
- list element one
- list element two
- list subelement one
- list subelement two
- list subelement three
- list element three
- list element four
لیست های نمونه مرتب:
- list element one
- list element two
- list subelement one
- list subelement two
- list subelement three
- list element three
- list element four
لیست ها و آیکن ها
لیست نمونه فلش:
- to achieve this effect
- add class "arrow" to UL
- like <ul class="arrow">
فلش (چپ) لیست:
- to achieve this effect
- add class "arrowleft" to UL
- like <ul class="arrowleft">
لیست نمونه تقویم:
- to achieve this effect
- add class "calendar" to UL
- like <ul class="calendar">
لیست نمونه تیک:
- to achieve this effect
- add class "checklist" to UL
- like <ul class="checklist">
لیست نمونه حذف شده:
- to achieve this effect
- add class "delete" to UL
- like <ul class="delete">
لیست نمونه ایمیل:
- to achieve this effect
- add class "email" to UL
- like <ul class="email">
لیست نمونه فایل:
- to achieve this effect
- add class "file" to UL
- like <ul class="file">
لیست نمونه پوشه:
- to achieve this effect
- add class "folder" to UL
- like <ul class="folder">
لیست نمونه قلب:
- to achieve this effect
- add class "heart" to UL
- like <ul class="heart">
لیست نمونه اطلاعات:
- to achieve this effect
- add class "information"
- <ul class="information">
لیست نمونه قفل:
- to achieve this effect
- add class "lock" to UL
- like <ul class="lock">
لیست نمونه مداد:
- to achieve this effect
- add class "star" to UL
- like <ul class="pencil">
لیست نمونه شخصی:
- to achieve this effect
- add class "person" to UL
- like <ul class="person">
RSS لیست نمونه:
- to achieve this effect
- add class "rss" to UL
- like <ul class="rss">
سبد خرید:
- to achieve this effect
- add class "shop" to UL
- like <ul class="shop">
لیست نمونه موزیک:
- to achieve this effect
- add class "song" to UL
- like <ul class="song">
لیست نمونه ستاره:
- to achieve this effect
- add class "star" to UL
- like <ul class="star">
لیست نمونه ستاره 2:
- to achieve this effect
- add class "star2" to UL
- like <ul class="star2">
لیست نمونه سطل زباله:
- to achieve this effect
- add class "trash" to UL
- like <ul class="tweak">
لیست های نمونه ترفند ها:
- to achieve this effect
- add class "tweak" to UL
- like <ul class="tweak">
لیست نمونه قفل نشده:
- to achieve this effect
- add class "unlock" to UL
- like <ul class="unlock">
لیست نمونه هشدار:
- to achieve this effect
- add class "warn" to UL
- like <ul class="warn">
حالتهای الحاقات:
عنوان بلاکDاین یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید ..این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .: <span class="inset_left"><span class="inset_title">Title</span>...متن شما...</span>. این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید . این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .
این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .
CSS3 ستون ها:
دو ستون - کلاس .two-cols
این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .
سه ستون - کلاس .three-cols
این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .
چهار ستون - کلاس .four-cols
این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .
پنج ستون - کلاس .five-cols
این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .
شش ستون - کلاس .six-cols
این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .
تنظیم آیکن های متنی
این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .:
<i class="fa fa-CLASS_NAME"></i> متن شما...
این یک متن نمونه برای نمایش عملکرد قالب می باشد .
آیکن های کاربردی سایت
آیکن های فرم کنترل
آیکن های پرداخت
آیکن های ارز
آیکن های جهت یابی
آیکن های برند