#html #css #bootstrap-4
Вопрос:
Я хотел превратить представление страницы моей учетной записи в представление с одним столбцом, прямо сейчас у нее есть боковая панель слева, я хочу изменить ее встроенное представление для вкладок, списки вкладок вверху в горизонтальном представлении, как навигация, и под данными вкладки. Я пытался, но не получил того представления, которое я ищу, если кто-нибудь может помочь мне достичь этого представления, я буду очень благодарен.
lt;div id="profile-account2" class="bootstrap-wrapper around-separetor"gt; lt;div class="row margin-top-10"gt; lt;div class="col-md-4 col-sm-4 col-xs-12"gt; lt;!-- BEGIN PROFILE SIDEBAR --gt; lt;div class="profile-sidebar"gt; lt;!-- PORTLET MAIN --gt; lt;div class="portlet portlet0 light profile-sidebar-portlet"gt; lt;!-- SIDEBAR USERPIC --gt; lt;div class="profile-userpic text-center" id="profile_image_main"gt; lt;?php $iv_profile_pic_url=get_user_meta($current_user-gt;ID, 'iv_profile_pic_thum',true); if($iv_profile_pic_url!=''){ ?gt; lt;img src="lt;?php echo esc_url($iv_profile_pic_url); ?gt;"gt; lt;?php }else{ echo' lt;img src="'. wp_iv_property_URLPATH.'assets/images/Blank-Profile.jpg"gt;'; } ?gt; lt;/divgt; lt;!-- END SIDEBAR USERPIC --gt; lt;!-- SIDEBAR USER TITLE --gt; lt;div class="profile-usertitle"gt; lt;div class="profile-usertitle-name"gt; lt;?php $name_display=get_user_meta($current_user-gt;ID,'first_name',true).' '.get_user_meta($current_user-gt;ID,'last_name',true); echo (trim($name_display)!=""? $name_display : $current_user-gt;display_name );?gt; lt;/divgt; lt;div class="profile-usertitle-job"gt; lt;?php echo esc_html(get_user_meta($current_user-gt;ID,'occupation',true)); ?gt; lt;/divgt; lt;/divgt; lt;!-- END SIDEBAR USER TITLE --gt; lt;!-- SIDEBAR BUTTONS --gt; lt;div class="profile-userbuttons"gt; lt;button type="button" onclick="edit_profile_image('profile_image_main');" class="btn green-haze btn-circle"gt;lt;?php esc_html_e('Change Image','ivproperty'); ?gt; lt;/buttongt; lt;/divgt; lt;!-- END SIDEBAR BUTTONS --gt; lt;!-- SIDEBAR MENU --gt; lt;div class="profile-usermenu"gt; lt;?php $active='all-post'; if(isset($_GET['profile']) AND $_GET['profile']=='setting' ){ $active='setting'; } if(isset($_GET['profile']) AND $_GET['profile']=='level' ){ $active='level'; } if(isset($_GET['profile']) AND $_GET['profile']=='all-post' ){ $active='all-post'; } if(isset($_GET['profile']) AND $_GET['profile']=='new-post' ){ $active='new-post'; } if(isset($_GET['profile']) AND $_GET['profile']=='new-post' ){ $active='new-post'; } if(isset($_GET['profile']) AND $_GET['profile']=='bidding' ){ $active='bidding'; } if(isset($_GET['profile']) AND $_GET['profile']=='favorites' ){ $active='favorites'; } if(isset($_GET['profile']) AND $_GET['profile']=='who-is-interested' ){ $active='who-is-interested'; } if(isset($_GET['profile']) AND $_GET['profile']=='balance' ){ $active='balance'; } if(isset($_GET['profile']) AND $_GET['profile']=='post-edit' ){ $active='all-post'; } $post_type= 'property'; ?gt; lt;ul class="nav"gt; lt;?php $account_menu_check= ''; if( get_option( '_iv_property_menu_listinghome' ) ) { $account_menu_check= get_option('_iv_property_menu_listinghome'); } if($account_menu_check!='yes'){ ?gt; lt;li class=""gt; lt;a href="lt;?php echo get_post_type_archive_link( 'property' ) ; ?gt;"gt; lt;i class="fas fa-home"gt;lt;/igt; lt;?php esc_html_e('Listing Home','ivproperty'); ?gt; lt;/agt; lt;/ligt; lt;?php } ?gt; lt;?php $account_menu_check= ''; if( get_option( '_iv_property_mylevel' ) ) { $account_menu_check= get_option('_iv_property_mylevel'); } if($account_menu_check!='yes'){ ?gt; lt;li class="lt;?php echo ($active=='level'? 'active':''); ?gt; "gt; lt;a href="lt;?php echo get_permalink(); ?gt;?amp;profile=level"gt; lt;i class="fas fa-user-clock"gt;lt;/igt; lt;?php esc_html_e('Membership Level','ivproperty'); ?gt; lt;/agt; lt;/ligt; lt;?php } ?gt; lt;?php $account_menu_check= ''; if( get_option( '_iv_property_menusetting' ) ) { $account_menu_check= get_option('_iv_property_menusetting'); } if($account_menu_check!='yes'){ ?gt; lt;li class="lt;?php echo ($active=='setting'? 'active':''); ?gt; "gt; lt;a href="lt;?php echo get_permalink(); ?gt;?amp;profile=setting"gt; lt;i class="fa fa-cog"gt;lt;/igt; lt;?php esc_html_e('Account Settings','ivproperty');?gt; lt;/agt; lt;/ligt; lt;?php } ?gt; lt;?php $account_menu_check= ''; if( get_option( '_iv_property_menuallpost' ) ) { $account_menu_check= get_option('_iv_property_menuallpost'); } if($account_menu_check!='yes'){ ?gt; lt;li class="lt;?php echo ($active=='all-post'? 'active':''); ?gt; "gt; lt;a href="lt;?php echo get_permalink(); ?gt;?amp;profile=all-post"gt; lt;i class="fas fa-list-ul"gt;lt;/igt; lt;?php esc_html_e('All Listing','ivproperty');?gt; lt;/agt; lt;/ligt; lt;?php } ?gt; lt;?php $account_menu_check= ''; if( get_option( '_iv_property_menunewlisting' ) ) { $account_menu_check= get_option('_iv_property_menunewlisting'); } if($account_menu_check!='yes'){ ?gt; lt;li class="lt;?php echo ($active=='new-post'? 'active':''); ?gt; "gt; lt;a href="lt;?php echo get_permalink(); ?gt;?amp;profile=new-post"gt; lt;i class="fas fa-plus-circle"gt;lt;/igt; lt;?php esc_html_e('New Listing','ivproperty');?gt; lt;/agt; lt;/ligt; lt;?php } ?gt; lt;?php $account_menu_check= ''; if( get_option( '_iv_property_menufavorites' ) ) { $account_menu_check= get_option('_iv_property_menufavorites'); } if($account_menu_check!='yes'){ ?gt; lt;li class="lt;?php echo ($active=='favorites'? 'active':''); ?gt; "gt; lt;a href="lt;?php echo get_permalink(); ?gt;?amp;profile=favorites"gt; lt;i class="fas fa-heart"gt;lt;/igt; lt;?php esc_html_e('My Favorites','ivproperty');?gt; lt;/agt; lt;/ligt; lt;?php } ?gt; lt;?php $account_menu_check= ''; if( get_option( '_iv_property_menuinterested' ) ) { $account_menu_check= get_option('_iv_property_menuinterested'); } if($account_menu_check!='yes'){ ?gt; lt;li class="lt;?php echo ($active=='who-is-interested'? 'active':''); ?gt; "gt; lt;a href="lt;?php echo get_permalink(); ?gt;?amp;profile=who-is-interested"gt; lt;i class="fas fa-user-plus"gt;lt;/igt; lt;?php esc_html_e('Who is Interested','ivproperty');?gt; lt;/agt; lt;/ligt; lt;?php } ?gt; lt;?php $old_custom_menu = array(); if(get_option('iv_property_profile_menu')){ $old_custom_menu=get_option('iv_property_profile_menu' ); } $ii=1; if($old_custom_menu!=''){ foreach ( $old_custom_menu as $field_key =gt; $field_value ) { ?gt; lt;li class="lt;?php echo ($active=='new-post'? 'active':''); ?gt; "gt; lt;a href="lt;?php echo esc_url($field_value); ?gt;"gt; lt;i class="fa fa-cog"gt;lt;/igt; lt;?php echo esc_html($field_key);?gt; lt;/agt; lt;/ligt; lt;?php } } ?gt; lt;li class="lt;?php echo ($active=='log-out'? 'active':''); ?gt; "gt; lt;a href="lt;?php echo wp_logout_url( home_url() ); ?gt;" gt; lt;i class="fas fa-sign-out-alt"gt;lt;/igt; lt;?php esc_html_e('Sign out','ivproperty');?gt; lt;/agt; lt;/ligt; lt;/ulgt; lt;/divgt; lt;!-- END MENU --gt; lt;/divgt; lt;!-- END PORTLET MAIN --gt; lt;!-- PORTLET MAIN --gt; lt;!-- END PORTLET MAIN --gt; lt;/divgt; lt;/divgt; lt;!-- END BEGIN PROFILE SIDEBAR --gt; lt;!-- BEGIN PROFILE CONTENT --gt; lt;?php ?gt; lt;div class="col-md-8 col-sm-8 col-xs-12"gt; lt;?php if(isset($_GET['profile']) AND $_GET['profile']=='all-post' ){ include( wp_iv_property_template. 'private-profile/profile-all-post-1.php'); } elseif(isset($_GET['profile']) AND $_GET['profile']=='bidding' ){ include( wp_iv_property_template. 'private-profile/bidding-1.php'); } elseif(isset($_GET['profile']) AND $_GET['profile']=='new-post' ){ include( wp_iv_property_template. 'private-profile/profile-new-post-1.php'); }elseif(isset($_GET['profile']) AND $_GET['profile']=='new-post' ){ include( wp_iv_property_template. 'private-profile/profile-new-post-1.php'); }elseif(isset($_GET['profile']) AND $_GET['profile']=='level' ){ include( wp_iv_property_template. 'private-profile/profile-level-1.php'); }elseif(isset($_GET['profile']) AND $_GET['profile']=='post-edit' ){ include( wp_iv_property_template. 'private-profile/profile-edit-post-1.php'); }elseif(isset($_GET['profile']) AND $_GET['profile']=='favorites' ){ include( wp_iv_property_template. 'private-profile/my-favorites-1.php'); }elseif(isset($_GET['profile']) AND $_GET['profile']=='who-is-interested' ){ include( wp_iv_property_template. 'private-profile/interested-1.php'); }elseif(isset($_GET['profile']) AND $_GET['profile']=='setting' ){ include( wp_iv_property_template. 'private-profile/profile-setting-1.php'); } else{ include( wp_iv_property_template. 'private-profile/profile-all-post-1.php'); } ?gt; lt;/divgt; lt;/divgt; lt;/divgt;