• اسلاید ۱
  • اسلاید ۲
  • اسلاید ۳

درباره چیدمان قالب:

تمامی نکات درباره ی چیدمان قالب .

  • این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید . <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

لیست های نمونه مرتب شده:

  1. list element one
  2. list element two
    1. list subelement one
    2. list subelement two
    3. list subelement three
  3. list element three
  4. 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 "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> متن شما...

این یک متن نمونه برای نمایش عملکرد قالب می باشد . شما می توانید با مراجعه به کنترل پنل جوملا این متن را ویرایش و یا حذف بفرمایید .

افزونه جومبانک

افزونه رایگان جامع پرداخت و امور مالی جوملا ،اتصال تمام افزونه‌های جوملا به تمام درگاه‌های پرداخت

جزئیات بیشتر