کدهای میانبر

قالب مشاغل و نیازمندی های جوملا

آکاردئون

استفاده از کدهای میانبر اگرچه کمی زمانبر است اما محتوای شما را غنی کرده و مخاطب را بهتر جذب می کند. در این مقاله با انواع کدهای میانبر آشنا می شوید.
استفاده از کدهای میانبر اگرچه کمی زمانبر است اما محتوای شما را غنی کرده و مخاطب را بهتر جذب می کند. در این مقاله با انواع کدهای میانبر آشنا می شوید.
استفاده از کدهای میانبر اگرچه کمی زمانبر است اما محتوای شما را غنی کرده و مخاطب را بهتر جذب می کند. در این مقاله با انواع کدهای میانبر آشنا می شوید.
استفاده از کدهای میانبر اگرچه کمی زمانبر است اما محتوای شما را غنی کرده و مخاطب را بهتر جذب می کند. در این مقاله با انواع کدهای میانبر آشنا می شوید.
 

هر روز انسان یک شب تاریک است. هیچکس نمی داند که دقیقه بعدی چه رخ می دهد. با این وجود همه به پیش میروند. چون اعتماد می کنند. چون ایمان دارند.

پائلو کوئیلیو

هر روز انسان یک شب تاریک است. هیچکس نمی داند که دقیقه بعدی چه رخ می دهد. با این وجود همه به پیش میروند. چون اعتماد می کنند. چون ایمان دارند.

پائلو کوئیلیو
 
 

تایپوگرافی

نمونه تگ h1 برای بررسی و اکنون ادامه متن

نمونه تگ h2 برای بررسی و اکنون ادامه متن

نمونه تگ h3 برای بررسی و اکنون ادامه متن

نمونه تگ h4 برای بررسی و اکنون ادامه متن

نمونه تگ h5 برای بررسی و اکنون ادامه متن
نمونه تگ h6 برای بررسی و اکنون ادامه متن

نکته: اگر میخواهید بخشی از مقاله خود را شاخص کنید کافیست که کد <small> را در ابتدا و انتهای متن خود استفاده کنید.

نمونه متن بدنه محتوا

متنی که در حال مشاهده آن هستید یک پاراگراف نمونه است.
برای زیباتر کردن آن از کلاس.leadاستفاده شده است

بهتر است برای افزودن یک کلاس به تگ مورد نظر خود ابتدا ویرایشگر متن را به حالت "کد" ببرید و سپس کلاس را بصورت دستی تایپ کنید.

پس از ذخیره سازی مقاله، تغییرات در متن شما بصورت خودکار اعمال میگردد زیرا کدهای CSS قبلا در قالب اضافه شده اند.

بدلیل استفاده از فونت ایرانسنس و پشتیبانی از وزن های مختلف، براحتی می توانید بخشی از متن را بولد نمایید.

همچنین ایتالیک کردن متن نیز به سادگی توسط خود ادیتور قابل دسترسی است.

و اگر می خواهید افکت نشانگر ماوس نیز داشته باشید کد attr در اختیار شماست

 

آدرس دفتر

نام شرکت در این بخش
تهران  - بزرگراه اشرفی اصفهانی - گلستان 14 ام
برج نگین رضا - طبقه 13
09125160996
مصطفی نوروزی
data(@)rastchin.com

کلاس های تاکیدی

این یک پاراگراف با کلاس .mute است.

این یک پاراگراف با کلاس .text-primary است.

این یک پاراگراف با کلاس .text-warning است.

این یک پاراگراف با کلاس .text-danger است.

این یک پاراگراف با کلاس .text-success است.

این یک پاراگراف با کلاس .text-info است.

کلاس های چیدمان

برای تنظیم متن به سمت راست .text-left

برای تنظیم متن به سمت وسط .text-center

برای تنظیم متن به سمت چپ .text-right

برای یکسان سازی عرض کلیه خطوط نیز می توانید از کلاس .text-justify استفاده کنید

 

باکس های رنگی

#1d9bdc
رنگ اصلی
#fe6945
رنگ توجه
#f0ad4e
رنگ هشدار
#fbe57c
رنگ خطر
#5bc0de
رنگ اطلاع رسانی
#4db18d
رنگ تبریک

 

طیف خاکستری

#26292d
باکس مشکی
#4c5560
باکس تیره
#555555
باکس خاکستری
#8c959f
خاکستری روشن
#eee
باکس شیری
#f7f7f7
باکس روشن
 

سربرگ ها

یک راه ساده برای استفاده از این تایپوگرافی ها انتخاب بخش مورد نظر از هر مورد سپس قرار دادن در مقاله یا ماژول است. بسیار سریع افکت و رنگبندی مورد نظر به محتوای جدید منتقل خواهد شد. راه دوم نیز همانطور که اشاره شد استفاده از حالت کد ادیتور متن است.

اینکه از کدام روش استفاده می کنید کاملا سلیقه ایست اما در نظر داشته باشید هموارد روش استفاده از حالت کد ادیتور متن اصولی تر است.

یک راه ساده برای استفاده از این تایپوگرافی ها انتخاب بخش مورد نظر از هر مورد سپس قرار دادن در مقاله یا ماژول است. بسیار سریع افکت و رنگبندی مورد نظر به محتوای جدید منتقل خواهد شد. راه دوم نیز همانطور که اشاره شد استفاده از حالت کد ادیتور متن است.
اینکه از کدام روش استفاده می کنید کاملا سلیقه ایست اما در نظر داشته باشید هموارد روش استفاده از حالت کد ادیتور متن اصولی تر است.

.

 

فیلد فرم

 

پیغام های داخل باکس

متن خود را در یک تگ قرار دهید و سپس کلاس مربوطه را از طریق بخش کد ادیتور، به آن اختصاص دهید.
متن خود را در یک تگ قرار دهید و سپس کلاس مربوطه را از طریق بخش کد ادیتور، به آن اختصاص دهید.
متن خود را در یک تگ قرار دهید و سپس کلاس مربوطه را از طریق بخش کد ادیتور، به آن اختصاص دهید.
متن خود را در یک تگ قرار دهید و سپس کلاس مربوطه را از طریق بخش کد ادیتور، به آن اختصاص دهید.

 

لیبل

عمومی اصلی تبریک اطلاع رسانی هشدار خطا
 

لیست

  • 14 عنوان ردیف در این قسمت
  • 2 عنوان ردیف در این قسمت
  • عنوان ردیف در این قسمت
  • 1 عنوان ردیف در این قسمت
  • 2 عنوان ردیف در این قسمت

 

پنل

عنوان پنل
محتوا را در این قسمت قرار دهید

پنل اصلی

محتوا را در این قسمت قرار دهید

پنل تبریک

محتوا را در این قسمت قرار دهید

پنل هشدار

محتوا را در این قسمت قرار دهید

پنل خط

محتوا را در این قسمت قرار دهید

پنل اطلاع رسانی

محتوا را در این قسمت قرار دهید

 

باکس ساده

این یک پیغام مشخص و در عین حال ساده است
این یک پیغام مشخص و در عین حال ساده است
این یک پیغام مشخص و در عین حال ساده است