[et_pb_section fb_built=”1″ admin_label=”section” _builder_version=”4.18.0″ background_color=”#1F2B5B” custom_padding=”15px|30px|15px|30px|true|true” border_radii=”on|10px|10px|10px|10px” border_color_all=”#7CDA24″ global_colors_info=”{}”][et_pb_row column_structure=”3_5,2_5″ _builder_version=”4.18.0″ _module_preset=”default” width=”100%” custom_padding=”8px||8px||true|false” global_colors_info=”{}”][et_pb_column type=”3_5″ _builder_version=”4.18.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_wc_rating product=”261″ _builder_version=”4.18.0″ _dynamic_attributes=”link_option_url” _module_preset=”default” rating_text_align=”right” rating_text_color=”#7CDA24″ custom_margin=”16px|0em|0em|0em|false|false” custom_padding=”0px|0px|0px|0px|true|true” link_option_url=”@ET-DC@eyJkeW5hbWljIjp0cnVlLCJjb250ZW50IjoicG9zdF9saW5rX3VybF9wcm9kdWN0Iiwic2V0dGluZ3MiOnsicG9zdF9pZCI6IjIwNyJ9fQ==@” custom_css_before=”|| margin-left: 10px;|| margin-top: -2px;|| font-size: 20px;||float:right;||direction:rtl;||color:orangered;||text-shadow: 2px 2px 0 #fff, 2px -5px 0 #fff, -2px -2px 0 #fff, -2px 2px 0 #fff, 2px 1px 0 #fff, 2px -1px 0 #fff, -2px -1px 0 #fff, -2px 1px 0 #fff, 2px 0 0 #fff, 2px 0 0 #fff, -2px 0 0 #fff, -2px 0 0 #fff, 1px 2px 0 #fff, 1px -2px 0 #fff, -1px -2px 0 #fff, -1px 2px 0 #fff, 1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, -1px 1px 0 #fff, 1px 0 0 #fff, 1px 0 0 #fff, -1px 0 0 #fff, -1px 0 0 #fff, 0px 2px 0 #fff, 0px -2px 0 #fff, 0px -2px 0 #fff, 0px 2px 0 #fff, 0px 1px 0 #fff, 0px -1px 0 #fff, 0px -1px 0 #fff, 0px 1px 0 #fff, 0px 0 0 #fff, 0px 0 0 #fff, 0px 0 0 #fff, 0px 0 0 #fff, 0 0 0 #fff, 2px 2px 9px #717170;” global_colors_info=”{}”][/et_pb_wc_rating][et_pb_text _builder_version=”4.18.0″ _module_preset=”default” text_text_color=”#c4c4c4″ custom_margin=”0px||15px||false|false” global_colors_info=”{}”]

تعد لافتات الويب جزءا مهما من موقع التجارة الإلكترونية الخاص بك. لماذا لا تجعلها تبدو جيدة و مشجعة للنقر؟ من خلال خدمتنا ، يمكننا استخدام صورك الخاصة مع دمج أحدث اتجاهات التصميم لدينا لمنح كل لافتة مظهرا فرديا.

[/et_pb_text][et_pb_wc_add_to_cart product=”169″ show_quantity=”off” module_class=”scholweb-shop-page-buy-button” _builder_version=”4.18.0″ _module_preset=”default” custom_button=”on” button_text_size=”17px” button_use_icon=”off” button_custom_padding=”16px|5px|16px|5px|true|true” max_width=”100%” module_alignment=”right” global_colors_info=”{}”][/et_pb_wc_add_to_cart][et_pb_button button_url=”@ET-DC@eyJkeW5hbWljIjp0cnVlLCJjb250ZW50IjoicG9zdF9saW5rX3VybF9wcm9kdWN0Iiwic2V0dGluZ3MiOnsicG9zdF9pZCI6IjE2OSJ9fQ==@” button_text=”اقرأ المزيد من التفاصيل…” button_alignment=”center” module_class=”button_left” _builder_version=”4.18.0″ _dynamic_attributes=”button_url” _module_preset=”default” custom_button=”on” button_text_size=”15px” button_text_color=”#000000″ button_bg_color=”#ededed” button_border_width=”0px” button_border_color=”RGBA(255,255,255,0)” button_border_radius=”5px” button_font=”|800||on|||||” button_use_icon=”off” position_origin_a=”bottom_left” vertical_offset=”26px” horizontal_offset=”264px” custom_margin=”16px||5px||false|false” custom_padding=”15px|25px|15px|25px|true|true” button_text_size_tablet=”” button_text_size_phone=”16px” button_text_size_last_edited=”on|phone” custom_css_main_element=”width:100%;||text-shadow:0px 5px 2px 10px #000;||” custom_css_after=”color:#999;” box_shadow_style=”preset1″ box_shadow_vertical=”0px” box_shadow_blur=”0px” box_shadow_spread=”20px” box_shadow_color=”rgba(0,0,0,0)” box_shadow_position=”inner” global_colors_info=”{}” button_bg_color__hover_enabled=”on|hover” button_bg_color__hover=”#f2c202″ button_bg_enable_color__hover=”on” box_shadow_spread__hover=”0px” box_shadow_spread__hover_enabled=”on|desktop” box_shadow_color__hover=”rgba(0,0,0,0.15)” box_shadow_color__hover_enabled=”on|desktop” button_text_color__hover_enabled=”on|hover” button_text_color__hover=”#000000″ transform_styles__hover_enabled=”on|hover” custom_css_after__hover_enabled=”on|hover” custom_css_after__hover=”color:#333;” transform_scale__hover=”103%|103%” transform_scale__hover_enabled=”on|hover” transform_translate__hover_enabled=”on|hover” transform_rotate__hover_enabled=”on|hover” transform_skew__hover_enabled=”on|hover” transform_origin__hover_enabled=”on|hover”][/et_pb_button][/et_pb_column][et_pb_column type=”2_5″ _builder_version=”4.18.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.18.0″ _module_preset=”default” text_text_color=”#bababa” text_font_size=”21px” global_colors_info=”{}”]

تصميم لافتات اعلانية

[/et_pb_text][et_pb_wc_price product=”261″ _builder_version=”4.18.0″ _dynamic_attributes=”link_option_url” _module_preset=”default” body_text_color=”#165684″ body_font_size=”29px” before_sale_price_text_color=”#FFFFFF” before_sale_price_font_size=”13px” sale_price_font_size=”25px” background_color=”#000026″ text_orientation=”right” custom_margin=”13px||0px||false|false” custom_padding=”30px|30px|30px|30px|true|true” link_option_url=”@ET-DC@eyJkeW5hbWljIjp0cnVlLCJjb250ZW50IjoicG9zdF9saW5rX3VybF9wcm9kdWN0Iiwic2V0dGluZ3MiOnsicG9zdF9pZCI6IjE2OSJ9fQ==@” custom_css_before=”font-family: ‘ETmodules’;|| content: %22%92e0d8%22;|| margin-left: 10px;|| margin-top: -2px;|| font-size: 20px;||float:right;||direction:rtl;||color:orangered;||” custom_css_main_element=”||font-family: Impact, Charcoal, sans-serif;||font-weight: 500;||text-shadow: 2px 2px 0 #fff, 1px -3px 0 #fadada, -2px -1px 0 #fff, -2px 2px 0 #fff, 2px 1px 0 #fff, 2px -1px 0 #fff, -2px -1px 0 #fff, -2px 1px 0 #fff, 2px 0 0 #fff, 2px 0 0 #fff, -2px 0 0 #fff, -2px 0 0 #fff, 1px 2px 0 #fff, 1px -2px 0 #fff, -1px -2px 0 #fff, -1px 2px 0 #fff, 1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, -1px 1px 0 #fff, 1px 0 0 #fff, 1px 0 0 #fff, -1px 0 0 #fff, -1px 0 0 #fff, 0px 2px 0 #fff, 0px -2px 0 #fff, 0px -2px 0 #fff, 0px 2px 0 #fff, 0px 1px 0 #fff, 0px -1px 0 #fff, 0px -1px 0 #fff, 0px 1px 0 #fff, 0px 0 0 #fff, 0px 0 0 #fff, 0px 0 0 #fff, 0px 0 0 #fff, 0 0 0 #fff, 2px 2px 1px #717170;” custom_css_after=”content: ”;|| position: absolute;|| bottom: 0;|| left: 50%;|| width: 0;|| height: 0;|| border: 20px solid transparent;|| border-top-color: #000;|| border-bottom: 0;|| margin-left: -10px;|| margin-bottom: -10px;||z-index:10;” custom_css_before_sale_price=”margin-right:5px;||text-shadow:none;||” border_radii=”off|10px|10px||” global_colors_info=”{}”][/et_pb_wc_price][et_pb_wc_images product=”261″ show_product_gallery=”off” show_sale_badge=”off” _builder_version=”4.18.0″ _module_preset=”default” border_radii=”off|||10px|10px” border_width_all=”2px” border_color_all=”#2558AB” global_colors_info=”{}”][/et_pb_wc_images][/et_pb_column][/et_pb_row][/et_pb_section]

<!DOCTYPE html>
<html>
<body>

<h2>HTML Buttons</h2>
<p>HTML buttons are defined with the button tag:</p>

<button>Click me</button>

</body>
</html>

if ( ! defined( 'ABSPATH' ) ) {
	define( 'ABSPATH', __DIR__ . '/' );
}

<!--Add a copy button to code snippet-->
<script>
	const copyButtonLabel = "Copy Code";

// use a class selector if available
let blocks = document.querySelectorAll("pre");

blocks.forEach((block) => {
  // only add a button if browser supports Clipboard API
  if (navigator.clipboard) {
    let button = document.createElement("button");
    button.innerText = copyButtonLabel;
    button.addEventListener("click", copyCode);
    block.appendChild(button);
  }
});

async function copyCode(event) {
  const button = event.srcElement;
  const pre = button.parentElement;
  let code = pre.querySelector("code");
  let text = code.innerText;
  await navigator.clipboard.writeText(text);
}


</script>

.wp-block-code{
    border: 1px solid #ccc;
    border-radius: 4px;
    font-family: Menlo,Consolas,monaco,monospace;
    padding: 0.8em 1em;
	direction:ltr;
	background:#eee;
	margin:30px auto;
	border-radius:5px;
	padding:15px;
}
.wp-block-code code{
	text-align:left;
}
pre[class*="language-"] {
  position: relative;
  margin: 5px 0 ;
  padding: 1.75rem 0 1.75rem 1rem;

  /* more stuff */
}

button{
  position: absolute;
  top: 5px;
  right: 5px;

  /* more stuff */
}

<note>
<to>Tove</to>
<from>Jani</from>
<heading>Reminder</heading>
<body>Don't forget me this weekend!</body>
</note>