در این قسمت با نحوه نمایش انواع حالت های نوشتاری حروف از قبیل: سرتیترها، نقل قول ها، لیست های منظم و نا منظم، کدها و غیره آشنا میشوید.
برای استفاده از تگ های زیر حتما باید حالت HTML را در سیستم وبلاگ خود برای ویرایش نوشته ها انتخاب کنید.
نوشته های از پیش فرمت شده
متن در حالت Heading
این یک Heading 1 است
برای نمایش سرتیتر در این حالت از تگ <h1> استفاده کنید.
این یک Heading 2 است
برای نمایش سرتیتر در این حالت از تگ <h2> استفاده کنید.
این یک Heading 3 است
برای نمایش سرتیتر در این حالت از تگ <h3> استفاده کنید.
این یک Heading 4 است
برای نمایش سرتیتر در این حالت از تگ <h4> استفاده کنید.
این یک Heading 5 است
برای نمایش سرتیتر در این حالت از تگ <h5> استفاده کنید.
این یک Heading 6 است
برای نمایش سرتیتر در این حالت از تگ <h6> استفاده کنید.
متن در حالت pre یا code
نمونه ای هنگام استفاده از تگ های <pre> یا <div class="code">
#wt-rightcol {
width: 180px;
float: right;
color: #EEEEEE;
}
متن در حالت Highlight
نمونه متن روشن شده.
از کدهای
<span class="highlight">عبارت شما در اینجا قرار میگیرد</span> استفاده کنید.
متن در حالت نقل قول
نمونه ای از یک نقل قول. برای استفاده متن خود را به شکل <blockquote>متن شما در اینجا قرار میگیرد</blockquote> بکار ببندید.
متن در حالت Dropcap
1نمونه ای از یک dropcap. برای استفاده متن خود را به شکل
<p class="blockdropcap"><span class="dropcap-1">1</span>متن شما در اینجا قرار میگیرد</p> بکار ببندید.
2نمونه ای از یک dropcap. برای استفاده متن خود را به شکل
<p class="blockdropcap"><span class="dropcap-1">2</span>متن شما در اینجا قرار میگیرد</p> بکار ببندید.
3نمونه ای از یک dropcap. برای استفاده متن خود را به شکل
<p class="blockdropcap"><span class="dropcap-1">3</span>متن شما در اینجا قرار میگیرد</p> بکار ببندید.
لیست استایل ها
- نمونه ای هنگام استفاده از لیست منظم <ol>.
- قالب های حرفه ای وبلاگ
- قالب های حرفه ای میهن بلاگ
- قالب های حرفه ای بلاگفا
- نمونه ای هنگام استفاده از لیست نامنظم <ul>.
- قالب های رایگان وبلاگ
- قالب های جدید وبلاگ
- قالب های زیبای وبلاگ
لیست های نامنظم به همراه Class
- نمونه لیست نامنظم با کلاس bulletlist
- برای استفاده، متن خود را به شکل:
<ul class="bulletlist"><li>متن شما در اینجا قرار میگیرد</li></ul> بکار ببرید.
- نمونه لیست نامنظم با کلاس crosslist
- برای استفاده، متن خود را به شکل:
<ul class="crosslist"><li>متن شما در اینجا قرار میگیرد</li></ul> بکار ببرید.
- نمونه لیست نامنظم با کلاس addlist
- برای استفاده، متن خود را به شکل:
<ul class="addlist"><li>متن شما در اینجا قرار میگیرد</li></ul> بکار ببرید.
- نمونه لیست نامنظم با کلاس arrowlist
- برای استفاده، متن خود را به شکل:
<ul class="arrowlist"><li>متن شما در اینجا قرار میگیرد</li></ul> بکار ببرید.
- نمونه لیست نامنظم با کلاس starlist
- برای استفاده، متن خود را به شکل:
<ul class="starlist"><li>متن شما در اینجا قرار میگیرد</li></ul> بکار ببرید.
- نمونه لیست نامنظم با کلاس checklist
- برای استفاده، متن خود را به شکل:
<ul class="checklist"><li>متن شما در اینجا قرار میگیرد</li></ul> بکار ببرید.
آیکون استایل ها
از تگ های <p class="icon-tag">متن شما در اینجا قرار میگیرد</p> استفاده کنید.
از تگ های <p class="icon-cart">متن شما در اینجا قرار میگیرد</p> استفاده کنید.
از تگ های <p class="icon-page">متن شما در اینجا قرار میگیرد</p> استفاده کنید.
از تگ های <p class="icon-error">متن شما در اینجا قرار میگیرد</p> استفاده کنید.
از تگ های <p class="icon-message">متن شما در اینجا قرار میگیرد</p> استفاده کنید.
از تگ های <p class="icon-tips">متن شما در اینجا قرار میگیرد</p> استفاده کنید.
از تگ های <p class="icon icon-doc">متن شما در اینجا قرار میگیرد</p> استفاده کنید.
از تگ های <p class="icon icon-signup">متن شما در اینجا قرار میگیرد</p> استفاده کنید.
از تگ های <p class="icon icon-submit">متن شما در اینجا قرار میگیرد</p> استفاده کنید.
از تگ های <p class="icon icon-extension">متن شما در اینجا قرار میگیرد</p> استفاده کنید.
از تگ های <p class="icon icon-demo">متن شما در اینجا قرار میگیرد</p> استفاده کنید.
از تگ های <p class="icon icon-download">متن شما در اینجا قرار میگیرد</p> استفاده کنید.
از تگ های <p class="icon icon-discussion">متن شما در اینجا قرار میگیرد</p> استفاده کنید.
از تگ های <p class="icon icon-info">متن شما در اینجا قرار میگیرد</p> استفاده کنید.
نمونه آیکون Yahoo!
نمونه آیکون Gmail
نمونه آیکون Skype
نمونه آیکون MSN
نمونه آیکون Facebook
نمونه آیکون Address
نمونه آیکون Phone
نمونه آیکون Mobi
نمونه آیکون Fax
نمونه آیکون Email
نمونه آیکون Website
نمونه آیکون User
نمونه آیکون Group
نمونه آیکون Key
نمونه آیکون Birthday
نمونه آیکون Photo
نمونه آیکون Calendar
لیست کامل کدها به زودی درج خواهند شد.