پاپ آپ مودال

[fusion_builder_container admin_label=”” hundred_percent=”yes” equal_height_columns=”no” menu_anchor=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” background_color=”” background_image=”” background_position=”center center” background_repeat=”no-repeat” fade=”yes” background_parallax=”none” enable_mobile=”no” parallax_speed=”” video_mp4=”” video_webm=”” video_ogv=”” video_url=”” video_aspect_ratio=”” video_loop=”yes” video_mute=”yes” video_preview_image=”” border_size=”” border_color=”” border_style=”solid” margin_top=”” margin_bottom=”100″ padding_top=”” padding_right=”0″ padding_bottom=”” padding_left=”0″][fusion_builder_row][fusion_builder_column type=”1_1″ layout=”1_1″ spacing=”yes” center_content=”no” hover_type=”none” link=”” min_height=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” background_color=”#f6f6f6″ background_image=”” background_position=”left top” background_repeat=”no-repeat” border_size=”0″ border_color=”” border_style=”solid” border_position=”all” padding=”40px 12% 40px 12%” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”left” animation_speed=”” animation_offset=”” last=”no”][fusion_text]

کدهای کوتاه پاپ آپ مودال

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

[/fusion_text][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” borderstyle=”solid” paddingtop=”0px” paddingbottom=”60px” equal_height_columns=”no” hundred_percent=”no”][fusion_builder_row][fusion_builder_column type=”1_3″ layout=”1_3″ last=”no” spacing=”yes” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”” padding=”” class=”” id=”” min_height=”” hover_type=”none” link=”” border_position=”all”][fusion_imageframe image_id=”12652″ style_type=”none” stylecolor=”” hover_type=”none” bordersize=”0px” bordercolor=”” borderradius=”0″ align=”center” lightbox=”no” gallery_id=”” lightbox_image=”” alt=”” link=”” linktarget=”_self” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” animation_type=”” animation_direction=”up” animation_speed=”1.0″ animation_offset=””]http://zahrahajizadeh.ir/wp-content/uploads/2014/09/pages_3.jpg[/fusion_imageframe][fusion_separator style_type=”none” top_margin=”18″ /][fusion_text]

نمونه مودال بزرگ 1

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

[/fusion_text][fusion_separator style_type=”none” top_margin=”5″ /][fusion_button link=”” title=”” target=”_blank” link_attributes=”” alignment=”center” modal=”modal1″ hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” color=”default” button_gradient_top_color=”rgba(255,255,255,0)” button_gradient_bottom_color=”rgba(255,255,255,0)” button_gradient_top_color_hover=”” button_gradient_bottom_color_hover=”” accent_color=”rgba(000,000,000,.7)” accent_hover_color=”” type=”flat” bevel_color=”” border_width=”0px” size=”large” stretch=”default” shape=”round” icon=”” icon_position=”left” icon_divider=”yes” animation_type=”” animation_direction=”up” animation_speed=”1.0″ animation_offset=””]نمونه مودال بزرگ 1[/fusion_button][/fusion_builder_column][fusion_builder_column type=”1_3″ layout=”1_3″ last=”no” spacing=”yes” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”” padding=”” class=”” id=”” min_height=”” hover_type=”none” link=”” border_position=”all”][fusion_imageframe image_id=”12651″ style_type=”none” stylecolor=”” hover_type=”none” bordersize=”0px” bordercolor=”” borderradius=”0″ align=”center” lightbox=”no” gallery_id=”” lightbox_image=”” alt=”” link=”” linktarget=”_self” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” animation_type=”” animation_direction=”up” animation_speed=”1.0″ animation_offset=””]http://zahrahajizadeh.ir/wp-content/uploads/2014/09/pages_2.jpg[/fusion_imageframe][fusion_separator style_type=”none” top_margin=”18″ /][fusion_text]

نمونه مودال بزرگ 2

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

[/fusion_text][fusion_separator style_type=”none” top_margin=”5″ /][fusion_button link=”” title=”” target=”_blank” link_attributes=”” alignment=”center” modal=”modal2″ hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” color=”default” button_gradient_top_color=”rgba(255,255,255,0)” button_gradient_bottom_color=”rgba(255,255,255,0)” button_gradient_top_color_hover=”” button_gradient_bottom_color_hover=”” accent_color=”rgba(000,000,000,.7)” accent_hover_color=”” type=”flat” bevel_color=”” border_width=”0px” size=”large” stretch=”default” shape=”round” icon=”” icon_position=”left” icon_divider=”yes” animation_type=”” animation_direction=”up” animation_speed=”1.0″ animation_offset=””]نمونه مودال بزرگ 2[/fusion_button][/fusion_builder_column][fusion_builder_column type=”1_3″ layout=”1_3″ last=”yes” spacing=”yes” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”” padding=”” class=”” id=”” min_height=”” hover_type=”none” link=”” border_position=”all”][fusion_imageframe image_id=”12650″ style_type=”none” stylecolor=”” hover_type=”none” bordersize=”0px” bordercolor=”” borderradius=”0″ align=”center” lightbox=”no” gallery_id=”” lightbox_image=”” alt=”” link=”” linktarget=”_self” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” animation_type=”” animation_direction=”up” animation_speed=”1.0″ animation_offset=””]http://zahrahajizadeh.ir/wp-content/uploads/2014/09/pages_1.jpg[/fusion_imageframe][fusion_separator style_type=”none” top_margin=”18″ /][fusion_text]

نمونه مودال کوچک

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

[/fusion_text][fusion_separator style_type=”none” top_margin=”5″ /][fusion_button link=”” title=”” target=”_blank” link_attributes=”” alignment=”center” modal=”modal3″ hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” color=”default” button_gradient_top_color=”rgba(255,255,255,0)” button_gradient_bottom_color=”rgba(255,255,255,0)” button_gradient_top_color_hover=”” button_gradient_bottom_color_hover=”” accent_color=”rgba(000,000,000,.7)” accent_hover_color=”” type=”flat” bevel_color=”” border_width=”0px” size=”large” stretch=”default” shape=”round” icon=”” icon_position=”left” icon_divider=”yes” animation_type=”” animation_direction=”up” animation_speed=”1.0″ animation_offset=””]نمونه مودال کوچک[/fusion_button][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” video_mute=”yes” video_loop=”yes” fade=”yes” bordersize=”0px” bordercolor=”#eaeaea” borderstyle=”solid” paddingtop=”0px” paddingbottom=”0px” equal_height_columns=”no” hundred_percent=”no”][fusion_builder_row][fusion_builder_column type=”1_1″ layout=”1_1″ last=”yes” spacing=”yes” background_color=”#f6f6f6″ background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”solid” padding=”40px” class=”” id=”” min_height=”” hover_type=”none” link=”” border_position=”all”][fusion_text]

تنظیمات دیگر

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

[/fusion_text][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” borderstyle=”solid” paddingtop=”30px” paddingbottom=”60px” equal_height_columns=”no” hundred_percent=”no”][fusion_builder_row][fusion_builder_column type=”1_2″ layout=”1_2″ last=”no” spacing=”yes” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”” padding=”” class=”” id=”” min_height=”” hover_type=”none” link=”” border_position=”all”][fusion_button link=”” title=”” target=”_blank” link_attributes=”” alignment=”center” modal=”modal4″ hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” color=”default” button_gradient_top_color=”rgba(255,255,255,0)” button_gradient_bottom_color=”rgba(255,255,255,0)” button_gradient_top_color_hover=”” button_gradient_bottom_color_hover=”” accent_color=”rgba(000,000,000,.7)” accent_hover_color=”” type=”flat” bevel_color=”” border_width=”0px” size=”xlarge” stretch=”default” shape=”round” icon=”” icon_position=”left” icon_divider=”yes” animation_type=”” animation_direction=”up” animation_speed=”1.0″ animation_offset=””]تغییر رنگ پاپ آپ مودال[/fusion_button][/fusion_builder_column][fusion_builder_column type=”1_2″ layout=”1_2″ last=”yes” spacing=”yes” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”” padding=”” class=”” id=”” min_height=”” hover_type=”none” link=”” border_position=”all”][fusion_button link=”” title=”” target=”_blank” link_attributes=”” alignment=”center” modal=”modal5″ hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” color=”default” button_gradient_top_color=”rgba(255,255,255,0)” button_gradient_bottom_color=”rgba(255,255,255,0)” button_gradient_top_color_hover=”” button_gradient_bottom_color_hover=”” accent_color=”rgba(000,000,000,.7)” accent_hover_color=”” type=”flat” bevel_color=”” border_width=”0px” size=”xlarge” stretch=”default” shape=”round” icon=”” icon_position=”left” icon_divider=”yes” animation_type=”” animation_direction=”up” animation_speed=”1.0″ animation_offset=””]نمایش یا مخفی کردن فوتر[/fusion_button][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container backgroundimage=”http://zahrahajizadeh.ir/wp-content/uploads/2014/11/home_slider.jpg” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”1px” borderstyle=”solid” paddingtop=”35px” paddingbottom=”75px” equal_height_columns=”no” hundred_percent=”no”][fusion_builder_row][fusion_builder_column type=”1_1″ layout=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”no” center_content=”no” min_height=”none” last=”no” hover_type=”none” link=”” border_position=”all”][fusion_text]

به جمع کاربران ایران آوادا بپیوندید

[/fusion_text][fusion_button link=”http://iranavada.ir” title=”” target=”_blank” link_attributes=”” alignment=”center” modal=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” color=”custom” button_gradient_top_color=”rgba(255,255,255,.1)” button_gradient_bottom_color=”rgba(255,255,255,.1)” button_gradient_top_color_hover=”rgba(255, 255, 255, 0.25)” button_gradient_bottom_color_hover=”rgba(255, 255, 255, 0.25)” accent_color=”rgba(255,255,255,.8)” accent_hover_color=”#ffffff” type=”flat” bevel_color=”” border_width=”2px” size=”xlarge” stretch=”default” shape=”round” icon=”” icon_position=”left” icon_divider=”yes” animation_type=”fade” animation_direction=”up” animation_speed=”1.0″ animation_offset=””]مشاوره رایگان[/fusion_button][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container hundred_percent=”yes” overflow=”visible”][fusion_builder_row][fusion_builder_column type=”1_1″ layout=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”no” center_content=”no” min_height=”none” last=”no” hover_type=”none” link=”” border_position=”all”][fusion_modal name=”modal1″ title=”قراردادن هر نوع المانی در مودال” size=”large” background=”” border_color=”” show_footer=”yes” class=”” id=””][fusion_counters_circle class=”” id=””]
[fusion_counter_circle filledcolor=”” unfilledcolor=”#eaeaea” size=”190″ scales=”no” countdown=”no” speed=”1500″ value=”95″]Text[/fusion_counter_circle]
[fusion_counter_circle filledcolor=”” unfilledcolor=”#eaeaea” size=”190″ scales=”no” countdown=”no” speed=”1500″ value=”88″]Text[/fusion_counter_circle]
[fusion_counter_circle filledcolor=”” unfilledcolor=”#eaeaea” size=”190″ scales=”no” countdown=”no” speed=”1500″ value=”80″]Text[/fusion_counter_circle]
[fusion_counter_circle filledcolor=”” unfilledcolor=”#eaeaea” size=”190″ scales=”no” countdown=”no” speed=”1500″ value=”78″]Text[/fusion_counter_circle]
[/fusion_counters_circle]
[fusion_separator style_type=”single solid” top_margin=”15″ bottom_margin=”50″ sep_color=”#cdcdcd” icon=”fa-chevron-down” width=”820px” class=”” id=””/]
[fusion_progress percentage=”95″ unit=”%” filledcolor=”” unfilledcolor=”#eaeaea” striped=”yes” animated_stripes=”yes” textcolor=”” class=”” id=””]Text here[/fusion_progress]
[fusion_progress percentage=”80″ unit=”%” filledcolor=”” unfilledcolor=”#eaeaea” striped=”yes” animated_stripes=”yes” textcolor=”” class=”” id=””]Text here[/fusion_progress]
[fusion_progress percentage=”85″ unit=”%” filledcolor=”” unfilledcolor=”#eaeaea” striped=”yes” animated_stripes=”yes” textcolor=”” class=”” id=””]Text here[/fusion_progress]
[fusion_progress percentage=”90″ unit=”%” filledcolor=”” unfilledcolor=”#eaeaea” striped=”yes” animated_stripes=”yes” textcolor=”” class=”” id=””]Text here[/fusion_progress][/fusion_modal][/fusion_builder_column][fusion_builder_column type=”1_1″ layout=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”no” center_content=”no” min_height=”none” last=”no” hover_type=”none” link=”” border_position=”all”][fusion_modal name=”modal2″ title=”نمایش کلیپ در مودال” size=”large” background=”” border_color=”” show_footer=”yes” class=”” id=””][fusion_youtube id=”hsEUBLIJvmE” width=”880″ height=”504″ autoplay=”no” api_params=”” class=””/]
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.[/fusion_modal][/fusion_builder_column][fusion_builder_column type=”1_1″ layout=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”no” center_content=”no” min_height=”none” last=”no” hover_type=”none” link=”” border_position=”all”][fusion_modal name=”modal3″ title=”نمونه ای از مودال” size=”small” background=”” border_color=”” show_footer=”yes” class=”” id=””]

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

[/fusion_modal][/fusion_builder_column][fusion_builder_column type=”1_1″ layout=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”no” center_content=”no” min_height=”none” last=”no” hover_type=”none” link=”” border_position=”all”][fusion_modal name=”modal4″ title=”رنگ پس زمینه سفارشی ” size=”small” background=”#53edc4″ border_color=”#3e3e3e” show_footer=”yes” class=”” id=””]

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

[/fusion_modal][/fusion_builder_column][fusion_builder_column type=”1_1″ layout=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”no” center_content=”no” min_height=”none” last=”no” hover_type=”none” link=”” border_position=”all”][fusion_modal name=”modal5″ title=”نمایش یا مخفی کردن فوتر مودال در پنجره پاپ آپ” size=”large” background=”” border_color=”” show_footer=”no” class=”” id=””]

نمونه‌ ای از مودال

[fusion_separator style_type=”single solid” top_margin=”15″ bottom_margin=”10″ sep_color=”#cdcdcd” icon=”fa-heart-o” width=”820px” class=”” id=””/]
test_graphic[/fusion_modal][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container]