التصميم ورموز واجهة المستخدم الإضافية

صورة مع تعليق توضيحي وصندوق إضاءة تلقائي

image_title_here
Your_caption_is_here

شبكة الصور

image_title_here image_title_here image_title_here image_title_here

عرض كل الصور

image_title_here image_title_here image_title_here
image_title_here
image_title_here image_title_here image_title_here image_title_here

صورة قابلة للتمرير

image_title_here image_title_here image_title_here image_title_here

صورة التحميل البطيء

image_title_here

منشور يدوي ذو صلة

المنشورات ذات الصلة

منشورات ذات صلة

[ لفصل الفقرات عن بعضها البعض ]


فقرة ذات مسافة فى بداية النص

Your_paragraph_is_here.

الفقرة ذات الحرف الكبير

Your_paragraph_is_here.

مربع الاقتباس

Your_paragraph_is_here.
Your_paragraph_is_here.
  • sup1
  • sup2
Your_paragraph_is_here.

مربع الملاحظات

Your_paragraph_is_here..

بألوان مختلفة:

Your_paragraph_is_here.

Table

Name Position Office Age Start date Salary
Tiger Nixon System Architect Edinburgh 61 2011/04/25 $320,800
Garrett Winters Accountant Tokyo 63 2011/07/25 $170,750
Ashton Cox Junior Technical Author San Francisco 66 2009/01/12 $86,000
Cedric Kelly Senior Javascript Developer Edinburgh 22 2012/03/29 $433,060
Airi Satou Accountant Tokyo 33 2008/11/28 $162,700

مثال على المحتويات

Your_Heading

Sub_Heading_1

جدول المحتويات شبه التلقائي الخيار الأسهل والأفضل لعرض جدول المحتويات. ستعرض هذه الميزة جميع علامات العناوين والعناوين الفرعية في مقالتك (ثلاثة مستويات h2 -> h4)، لذا تأكَّد من كتابة علامات العناوين المناسبة في مقالة المدونة.

أداة تمييز بناء الجملة

يُستخدم لتحديد أسطر التعليمات البرمجية للكمبيوتر (HTML، CSS، جافا سكريبت، إلخ) في المنشورات.
  
  <!DOCTYPE html>
<html dir='ltr' lang='en'>
  <head>
    <title>Sample Page</title>
  </head>

  <!--[ <body> open ]-->
  <body>
    <p>Sample content here!</p>
  </body>
  <!--[ </body> close ]-->
</html>
  
  

Automatic Colored Syntax Highlighter

  
  <!DOCTYPE html>
<html dir='ltr' lang='en'>
  <head>
    <title>Sample Page</title>
  </head>

  <!--[ <body> open ]-->
  <body>
    <p>Sample content here!</p>
  </body>
  <!--[ </body> close ]-->
</html>
  
  

أداة تمييز النصوص متعدد الوظائف

Your_code_is_here

تبديل إظهار/إخفاء

تتيح هذه الأداة للمستخدمين إنشاء عناصر واجهة مستخدمين يمكنهم فتحها وإغلاقها وقتما يشاؤون. بشكل افتراضي تظل الأداة مغلقة. ستظهر محتواها عندما ينقر المستخدم على زر.
Spoiler:

Your_text_is_here.

تنظيم المحتوى

Title_is_here

Your_text_is_here.

Title_is_here

Your_text_is_here.

Title_is_here

Your_text_is_here.

Title_is_here

Your_text_is_here.

رابط خارجي

Sample_external_link Sample_link_alt

زر الرابط

Title_link

Alternative style:

Title_link

With icons:

Download Demo

with svg icons:

WhatsApp me! Buy now!

Two button in single line:

رابط التحميل

file_name.zip 200kb

مع صورة خلفية بدلاً من النص:

about_me.png 10kb

صندوق التحميل التنازلي

Music_Wallpaper.png Music 3.05MB 1920×1080 .png

مشغل موسيقى

فيديو يوتيوب

مرجع المنشور

المصدر:
www.example.com

العنوان الفرعي للرأس

h1

h2

h3

h4

h5

Post a Comment