مطالب سایت

مشهورهای بی اصل
  • خانه
  • امکانات
    • فن نگارشStyle your text
    • استایل ماژولCustom modules
    • کدهای کوتاهFramework Shortcodes
    • افزودنی هاFramework Add-ons

Module Styles

دسته: Template Settings منتشر شده در 29 ارديبهشت 1393 نوشته شده توسط حامد صداقت بازدید: 711
  • چاپ
  • ایمیل
  • Default module style . Leave Module Class Suffix input box empty (Sample default module )
  • Add " yjsg1" in Module setting Module Class Suffix input box (Sample yjsg1 module )
  • Add " yjsg2" in Module setting Module Class Suffix input box (Sample yjsg2 module )
  • Add " yjsg3" in Module setting Module Class Suffix input box (Sample yjsg3 module )
  • Add " yjsg4" in Module setting Module Class Suffix input box (Sample yjsg4 module )
  • Add " yjsg5" in Module setting Module Class Suffix input box (Sample yjsg5 module )
  • Add " yjsg6" in Module setting Module Class Suffix input box (Sample yjsg6 module )
  • Add " yjsg7" in Module setting Module Class Suffix input box (Sample yjsg7 module )

YJSG v2 based templates also include module style select list that you can use to change module styles.

Module Positions

دسته: Template Settings منتشر شده در 10 تیر 1392 نوشته شده توسط حامد صداقت بازدید: 701
  • چاپ
  • ایمیل
Used for module positions. See YJSG Article Options Tab

Typography

دسته: Template Settings منتشر شده در 09 بهمن 1389 نوشته شده توسط حامد صداقت بازدید: 937
  • چاپ
  • ایمیل

Headings



h1. Heading 1

Quisque ornare odio et mi congue varius. Etiam tempus mattis bibendum. Duis a congue ipsum. Curabitur odio est, convallis blandit metus sit amet faucibus.

h2. Heading 2

Quisque ornare odio et mi congue varius. Etiam tempus mattis bibendum. Duis a congue ipsum. Curabitur odio est, convallis blandit metus sit amet faucibus.

h3. Heading 3

Quisque ornare odio et mi congue varius. Etiam tempus mattis bibendum. Duis a congue ipsum. Curabitur odio est, convallis blandit metus sit amet faucibus.

h4. Heading 4

Quisque ornare odio et mi congue varius. Etiam tempus mattis bibendum. Duis a congue ipsum. Curabitur odio est, convallis blandit metus sit amet faucibus.

h5. Heading 5

Quisque ornare odio et mi congue varius. Etiam tempus mattis bibendum. Duis a congue ipsum. Curabitur odio est, convallis blandit metus sit amet faucibus.

h6. Heading 6

Quisque ornare odio et mi congue varius. Etiam tempus mattis bibendum. Duis a congue ipsum. Curabitur odio est, convallis blandit metus sit amet faucibus.


Big headings

Jumbo font

Add class .yjsg-font-jumbo

Quisque ornare odio et mi congue varius. Etiam tempus mattis bibendum. Duis a congue ipsum. Curabitur odio est, convallis blandit metus sit amet faucibus.

Mega font

Add class .yjsg-font-mega

Quisque ornare odio et mi congue varius. Etiam tempus mattis bibendum. Duis a congue ipsum. Curabitur odio est, convallis blandit metus sit amet faucibus.


Lists



Default

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
    • Phasellus iaculis neque
    • Purus sodales ultricies
    • Vestibulum laoreet porttitor sem
    • Ac tristique libero volutpat at
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit

Ordered

  1. Lorem ipsum dolor sit amet
  2. Consectetur adipiscing elit
  3. Integer molestie lorem at massa
    • Phasellus iaculis neque
    • Purus sodales ultricies
    • Vestibulum laoreet porttitor sem
    • Ac tristique libero volutpat at
  4. Facilisis in pretium nisl aliquet
  5. Nulla volutpat aliquam velit

Unstyled - add class .unstyled

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
    • Phasellus iaculis neque
    • Purus sodales ultricies
    • Vestibulum laoreet porttitor sem
    • Ac tristique libero volutpat at
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit

Custom Lists



Add class .video

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit

Add class .check

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit

Add class .star

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit

Add class .yjt_iconlist

  • Using .fa fa-book class
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit

Buttons


Button sizes


Button colors


Large colored buttons


Medium colored buttons


Small colored buttons


markup:

<button type="button" class="yjsg-button-blarge">Large button</button>
<button type="button" class="yjsg-button-bmedium">Medium button</button>
<button type="button" class="yjsg-button">Default</button>
<button type="button" class="yjsg-button-bsmall">Small button</button>
<button type="button" class="yjsg-button-color">Default color</button>
<button type="button" class="yjsg-button-blue">Blue button</button>
<button type="button" class="yjsg-button-red">Red button</button>
<button type="button" class="yjsg-button-green">Green button</button>
<button type="button" class="yjsg-button-yellow">Yellow button</button>
<button type="button" class="yjsg-button-dark">Dark button</button>
<button type="button" class="yjsg-button-gray">Gray button</button>
<button type="button" class="yjsg-button-color-blarge">Default color</button>
<button type="button" class="yjsg-button-blue-blarge">Blue button</button>
<button type="button" class="yjsg-button-red-blarge">Red button</button>
<button type="button" class="yjsg-button-green-blarge">Green button</button>
<button type="button" class="yjsg-button-yellow-blarge">Yellow button</button>
<button type="button" class="yjsg-button-dark-blarge">Dark button</button>
<button type="button" class="yjsg-button-gray-blarge">Gray button</button>
<button type="button" class="yjsg-button-color-bmedium">Default color</button>
<button type="button" class="yjsg-button-blue-bmedium">Blue button</button>
<button type="button" class="yjsg-button-red-bmedium">Red button</button>
<button type="button" class="yjsg-button-green-bmedium">Green button</button>
<button type="button" class="yjsg-button-yellow-bmedium">Yellow button</button>
<button type="button" class="yjsg-button-dark-bmedium">Dark button</button>
<button type="button" class="yjsg-button-gray-bmedium">Gray button</button>
<button type="button" class="yjsg-button-color-bsmall">Default color</button>
<button type="button" class="yjsg-button-blue-bsmall">Blue button</button>
<button type="button" class="yjsg-button-red-bsmall">Red button</button>
<button type="button" class="yjsg-button-green-bsmall">Green button</button>
<button type="button" class="yjsg-button-yellow-bsmall">Yellow button</button>
<button type="button" class="yjsg-button-dark-bsmall">Dark button</button>
<button type="button" class="yjsg-button-gray-bsmall">Gray button</button>

Dividers



markup:

<div class="yjsg-hr-hrsolid"></div>
<div class="yjsg-hr-hrdotted"></div>
<div class="yjsg-hr-hrdashed"></div>
<div class="yjsg-hr-small-hrsolid"></div>
<div class="yjsg-hr-large-hrsolid"></div>
<div class="yjsg-hr-small-hrsolid fa fa-star"></div>
<div class="yjsg-hr-small-hrsolid famedium fa fa-star"></div>
<div class="yjsg-hr-small-hrdashed falarge facolor fa fa-star"></div>
<div class="yjsg-hr-small-hrsolid-left falarge facolor fa fa-star"></div>
<div class="yjsg-hr-small-hrsolid-right falarge facolor fa fa-trophy"></div>
<div class="yjsg-hr-small-hrsolid-hrcircle"></div>
<div class="yjsg-hr-small-hrsolid-hrcircle-left"></div>
<div class="yjsg-hr-small-hrsolid-hrcircle-right"></div>
<div class="yjsg-hr-small-hrsolid-hrcircle-left-pull-small"></div>
<div class="yjsg-hr-small-hrsolid-right-pull-small famedium facolor fa fa-star"></div>
<div class="yjsg-hr-large-hrsolid-hrcircle-left-pull-large"></div>
<div class="yjsg-hr-large-hrsolid-right-pull-large famedium facolor fa fa-star"></div>

Dropcaps



YQuisque ornare odio et mi congue varius. Etiam tempus mattis bibendum. Duis a congue ipsum. Curabitur odio est, convallis blandit metus sit amet faucibus.

SQuisque ornare odio et mi congue varius. Etiam tempus mattis bibendum. Duis a congue ipsum. Curabitur odio est, convallis blandit metus sit amet faucibus.

JQuisque ornare odio et mi congue varius. Etiam tempus mattis bibendum. Duis a congue ipsum. Curabitur odio est, convallis blandit metus sit amet faucibus.

GQuisque ornare odio et mi congue varius. Etiam tempus mattis bibendum. Duis a congue ipsum. Curabitur odio est, convallis blandit metus sit amet faucibus.

markup:

<span class="dropcap">Y</span>lypian... 
<span class="dropcap2">J</span>lypian... 
<span class="dropcap3">S</span>lypian... 
<span class="dropcap4">G</span>lypian...

Blockquotes



Blockquote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. Lorem ipsum dolor sit amet, conse ctetur adipiscing elit. Integer posuere erat

Someone famous in Source Title

Blockquote .pull-right

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. Lorem ipsum dolor sit amet, conse ctetur adipiscing elit. Integer posuere erat

Someone famous in Source Title

Blockquote quoted .quoted

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. Lorem ipsum dolor sit amet, conse ctetur adipiscing elit. Integer posuere erat

Someone famous in Source Title

Blockquote brackets .brackets

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. Lorem ipsum dolor sit amet, conse ctetur adipiscing elit. Integer posuere erat

Someone famous in Source Title

markup:

<blockquote>
    <p>
        Text...
    </p>
</blockquote>
<blockquote class="pull-right">
    <p>
        Text...
    </p>
</blockquote>
<blockquote class="quoted">
    <p>
        Text...
    </p>
</blockquote>
<blockquote class="brackets">
    <p>
        Text...
    </p>
</blockquote>

Big numbers



Blocknumber

01 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat

02 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat

03 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat

Blocknumber round

01 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat

02 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat

03 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat

markup:

<p class="blocknumber">
    <span class="bignumber">02</span> Sample...
</p>
<p class="blocknumber bnround">
    <span class="bignumber">02</span> Sample...
</p>

Additional



Emphasis classes

Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.

Etiam porta sem malesuada magna mollis euismod.

Donec ullamcorper nulla non metus auctor fringilla.

Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis.

Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

markup:

<p class="muted">
    Fusce...
</p>
<p class="text-warning">
    Etiam...
</p>
<p class="text-error">
    Donec...
</p>
<p class="text-info">
    Aenean...
</p>
<p class="text-success">
    Duis...
</p>

Addresses

Some Web Studio, Inc.
1870 Northgate Hill DR
Atlanta, GA 30021
P: (123) 456-7890
Full Name
first.lastATyourmailDOTcom

markup:

<address>
    <strong>Twitter, Inc.</strong><br>
    795 Folsom Ave, Suite 600<br>
    San Francisco, CA 94107<br>
    <abbr title="Phone">P:</abbr> (123) 456-7890
</address>
<address>
    <strong>Full Name</strong><br>
    <a href="mailto:#">
        first.lastATyourmailDOTcom
    </a>
</address>

Quick menu:

  • Headings
  • Lists
  • Buttons
  • Dividers
  • Dropcaps
  • Blockquotes
  • Big numbers
  • Additional

Custom button color use

Your text

markup:

<a href="#" class="button-color">Your text</a> 

Custom button dark use

Your text

markup:

<a href="#" class="button-dark">Your text</a> 

Flexible template layouts

دسته: Template Settings منتشر شده در 20 بهمن 1391 نوشته شده توسط حامد صداقت بازدید: 386
  • چاپ
  • ایمیل
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nisi quam, elementum a vestibulum et, faucibus in erat. Integer ut arcu risus. Nunc a dolor et ante facilisis tempor quis et ligula. Phasellus convallis posuere augue, sit amet sollicitudin sapien pharetra posuere. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Vivamus vestibulum ante at nisl iaculis nec mattis nunc pharetra. Nullam velit libero, scelerisque vel ultrices quis, cursus condimentum nisl. Quisque euismod turpis ac neque pretium ut tincidunt sapien tincidunt. Nunc in pharetra dui. Donec quis purus quis erat mattis accumsan nec a elit.

Aliquam quis scelerisque lacus. Nunc sodales mattis pellentesque. Praesent aliquet lobortis est eget lacinia. Praesent in mi eros, et scelerisque dolor. Nam sit amet mi orci, sit amet tincidunt metus. Cras vestibulum, lectus eget porttitor pharetra, elit velit tempor arcu, pretium dignissim urna nisl ac massa. Maecenas vitae nisl eu quam mollis placerat. Cras auctor diam in sapien cursus mollis. Sed lobortis leo vel neque malesuada egestas. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nec justo dolor, ac vestibulum quam. Integer placerat neque eget erat congue quis tincidunt eros molestie. Pellentesque ac lorem velit, et faucibus dui. Vestibulum pulvinar cursus cursus. Curabitur massa dui, sodales quis eleifend sit amet, dapibus eget nulla. Donec iaculis pharetra blandit. Pellentesque varius libero non odio gravida eu tincidunt neque cursus. Pellentesque diam magna, adipiscing nec semper sit amet, porta nec sem.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus facilisis, urna non tincidunt tincidunt, quam quam pretium lectus, ac pretium nunc lacus in libero. Suspendisse dignissim nisl at enim cursus ullamcorper. Ut tempus orci felis. Cras pharetra dignissim interdum. Sed feugiat mollis quam elementum scelerisque. Vestibulum venenatis pretium convallis. Praesent nec arcu ut massa cursus tempor. Nam risus libero, dignissim at malesuada quis, fringilla scelerisque felis. Pellentesque vitae metus id enim eleifend gravida eget eget velit. Praesent accumsan ligula nec nulla porta eu hendrerit magna faucibus.

Maecenas velit enim, consectetur non egestas at, cursus eu purus. Nulla eget faucibus metus. Curabitur elementum vehicula volutpat. Nullam ornare posuere sapien, et volutpat metus semper ut. Morbi sollicitudin, ligula id egestas aliquam, sem sem congue libero, non feugiat justo lectus fermentum felis. Sed eu feugiat metus. Donec augue dolor, molestie vitae tempus interdum, accumsan vel risus. Mauris iaculis felis tristique elit sollicitudin semper. In hac habitasse platea dictumst. Maecenas rutrum augue eget tortor commodo dignissim.

Menu types

دسته: Template Settings منتشر شده در 07 بهمن 1389 نوشته شده توسط حامد صداقت بازدید: 1073
  • چاپ
  • ایمیل

Praesent posuere tempus nibh bibendum aliquam. Integer ullamcorper vestibulum nisl vitae ullamcorper. Donec fermentum ligula at tortor tincidunt rutrum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Quisque blandit tellus vitae justo rutrum viverra. Proin semper sapien faucibus dolor ultrices a tempus leo porta. Integer sed lorem nisl, ac tincidunt diam. Sed ante felis, pellentesque in consectetur at, rutrum non turpis. Aenean id pellentesque lacus. Quisque ligula est, aliquam vitae lobortis ornare, posuere sit amet risus. Sed massa lacus, iaculis et venenatis nec, tempor mattis est. Sed placerat placerat volutpat. Integer ut orci metus. Etiam egestas, ante ac fermentum dapibus, arcu est semper odio, nec mattis metus elit eget nunc. Praesent posuere tempus nibh bibendum aliquam. Integer ullamcorper vestibulum nisl vitae ullamcorper. Donec fermentum ligula at tortor tincidunt rutrum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Quisque blandit tellus vitae justo rutrum viverra.

Sample Default

Av vestibulum turpis interdum. Pha sellus et urna id elit euism convas. Nunc sodales lorem vit magna ac vestibulum turpis in. Phasel lus et urna id elit onvali.

Sample yjsg2

Av vestibulum turpis interdum. Pha sellus et urna id elit euism convas. Nunc sodales lorem vit magna ac vestibulum turpis in. Phasel lus et urna id elit onvali.

Sample yjsg4

Av vestibulum turpis interdum. Pha sellus et urna id elit euism convas. Nunc sodales lorem vit magna ac vestibulum turpis in. Phasel lus et urna id elit onvali.

Sample yjsg6

Av vestibulum turpis interdum. Pha sellus et urna id elit euism convas. Nunc sodales lorem vit magna ac vestibulum turpis in. Phasel lus et urna id elit onvali.

Sample yjsg1

Av vestibulum turpis interdum. Pha sellus et urna id elit euism convas. Nunc sodales lorem vit magna ac vestibulum turpis in. Phasel lus et urna id elit onvali.

Sample yjsg3

Av vestibulum turpis interdum. Pha sellus et urna id elit euism convas. Nunc sodales lorem vit magna ac vestibulum turpis in. Phasel lus et urna id elit onvali.

Sample yjsg5

Av vestibulum turpis interdum. Pha sellus et urna id elit euism convas. Nunc sodales lorem vit magna ac vestibulum turpis in. Phasel lus et urna id elit onvali.

Sample yjsg7

Av vestibulum turpis interdum. Pha sellus et urna id elit euism convas. Nunc sodales lorem vit magna ac vestibulum turpis in. Phasel lus et urna id elit onvali.

ورود
x

ورود به حساب کاربری

بازیابی رمز عبور

یا
x

تغییر کلمه عبور

لطفا نشانی ایمیل خود را وارد نمایید. زمانی که شما از طریق ایمیل کد تائیدیه رمز عبور را دریافت نمودید قادر خواهید بود تا رمز جدیدی را برگزینید


ثبت
x

یا
کلیه حقوق این سایت متعلق به عندلیب آنلاین میباشد
خانه