عناصر HTML

أزرار

أمثلة

[one_third][button size=”xsmall” color=”yellow”]إضغط هنا[/button]
[button size=”small” color=”yellow”]إضغط هنا[/button]
[button size=”normal” color=”yellow”]إضغط هنا[/button]
[button size=”medium” color=”yellow”]إضغط هنا[/button]
[button size=”large” color=”yellow”]إضغط هنا[/button]
[button size=”xlarge” color=”yellow”]إضغط هنا[/button]
[button size=”xxlarge” color=”yellow”]إضغط هنا[/button][/one_third]
[one_third][button size=”xsmall” color=”blue”]إضغط هنا[/button]
[button size=”small” color=”blue”]إضغط هنا[/button]
[button size=”normal” color=”blue”]إضغط هنا[/button]
[button size=”medium” color=”blue”]إضغط هنا[/button]
[button size=”large” color=”blue”]إضغط هنا[/button]
[button size=”xlarge” color=”blue”]إضغط هنا[/button]
[button size=”xxlarge” color=”blue”]إضغط هنا[/button][/one_third]
[one_third_last][button size=”xsmall” color=”green”]إضغط هنا[/button]
[button size=”small” color=”green”]إضغط هنا[/button]
[button size=”normal” color=”green”]إضغط هنا[/button]
[button size=”medium” color=”green”]إضغط هنا[/button]
[button size=”large” color=”green”]إضغط هنا[/button]
[button size=”xlarge” color=”green”]إضغط هنا[/button]
[button size=”xxlarge” color=”green”]إضغط هنا[/button][/one_third_last]
[one_half][button size=”xsmall” color=”red”]إضغط هنا[/button]
[button size=”small” color=”red”]إضغط هنا[/button]
[button size=”normal” color=”red”]إضغط هنا[/button]
[button size=”medium” color=”red”]إضغط هنا[/button]
[button size=”large” color=”red”]إضغط هنا[/button]
[button size=”xlarge” color=”red”]إضغط هنا[/button]
[button size=”xxlarge” color=”red”]إضغط هنا[/button][/one_half]
[one_half_last][button size=”xsmall” color=”gray”]إضغط هنا[/button]
[button size=”small” color=”gray”]إضغط هنا[/button]
[button size=”normal” color=”gray”]إضغط هنا[/button]
[button size=”medium” color=”gray”]إضغط هنا[/button]
[button size=”large” color=”gray”]إضغط هنا[/button]
[button size=”xlarge” color=”gray”]إضغط هنا[/button]
[button size=”xxlarge” color=”gray”]إضغط هنا[/button][/one_half_last]

 

المربعات

أمثلة

[alertbox color=”red”]

هذا مثال نص مربع بالعربي. هذا مثال نص مربع بالعربي. هذا مثال نص مربع بالعربي. هذا مثال نص مربع بالعربي. هذا مثال نص مربع بالعربي. هذا مثال نص مربع بالعربي.

[/alertbox]

[alertbox color=”blue”]

هذا مثال نص مربع بالعربي. هذا مثال نص مربع بالعربي. هذا مثال نص مربع بالعربي. هذا مثال نص مربع بالعربي. هذا مثال نص مربع بالعربي. هذا مثال نص مربع بالعربي.

[/alertbox]

[alertbox color=”green”]

هذا مثال نص مربع بالعربي. هذا مثال نص مربع بالعربي. هذا مثال نص مربع بالعربي. هذا مثال نص مربع بالعربي. هذا مثال نص مربع بالعربي. هذا مثال نص مربع بالعربي.

[/alertbox]

[alertbox color=”yellow”]

هذا مثال نص مربع بالعربي. هذا مثال نص مربع بالعربي. هذا مثال نص مربع بالعربي. هذا مثال نص مربع بالعربي. هذا مثال نص مربع بالعربي. هذا مثال نص مربع بالعربي.

[/alertbox]

[alertbox color=”gray”]

هذا مثال نص مربع بالعربي. هذا مثال نص مربع بالعربي. هذا مثال نص مربع بالعربي. هذا مثال نص مربع بالعربي. هذا مثال نص مربع بالعربي. هذا مثال نص مربع بالعربي.

[/alertbox]

[alertbox color=”white”]

هذا مثال نص مربع بالعربي. هذا مثال نص مربع بالعربي. هذا مثال نص مربع بالعربي. هذا مثال نص مربع بالعربي. هذا مثال نص مربع بالعربي. هذا مثال نص مربع بالعربي.

[/alertbox]

مربعات مع أيقونة

[stylebox color=”blue” icon=”bubble”]هذا مثال نص مربع بالعربي. هذا مثال نص مربع بالعربي. هذا مثال نص مربع بالعربي. هذا مثال نص مربع بالعربي. هذا مثال نص مربع بالعربي. هذا مثال نص مربع بالعربي.[/stylebox]
[stylebox color=”green” icon=”buy” hide=”1″]هذا مثال نص مربع بالعربي. هذا مثال نص مربع بالعربي. هذا مثال نص مربع بالعربي. هذا مثال نص مربع بالعربي. هذا مثال نص مربع بالعربي. هذا مثال نص مربع بالعربي.[/stylebox]
[stylebox color=”white” icon=”help” hide=”1″]هذا مثال نص مربع بالعربي. هذا مثال نص مربع بالعربي. هذا مثال نص مربع بالعربي. هذا مثال نص مربع بالعربي. هذا مثال نص مربع بالعربي. هذا مثال نص مربع بالعربي.[/stylebox]
[stylebox color=”red” icon=”info” hide=”1″]هذا مثال نص مربع بالعربي. هذا مثال نص مربع بالعربي. هذا مثال نص مربع بالعربي. هذا مثال نص مربع بالعربي. هذا مثال نص مربع بالعربي. هذا مثال نص مربع بالعربي.[/stylebox]
[stylebox color=”yellow” icon=”tick” hide=”1″]هذا مثال نص مربع بالعربي. هذا مثال نص مربع بالعربي. هذا مثال نص مربع بالعربي. هذا مثال نص مربع بالعربي. هذا مثال نص مربع بالعربي. هذا مثال نص مربع بالعربي.[/stylebox]
[stylebox color=”gray” icon=”gear”]هذا مثال نص مربع بالعربي. هذا مثال نص مربع بالعربي. هذا مثال نص مربع بالعربي. هذا مثال نص مربع بالعربي. هذا مثال نص مربع بالعربي. هذا مثال نص مربع بالعربي. [/stylebox]
[space10]

إقتباس

[pullquote cite=”هذا إقتباس “align=”left”]هذا مثال إقتباس بالعربي. هذا مثال نص إقتباس بالعربي. هذا مثال نص إقتباس بالعربي. هذا مثال نص إقتباس بالعربي. هذا مثال نص إقتباس بالعربي. هذا مثال نص إقتباس بالعربي. [/pullquote]

[clear]

[space10]

إبراز

[highlight type=”1″]هذا مثال نص بارز. هذا مثال نص بارز. [/highlight]

[clear]

[space10]

سلايدر

[slider id=”1″]

[clear]

[space10]

رقم بارز

[dropcap character=”1″ color=”blue”] [dropcap character=”2″ color=”green”] [dropcap character=”3″ color=”red”] [dropcap character=”4″ color=”gray”]

[clear]

[space10]

قوائم الإيقونات

[ul_list icon=”tick”]

  • عنصر قائمة
  • عنصر قائمة
  • عنصر قائمة

[/ul_list]

[ul_list icon=”info”]

  • عنصر قائمة
  • عنصر قائمة
  • عنصر قائمة

[/ul_list]

[ul_list icon=”warning”]

  • عنصر قائمة
  • عنصر قائمة
  • عنصر قائمة

[/ul_list]

[ul_list icon=”delete”]

  • عنصر قائمة
  • عنصر قائمة
  • عنصر قائمة

[/ul_list]

[ul_list icon=”info”]

  • عنصر قائمة
  • عنصر قائمة
  • عنصر قائمة

[/ul_list]

[ul_list icon=”help”]

  • عنصر قائمة
  • عنصر قائمة
  • عنصر قائمة

[/ul_list]

[ul_list icon=”plus”]

  • عنصر قائمة
  • عنصر قائمة
  • عنصر قائمة

[/ul_list]

[ul_list icon=”flag”]

  • عنصر قائمة
  • عنصر قائمة
  • عنصر قائمة

[/ul_list]

 

 

اترك تعليقاً