[av_section min_height=’50’ min_height_px=’500px’ padding=’default’ shadow=’no-shadow’ bottom_border=’no-border-styling’ bottom_border_diagonal_color=’#333333′ bottom_border_diagonal_direction=” bottom_border_style=” scroll_down=’aviaTBscroll_down’ id=’Newsletter’ color=’main_color’ custom_bg=” src=’https://irprogram.com/wp-content/uploads/2017/01/img-jumbotron-bg.jpg’ attachment=’4864′ attachment_size=’full’ attach=’fixed’ position=’center center’ repeat=’stretch’ video=” video_ratio=’16:9′ overlay_opacity=’0.5′ overlay_color=” overlay_pattern=” overlay_custom_pattern=” av_element_hidden_in_editor=’0′ av_uid=’av-ztxank’]
[av_one_third first min_height=” vertical_alignment=” space=” custom_margin=” margin=’0px’ padding=’0px’ border=” border_color=” radius=’0px’ background_color=” src=” background_position=’top left’ background_repeat=’no-repeat’ animation=” mobile_breaking=” mobile_display=” av_uid=’av-yflqls’]

[av_image src=’https://irprogram.com/wp-content/uploads/2018/11/visual-composer.png’ attachment=’16197′ attachment_size=’full’ align=’center’ styling=” hover=” link=” target=” caption=” font_size=” appearance=” overlay_opacity=’0.4′ overlay_color=’#000000′ overlay_text_color=’#ffffff’ copyright=” animation=’no-animation’ av_uid=’av-vuc6ow’ custom_class=” admin_preview_bg=”][/av_image]

[/av_one_third][av_two_third min_height=” vertical_alignment=” space=” custom_margin=” margin=’0px’ padding=’0px’ border=” border_color=” radius=’0px’ background_color=” src=” background_position=’top left’ background_repeat=’no-repeat’ animation=” mobile_breaking=” mobile_display=” av_uid=’av-uaexu8′]

[av_heading heading=’آموزش المان single image در ویژوال کامپوزر’ tag=’h1′ style=’blockquote modern-quote’ size=” subheading_active=” subheading_size=’15’ margin=” margin_sync=’true’ padding=’10’ color=’custom-color-heading’ custom_font=’#ffffff’ av-medium-font-size-title=” av-small-font-size-title=” av-mini-font-size-title=” av-medium-font-size=” av-small-font-size=” av-mini-font-size=” av_uid=’av-jpauiu05′ custom_class=” admin_preview_bg=”][/av_heading]

[/av_two_third]
[/av_section]

[av_one_third first min_height=” vertical_alignment=’av-align-top’ space=” custom_margin=’aviaTBcustom_margin’ margin=’20px’ margin_sync=’true’ padding=’20px’ padding_sync=’true’ border=” border_color=’#c1c1c1′ radius=’5px’ radius_sync=’true’ background_color=’#ffffff’ src=” attachment=” attachment_size=” background_position=’top left’ background_repeat=’no-repeat’ animation=’top-to-bottom’ mobile_breaking=” mobile_display=” av_uid=’av-romb74′]

[av_iconlist position=’right’ iconlist_styling=” custom_title_size=’14’ custom_content_size=” font_color=” custom_title=’#0a0909′ custom_content=’#0c0b0b’ color=’custom’ custom_bg=’#3498db’ custom_font=” custom_border=” av-medium-font-size-title=” av-small-font-size-title=” av-mini-font-size-title=” av-medium-font-size=” av-small-font-size=” av-mini-font-size=” av_uid=’av-phh5r4′ custom_class=” admin_preview_bg=”]
[av_iconlist_item title=’مدرس دوره’ link=” linktarget=” linkelement=” icon=’ue80a’ font=’entypo-fontello’ av_uid=’av-2831snc’]
فرزانه نقش بندی
[/av_iconlist_item]
[av_iconlist_item title=’زمان دوره ‘ link=” linktarget=” linkelement=” icon=’ue845′ font=’entypo-fontello’ av_uid=’av-1pld160′]
7 دقیقه
[/av_iconlist_item]
[av_iconlist_item title=’حجم دوره ‘ link=” linktarget=” linkelement=” icon=’ue82d’ font=’entypo-fontello’ av_uid=’av-13p59e0′]
48 مگابایت
[/av_iconlist_item]
[av_iconlist_item title=’محتوای دوره ‘ link=” linktarget=” linkelement=” icon=’ue8d1′ font=’entypo-fontello’ av_uid=’av-lxnkiw’]
یک ویدئو آموزشی
[/av_iconlist_item]
[/av_iconlist]

[av_hr class=’invisible’ height=’50’ shadow=’no-shadow’ position=’center’ custom_border=’av-border-thin’ custom_width=’50px’ custom_border_color=” custom_margin_top=’30px’ custom_margin_bottom=’30px’ icon_select=’yes’ custom_icon_color=” icon=’ue808′ font=’entypo-fontello’ admin_preview_bg=” av_uid=’av-hb6lfk’]

[av_textblock size=” font_color=” color=” av-medium-font-size=” av-small-font-size=” av-mini-font-size=” admin_preview_bg=” av_uid=’av-g3qlf4′]
[av_dropcap2 color=”custom” custom_bg=”#ecf0f1″]این آموزش رایگان است![/av_dropcap2]
[/av_textblock]

[av_hr class=’invisible’ height=’50’ shadow=’no-shadow’ position=’center’ custom_border=’av-border-thin’ custom_width=’50px’ custom_border_color=” custom_margin_top=’30px’ custom_margin_bottom=’30px’ icon_select=’yes’ custom_icon_color=” icon=’ue808′ font=’entypo-fontello’ admin_preview_bg=” av_uid=’av-8tfnfk’]

[av_productlist categories=’2305′ columns=’1′ items=’100′ wc_prod_visible=” wc_prod_hidden=” wc_prod_featured=” offset=’0′ sort=’date’ paginate=’no’ link_behavior=” show_images=’yes’ av_uid=’av-jp5b7rnd’ custom_class=”]

[/av_one_third][av_two_third min_height=” vertical_alignment=’av-align-top’ space=” margin=’0px’ margin_sync=’true’ padding=’20px’ padding_sync=’true’ border=” border_color=” radius=’5px’ radius_sync=’true’ background_color=’#ffffff’ src=” attachment=” attachment_size=” background_position=’top left’ background_repeat=’no-repeat’ animation=’pop-up’ mobile_breaking=” mobile_display=” av_uid=’av-86pbk0′]
[av_textblock size=’14’ font_color=” color=” av-medium-font-size=” av-small-font-size=” av-mini-font-size=” av_uid=’av-5pul8g’ custom_class=” admin_preview_bg=”]

ویدئو آموزش المان single image در ویژوال کامپوزر

در این قسمت از آموزش ویژوال کامپوزر در خدمت شما هستیم با آموزش المان single image در ویژوال کامپوزر .المان single image یا تصویر تکی کی از المان های پرکاربرد ویژوال کامپوزره که هر موقع که بخواهیم برای نمایش عکس در صفحه استفاده کنیم از این المان استفاده میکنیم .

المان single image در ویژوال کامپوزر

با استفاده از المان تصویر تکی هر نوع عکسی را با افکت های متنوع در صفحه قرار دهید همچنین میتوانید عکس را در فرمت های  jpeg , bmp , png , gif  در سایت قرار دهید .

اضافه نمودن المان تصویر تکی در ویژوال کامپوزر

برای اضافه کردن المان تصویر تکی از + در تصویر زیر استفاده کنید و از قسمت جعبه ابزار المان single image را انتخاب کنید بعد از انتخاب المان وارد قسمت تنظیمات المان میشوید و میتوانید قسمت های مختلف را تغییر دهید و المان را شخصی سازی کنید .

در تب general این ویژگی ها را میبینید که در آموزش ویدئویی به صورت کامل در مورد این ویژگی ها صحبت کردیم :

  • عنوان ابزارک
  • آدرس تصویر
  • تصویر یا لینک خارجی
  • سایز تصویر
  • اضافه کردن عنوان
  • جای تصویر
  • استایل تصویر
  • عملکرد کلیک کردن
  • css متحرک
  • آی دی و کلاس اضافی

در تب تنظیمات طراحی نیز می توانید سایر خصوصیات دلخواه حاشیه و مارجین و پس زمینه را تنظیم نمایید.


[/av_textblock]

[av_product_upsells display=’upsells related’ count=’5′ wc_prod_visible=” av_uid=’av-jp5b73e7′ custom_class=”]

[av_hr class=’custom’ height=’50’ shadow=’no-shadow’ position=’center’ custom_border=’av-border-thin’ custom_width=’100px’ custom_border_color=’#bdc3c7′ custom_margin_top=’30px’ custom_margin_bottom=’30px’ icon_select=’yes’ custom_icon_color=” icon=’ue883′ font=’entypo-fontello’ admin_preview_bg=” av_uid=’av-3pmhu8′]

[av_comments_list av-desktop-hide=” av-medium-hide=” av-small-hide=” av-mini-hide=” av_uid=’av-2ew6kg’]
[/av_two_third]

دیدگاهها

هیچ دیدگاهی برای این محصول نوشته نشده است.

اولین نفری باشید که دیدگاهی را ارسال می کنید برای “آموزش المان single image در ویژوال کامپوزر”

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *