آموزش تغییر ظاهر پلاگین آخرین ارسالی ها Bim41 Forums Stats

علی یوسفلاوی · 10 مرداد، ۱۳۹۵

سلام دوستان

برای تغییر آخرین ارسالی ها به این شکل تغییرات زیر را اعمال کنید

به ویرایش کد های قالب مورد نظر برید : ادمین > شخصی سازی > ظاهر > پوسته ها

از تب قالب ها ، قالب های زیر باز کنید:

global > plugins > bim_forumStats و

global > plugins > bim_forumStats_row

از تب css ها هم bimforumstats.css را باز کنید.

کد ها رو به طور کامل باید جایگزین کنید :

bim_forumStats

<div data-controller="bimForumStats">
	<input type="hidden" name="orientation" value="{$orientation}">
  <div class='ipsType_sectionTitle cForumTitle'><span>آخرین فعالیت ها </span></div>
	<div class="ipsTabs ipsClearfix" id="elBimForumStats" data-ipstabbar data-ipstabbar-contentarea="#elBimForumStatsContent">
		{{if in_array(member.member_group_id, explode(",", settings.bim_fstats_canupdate))}}
			<ul class="ipsPos_right">
				<a href="#" class="ipsButton ipsButton_verySmall ipsButton_overlaid" data-action="updateStats" data-ipstooltip="" _title='{lang="bim_fstats_update"}'><i class="fa fa-refresh fa-lg"></i></a>	
			</ul>
		{{endif}}
		<ul role="tablist" class="ipsList_reset" id="elBimForumStatsBar" style="margin-{{if member.language()->isrtl}}left{{else}}right{{endif}}: 100px;">
			<a href="#elBimForumStats" data-action="expandTabs"><i class="fa fa-caret-down"></i></a>
			<li>
				<a href="#" role="tab" id="bim_fstats_newposts" class="ipsFaded_withHover ipsTabs_item ipsTabs_activeItem {{if $orientation=='vertical'}}fsTabSmall{{endif}}" aria-selected="true">
					{lang="bim_fstats_newpoststitle"}
				</a>
			</li>
			<li>
				<a href="#" role="tab" id="bim_fstats_newtopics" class="ipsFaded_withHover ipsTabs_item {{if $orientation=='vertical'}}fsTabSmall{{endif}}">
					{lang="bim_fstats_newtopicstitle"}
				</a>
			</li>
		</ul>
	</div>
	<section id="elBimForumStatsContent">
		<div id="bimFstatsContent">
			<div id="ipsTabs_elBimForumStats_bim_fstats_newposts_panel" class="ipsTabs_panel" data-tab="bim_fstats_newposts" aria-hidden="false" style="display: block;">
				<div class="">
					<ul class='ipsDataList ipsDataList_reducedSpacing' id="fsNewPosts">
						{{foreach $newposts as $newpost}}
							{template="bim_forumStats_row" app="core" location="global" group="plugins" params="$newpost, 'fsNewPosts', $orientation"}
						{{endforeach}}
					</ul>
				</div>
			</div>
			<div id="ipsTabs_elBimForumStats_bim_fstats_newtopics_panel" class="ipsTabs_panel" data-tab="bim_fstats_newtopics" aria-hidden="false" style="display: none;">
				<div class="">		
					<ul class='ipsDataList ipsDataList_reducedSpacing' id="fsNewTopics">
						{{foreach $newtopics as $newtopics}}
							{template="bim_forumStats_row" app="core" location="global" group="plugins" params="$newtopics, 'fsNewTopics', $orientation"}
						{{endforeach}}
					</ul>
				</div>
			</div>
		</div>
	</section>
</div>

bim_forumStats_row

<li id='{$row->tid}'class='at_pad ipsClearfix ipsDataItem{{if $row->unread()}} ipsDataItem_unread{{endif}}{{if $row->hidden()}} ipsModerated{{endif}}'>
	{{if $row->unread()}}
			<div class='atbim_icon'>
				
					<span class='ipsItemStatus'><i class="fa fa-circle"></i></span>
			</div>
		{{else}}
				<div class='atbim_icon'><span class='read'><i class="fa fa-circle-o"></i></span></div>
			{{endif}}
  <div class='ipsDataItem_title_atbim'>
		{{if $row->prefix()}}{template="prefix" group="global" app="core" params="$row->prefix( TRUE ), $row->prefix()"}{{endif}}
		<a href="{$row->url()->setQueryString( 'do', 'getLastComment' )}" title='{lang="view_this_topic" sprintf="$row->title"}' class='ipsDataItem_title'>
			{wordbreak="$row->title"}
		</a>
		{{if $row->mapped('featured') || $row->hidden() === -1 || $row->hidden() === 1}}
			<span>
				{{if $row->hidden() === -1}}
					<span class="ipsBadge ipsBadge_icon ipsBadge_small ipsBadge_warning" data-ipsTooltip title='{$row->hiddenBlurb()}'><i class='fa fa-eye-slash'></i></span>
				{{elseif $row->hidden() === 1}}
					<span class="ipsBadge ipsBadge_icon ipsBadge_small ipsBadge_warning" data-ipsTooltip title='{lang="pending_approval"}'><i class='fa fa-warning'></i></span>
				{{endif}}
				{{if $row->mapped('featured')}}
					<span class="ipsBadge ipsBadge_icon ipsBadge_small ipsBadge_positive" data-ipsTooltip title='{lang="featured"}'><i class='fa fa-star'></i></span>
				{{endif}}
			</span>
    {{endif}}

	</div>
	<ul class="ipsDataItem_lastPoster_atbim ipsClearfix ipsResponsive_hidePhone">
		<div class="elBimipsPos_right at-bleft">
		<li class='ipsList_inline inlin'>{{if $name=='fsNewTopics'}}
			{template="userLinkFromData" group="global" app="core" params="$row->starter_id, $row->author()->name, $row->author()->seo_name, $row->author()->member_group_id"}
		{{else}}
			{{$mem = \IPS\Member::load( $row->last_poster_id );}}
			{template="userLinkFromData" group="global" app="core" params="$row->last_poster_id, $mem->name, $mem->seo_name, $mem->member_group_id"}		
          {{endif}}</li>	
          
		</div>
	</ul>
</li>

bimforumstats.css

#elBimForumStatsBar {
	font-size: 11px;
}	

#elBimForumStatsBar [data-action='expandTabs'] 
{
	margin-right: 0px;
	left: 5px !important;
}

.fsTabSmall { font-size: 12px !important; padding-right: 8px !important; padding-left: 8px !important; }

.ipsWidget.ipsWidget_horizontal[data-blockid^="plugin_1_bimForumStats"] {
	padding-top: 5px !important;
}
.inlin {display:inline-block;}
.at-bleft {text-align:left;padding-left:10px;}
.ipsDataItem_title_atbim{
font-size: 12px;
margin: 0px;
font-weight: 300;
display: inline-block;
padding: 0px 2px;
vertical-align: middle;
}
.ipsDataItem_lastPoster_atbim {
list-style: outside none none;
margin: 0px;
padding: 0px;
display: inline-block;
vertical-align: middle;
float: left;
}
.atbim_icon {
    display: inline-block;
    vertical-align: middle;
    padding: 0px;
    text-align: center;
    width: auto;
    min-width: auto;
}
.ipsDataItem_title_atbim a {
    font-size: 12px !important;
}
.ipsItemStatus:not(.ipsItemStatus_large) {
    color: #EAA846;
    font-size: 11px;
}
.ipsTabs[data-ipstabbar-contentarea="#elBimForumStatsContent"] {
    background: transparent;
    border-bottom: 1px solid #ededed;
}
#bim_fstats_newposts {
    border: 1px solid #ededed;
    height: 25px;
    line-height: 25px;
    color: #515151;
    font-size: 11px;margin-bottom: 5px;border-radius:1px;
}
#bim_fstats_newtopics {
    border: 1px solid #ededed;
    height: 25px;
    line-height: 25px;
    color: #515151;
    font-size: 11px;margin-bottom: 5px;border-radius:1px;
}
#bim_fstats_newposts:hover {
    background: rgb(237, 237, 237) none repeat scroll 0% 0%;
}
#bim_fstats_newtopics:hover {
    background: rgb(237, 237, 237) none repeat scroll 0% 0%;
}
#elBimForumStats {
border-width: 1px;
border-style: solid;
border-color: transparent transparent #EDEDED transparent;
padding: 5px 0px;
margin-bottom: 0px !important;
margin-top: 2px;
}
.at_pad:hover {
    background: #ededed;
    transition: background 0.2s ease;
}
.at_pad {
    padding: 3px 5px;
    transition: background 0.2s ease;
}

Soheil · 8 آذر، ۱۳۹۵

با اجازه از استارتر محترم

شات قرار میدم برای دوستانی که میخواند بدونند بعد تغییرات ظاهر آخرین ارسالات به چه شکلی خواهد شد.

ویرایش شده 8 آذر، ۱۳۹۵ توسط D4NG3R

شایان آباد · 11 آذر، ۱۳۹۵

با درود فراوان

بابت آموزش تخصصی شما ممنونم، بعد از اعمال تغییرات تاثیری بر روی ریسپانسیو سایت گذاشته میشه ؟

ویرایش شده 30 آبان، ۱۴۰۲ توسط شایان آباد

ورود

آموزش تغییر ظاهر پلاگین آخرین ارسالی ها Bim41 Forums Stats

ارسال‌های توصیه شده

علی یوسفلاوی 1669

لینک ارسال

به اشتراک گذاری در سایت های دیگر

Soheil 57

لینک ارسال

به اشتراک گذاری در سایت های دیگر

شایان آباد 281

لینک ارسال

به اشتراک گذاری در سایت های دیگر

کاربران آنلاین در این صفحه 0 کاربر

صفحه اصلی

بخش دریافت

فعالیت ها

فهرست بخش ها

پشتیبانی و پرسش و پاسخ برای حل مشکلات