علاقه مندی (0)
0
با ما تماس بگیرید
0123456789
0

تنظیمات قالب

سه شنبه - ۱۵ آبان - ۱۴۰۳

تایپوگرافی

نویسنده: مدیریت سایت

متن و فونت

عناوین

تمامی عناوین html موجود می باشد.

عنوان

عنوان

عنوان

عنوان

عنوان
عنوان

نمونه پاراگراف

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

<p> ... </p>

نمونه پاراگراف تاکیدی

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.

<p class="lead"> ... </p>

متن هایلایت شده

بخشی از این متن با استفاده از تگ mark هایلایت شده است.

<p> <mark> ... </mark> </p>

نمونه small

بخشی از این متن با استفاده از تگ small فونت آن کوچکتر شده است.

<p> <small> ... </small> </p>

نمونه strong

بخشی از این متن با استفاده از تگ storng فونت آن بلد شده است.

<p> <strong> ... </strong> </p>

نمونه مورب

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

<p> <em> ... </em> </p>

کلاس های کمکی

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

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.

<p class="text-muted"> ... </p>
<p class="text-primary"> ... </p>
<p class="text-success"> ... </p>
<p class="text-info"> ... </p>
<p class="text-warning"> ... </p>
<p class="text-danger"> ... </p>

زمینه های تاکیدی

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.

<p class="bg-primary"> ... </p>
<p class="bg-success"> ... </p>
<p class="bg-info"> ... </p>
<p class="bg-warning"> ... </p>
<p class="bg-danger"> ... </p>

کلاس های تنظیم متون

متن چپ چین

متن وسط چین

متن راست چین

متن justify شده

<p class="text-left"> ... </p>
<p class="text-center"> ... </p>
<p class="text-right"> ... </p>
<p class="text-justify"> ... </p>

بلاک نقل قول

بلاک پیش فرض

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.

<blockquote> <p> ... </p> </blockquote>

بلاک به همراه فوتر

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.

در این بخش توضیحات اضافی می توان نوشت.
<blockquote>
<p> ... </p>
<footer> ... </footer>
</blockquote>

بلاک معکوس

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.

<blockquote class="blockquote-reverse"> <p> ... </p> </blockquote>

جداول

نمونه اولیه جدول

توضیحات اختیاری جدول
# نام نام خانوادگی نام کاربری
1 علی علوی ali
2 احمد احمدی ahmad
3 رضا رضایی reza
<table class="table"> ... </table>

جدول با خطوط اطراف آن

توضیحات اختیاری جدول
# نام نام خانوادگی نام کاربری
1 علی علوی ali
2 احمد احمدی ahmad
3 رضا رضایی reza
<table class="table table-bordered"> ... </table>

جدول با رنگ پس زمینه

توضیحات اختیاری جدول
# نام نام خانوادگی نام کاربری
1 علی علوی ali
2 احمد احمدی ahmad
3 رضا رضایی reza
<table class="table table-striped"> ... </table>

لیست

لیست نامنظم

  • لورم ایپسوم متن ساختگی با تولید سادگی
  • لورم ایپسوم متن ساختگی با تولید سادگی
  • لورم ایپسوم متن ساختگی با تولید سادگی
  • لورم ایپسوم متن ساختگی با تولید سادگی
<ul> <li> ... <li> </ul>

لیست منظم

  1. لورم ایپسوم متن ساختگی با تولید سادگی
  2. لورم ایپسوم متن ساختگی با تولید سادگی
  3. لورم ایپسوم متن ساختگی با تولید سادگی
  4. لورم ایپسوم متن ساختگی با تولید سادگی
<ol> <li> ... <li> </ol>

لیست بدون آیکن

  • لورم ایپسوم متن ساختگی با تولید سادگی
  • لورم ایپسوم متن ساختگی با تولید سادگی
  • لورم ایپسوم متن ساختگی با تولید سادگی
  • لورم ایپسوم متن ساختگی با تولید سادگی
<ul class="list-unstyled"> <li> ... <li> </ul>

لیست خطی

  • لورم ایپسوم متن ساختگی
  • لورم ایپسوم متن ساختگی
  • لورم ایپسوم متن ساختگی
  • لورم ایپسوم متن ساختگی
<ul class="list-inline"> <li> ... <li> </ul>

لیست توضیحی

عنوان یک
توضیحی دباره عنوان یک
عنوان دو
توضیحی دباره عنوان دو
عنوان سه
توضیحی دباره عنوان سه
<dl>
<dt> ... </dt>
<dd> ... </dd>
</dl>

دکمه ها

تنطیمات دکمه ها

<button type="button" class="btn btn-raised btn-primary">اولیه</button>
<button type="button" class="btn btn-raised btn-success">موفق</button>
<button type="button" class="btn btn-raised btn-info">اطلاعات</button>
<button type="button" class="btn btn-raised btn-warning">هشدار</button>
<button type="button" class="btn btn-raised btn-danger">خطر</button>
<button type="button" class="btn btn-raised active">.active</button>

نشان ها

پیشخوان 42

<a href="#"> ... <span class="badge"> 42 </span> </a>
<button type="button" class="btn btn-primary">
...
<span class="badge"> 4 </span>
</button>

هشدارها

 

بسیار عالی شما با موفقیت این هشدار را خواندید.
بسیار عالی شما با موفقیت این هشدار را خواندید.
بسیار عالی شما با موفقیت این هشدار را خواندید.
بسیار عالی شما با موفقیت این هشدار را خواندید.
<div role="alert" class="alert alert-success"> ... </div>
<div role="alert" class="alert alert-info"> ... </div>
<div role="alert" class="alert alert-warning"> ... </div>
<div role="alert" class="alert alert-danger"> ... </div>