لایت باکس

[vc_row][vc_column][vc_custom_heading text=”شورتکد لایت باکس” use_theme_fonts=”yes” el_class=”shorter”][vc_column_text]لایت باکس ها توسط کد های ویژوال کامپوزر تک عکسه هدایت می شوند.[/vc_column_text][vc_separator color=”custom” gap=”tall” gradient=”yes”][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text=”تک عکس” font_container=”tag:h4|text_align:left” use_theme_fonts=”yes” el_class=”m-b-none”][vc_column_text]popup های ساده با استایل های متفاوت.[/vc_column_text][vc_row_inner][vc_column_inner width=”1/4″][vc_custom_heading text=”پیشفرض” font_container=”tag:h5|text_align:left” use_theme_fonts=”yes”][vc_single_image source=”external_link” onclick=”img_link_large” lightbox=”yes” custom_src=”http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-2.jpg”][/vc_column_inner][vc_column_inner width=”1/4″][vc_custom_heading text=”پیشفرض به همراه حاشیه” font_container=”tag:h5|text_align:left” use_theme_fonts=”yes”][vc_single_image source=”external_link” external_style=”vc_box_outline” onclick=”img_link_large” lightbox=”yes” custom_src=”http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-2.jpg”][/vc_column_inner][vc_column_inner width=”1/4″][vc_custom_heading text=”همراه با آیکون” font_container=”tag:h5|text_align:left” use_theme_fonts=”yes”][vc_single_image source=”external_link” external_style=”vc_box_outline” onclick=”img_link_large” lightbox=”yes” zoom_icon=”yes” custom_src=”http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-4.jpg”][/vc_column_inner][vc_column_inner width=”1/4″][vc_custom_heading text=”افکت hover” font_container=”tag:h5|text_align:left” use_theme_fonts=”yes”][vc_single_image source=”external_link” external_style=”vc_box_outline” onclick=”img_link_large” lightbox=”yes” hover_effect=”yes” custom_src=”http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-4.jpg”][/vc_column_inner][/vc_row_inner][vc_separator color=”custom” gap=”tall” gradient=”yes”][/vc_column][/vc_row][vc_row][vc_column width=”1/2″][vc_custom_heading text=”گالری تصویر ساده” font_container=”tag:h4|text_align:left” use_theme_fonts=”yes” el_class=”m-b-none”][vc_column_text css=”.vc_custom_1534065598174{margin-bottom: 20px !important;}”]گالری عکس در همان ردیف[/vc_column_text][vc_row_inner][vc_column_inner width=”1/3″][vc_single_image source=”external_link” external_style=”vc_box_outline” onclick=”img_link_large” lightbox=”yes” image_gallery=”yes” custom_src=”http://sw-themes.com/porto_dummy/wp-content/uploads/images/project.jpg”][/vc_column_inner][vc_column_inner width=”1/3″][vc_single_image source=”external_link” external_style=”vc_box_outline” onclick=”img_link_large” lightbox=”yes” image_gallery=”yes” custom_src=”http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-1.jpg”][/vc_column_inner][vc_column_inner width=”1/3″][vc_single_image source=”external_link” external_style=”vc_box_outline” onclick=”img_link_large” lightbox=”yes” image_gallery=”yes” custom_src=”http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-2.jpg”][/vc_column_inner][/vc_row_inner][/vc_column][vc_column width=”1/2″][vc_custom_heading text=”گالری تصویر زوم” font_container=”tag:h4|text_align:left” use_theme_fonts=”yes” el_class=”m-b-none”][vc_column_text css=”.vc_custom_1534065658605{margin-bottom: 20px !important;}”]گالری عکس در همان ردیف[/vc_column_text][vc_row_inner][vc_column_inner width=”1/3″][vc_single_image source=”external_link” external_style=”vc_box_outline” onclick=”img_link_large” lightbox=”yes” image_gallery=”yes” hover_effect=”yes” custom_src=”http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-4.jpg”][/vc_column_inner][vc_column_inner width=”1/3″][vc_single_image source=”external_link” external_style=”vc_box_outline” onclick=”img_link_large” lightbox=”yes” image_gallery=”yes” hover_effect=”yes” custom_src=”http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-5.jpg”][/vc_column_inner][vc_column_inner width=”1/3″][vc_single_image source=”external_link” external_style=”vc_box_outline” onclick=”img_link_large” lightbox=”yes” image_gallery=”yes” hover_effect=”yes” custom_src=”http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-6.jpg”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row][vc_column][vc_separator color=”custom” gap=”tall” gradient=”yes”][vc_custom_heading text=”گالری تصویر زوم + کروسل” font_container=”tag:h4|text_align:left” use_theme_fonts=”yes”][/vc_column][/vc_row][vc_row css=”.vc_custom_1434108880060{margin-right: -15px !important;margin-left: -15px !important;}”][vc_column][porto_carousel show_nav=”yes”][vc_single_image source=”external_link” external_style=”vc_box_outline” onclick=”img_link_large” lightbox=”yes” image_gallery=”yes” hover_effect=”yes” custom_src=”http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-1.jpg”][vc_single_image source=”external_link” external_style=”vc_box_outline” onclick=”img_link_large” lightbox=”yes” image_gallery=”yes” hover_effect=”yes” custom_src=”http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-2.jpg”][vc_single_image source=”external_link” external_style=”vc_box_outline” onclick=”img_link_large” lightbox=”yes” image_gallery=”yes” hover_effect=”yes” custom_src=”http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-3.jpg”][vc_single_image source=”external_link” external_style=”vc_box_outline” onclick=”img_link_large” lightbox=”yes” image_gallery=”yes” hover_effect=”yes” custom_src=”http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-4.jpg”][vc_single_image source=”external_link” external_style=”vc_box_outline” onclick=”img_link_large” lightbox=”yes” image_gallery=”yes” hover_effect=”yes” custom_src=”http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-5.jpg”][vc_single_image source=”external_link” external_style=”vc_box_outline” onclick=”img_link_large” lightbox=”yes” image_gallery=”yes” hover_effect=”yes” custom_src=”http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-6.jpg”][vc_single_image source=”external_link” external_style=”vc_box_outline” onclick=”img_link_large” lightbox=”yes” image_gallery=”yes” hover_effect=”yes” custom_src=”http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-7.jpg”][vc_single_image source=”external_link” external_style=”vc_box_outline” onclick=”img_link_large” lightbox=”yes” image_gallery=”yes” hover_effect=”yes” custom_src=”http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-1.jpg”][vc_single_image source=”external_link” external_style=”vc_box_outline” onclick=”img_link_large” lightbox=”yes” image_gallery=”yes” hover_effect=”yes” custom_src=”http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-2.jpg”][vc_single_image source=”external_link” external_style=”vc_box_outline” onclick=”img_link_large” lightbox=”yes” image_gallery=”yes” hover_effect=”yes” custom_src=”http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-3.jpg”][/porto_carousel][/vc_column][/vc_row][vc_row][vc_column][vc_separator color=”custom” gap=”tall” gradient=”yes”][vc_custom_heading text=”دیالوگ همراه با انیمیشن CSS” font_container=”tag:h4|text_align:left” use_theme_fonts=”yes”][vc_column_text css=”.vc_custom_1534065758363{margin-bottom: 20px !important;}”]انیمیشن ها با انتقال ساده CSS اضافه می شوند، اما شما می توانید آنها را نگاه کنید.
[/vc_column_text][porto_lightbox type=”btn” btn_skin=”primary” lightbox_animation=”zoom-anim” lightbox_size=”sm” text=”باز شدن به همراه انیمیشن fade-zoom”][vc_custom_heading text=”Dialog example” font_container=”tag:h1|text_align:left” use_theme_fonts=”yes”][vc_column_text]This is dummy copy. It is not meant to be read. It has been placed here solely to demonstrate the look and feel of finished, typeset text. Only for show. He who searches for meaning here will be sorely disappointed.[/vc_column_text][/porto_lightbox][porto_lightbox type=”btn” btn_skin=”primary” lightbox_animation=”move-anim” lightbox_size=”sm” text=”باز شدن به همراه انیمیشن fade-slide”][vc_custom_heading text=”Dialog example” font_container=”tag:h1|text_align:left” use_theme_fonts=”yes”][vc_column_text]This is dummy copy. It is not meant to be read. It has been placed here solely to demonstrate the look and feel of finished, typeset text. Only for show. He who searches for meaning here will be sorely disappointed.[/vc_column_text][/porto_lightbox][/vc_column][/vc_row][vc_row][vc_column][vc_separator color=”custom” gap=”tall” gradient=”yes”][vc_custom_heading text=”Popup همراه با ویدئو و نقشه” font_container=”tag:h4|text_align:left” use_theme_fonts=”yes”][vc_column_text css=”.vc_custom_1534066458535{margin-bottom: 20px !important;}”]در این نمونه لایت باکس، بصورت پیش فرض در اسکرین های سایز کوچک غیر فعال شده و رفتار های پیش فرض آن از روی لینک ها قابل ویرایش است.
[/vc_column_text][vc_row_inner][vc_column_inner width=”1/3″][porto_lightbox display=”block” type=”btn” btn_skin=”primary” lightbox_type=”iframe” text=”ویدئو یوتیوب باز شود” iframe_url=”http://www.youtube.com/watch?v=0O2aH4XLbto”][/porto_lightbox][/vc_column_inner][vc_column_inner width=”1/3″][porto_lightbox display=”block” type=”btn” btn_skin=”primary” lightbox_type=”iframe” text=”ویمو ویدئو باز شود” iframe_url=”https://vimeo.com/45830194″][/porto_lightbox][/vc_column_inner][vc_column_inner width=”1/3″][porto_lightbox display=”block” type=”btn” btn_skin=”primary” lightbox_type=”iframe” text=”نقشه گوگل باز شود” iframe_url=”https://maps.google.com/maps?q=221B+Baker+Street,+London,+United+Kingdom&hl=en&t=v&hnear=221B+Baker+St,+London+NW1+6XE,+United+Kingdom”][/porto_lightbox][/vc_column_inner][/vc_row_inner][vc_separator color=”custom” gradient=”yes”][vc_row_inner][vc_column_inner width=”1/3″][porto_lightbox display=”block” lightbox_type=”iframe” text=”ویدئو یوتیوب باز شود” iframe_url=”http://www.youtube.com/watch?v=0O2aH4XLbto”][/porto_lightbox][/vc_column_inner][vc_column_inner width=”1/3″][porto_lightbox display=”block” lightbox_type=”iframe” text=”ویمو ویدئو باز شود” iframe_url=”https://vimeo.com/45830194″][/porto_lightbox][/vc_column_inner][vc_column_inner width=”1/3″][porto_lightbox display=”block” lightbox_type=”iframe” text=”نقشه گوگل باز شود” iframe_url=”https://maps.google.com/maps?q=221B+Baker+Street,+London,+United+Kingdom&hl=en&t=v&hnear=221B+Baker+St,+London+NW1+6XE,+United+Kingdom”][/porto_lightbox][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row][vc_column][vc_separator color=”custom” gap=”tall” gradient=”yes”][vc_row_inner][vc_column_inner width=”1/2″][vc_custom_heading text=”آژاکس” font_container=”tag:h4|text_align:left” use_theme_fonts=”yes”][vc_column_text css=”.vc_custom_1534066554663{margin-bottom: 20px !important;}”]شما کنترل کاملی از آنچه که در پنجره ظاهر می شود، کنترل آن را به هر طرف از طریق CSS، فعال یا غیرفعال کردن پیمایش در سمت راست پنجره.[/vc_column_text][porto_lightbox type=”btn” btn_skin=”primary” lightbox_type=”ajax” text=”محتوای آژاکس لود شود” ajax_url=”http://sw-themes.com/porto_dummy-lightboxes-ajax.html”][/porto_lightbox][/vc_column_inner][vc_column_inner width=”1/2″][vc_custom_heading text=”فرم” font_container=”tag:h4|text_align:left” use_theme_fonts=”yes”][vc_column_text css=”.vc_custom_1534066614338{margin-bottom: 20px !important;}”]اگر پنجره باز و بسته شود یا اگر شما به یک صفحه دیگر بروید، داده وارد شده را از دست نمیدهید و سپس دکمه بازبینی را فشار دهید.[/vc_column_text][porto_lightbox type=”btn” btn_skin=”primary” text=”فرم باز شود”]