آموزش شیک کردن postContainer

kasra_abbaszadeh · 10 شهریور، ۱۳۹۹

ابتدا کد های زیر رو در postContainer خود جایگزین کنید :

{{$idField = $comment::$databaseColumnId;}}
{{$itemClassSafe = str_replace( '\\', '_', mb_substr( $comment::$itemClass, 4 ) );}}
{{if $comment->isIgnored()}}
<div class='ipsComment ipsComment_ignored ipsType_light' id='elIgnoreComment_{$comment->$idField}' data-ignoreCommentID='elComment_{$comment->$idField}' data-ignoreUserID='{$comment->author()->member_id}'>
{lang="ignoring_content" sprintf="$comment->author()->name"} <a href='#elIgnoreComment_{$comment->$idField}_menu' data-ipsMenu data-ipsMenu-menuID='elIgnoreComment_{$comment->$idField}_menu' data-ipsMenu-appendTo='#elIgnoreComment_{$comment->$idField}' data-action="ignoreOptions" title='{lang="see_post_ignore_options"}' class='ipsType_blendLinks'>{lang="options"} <i class='fa fa-caret-down'></i></a>
<ul class='ipsMenu ipsHide' id='elIgnoreComment_{$comment->$idField}_menu'>
<li class='ipsMenu_item ipsJS_show' data-ipsMenuValue='showPost'><a href='#'>{lang="show_this_post"}</a></li>
<li class='ipsMenu_sep ipsJS_show'><hr></li>
<li class='ipsMenu_item' data-ipsMenuValue='stopIgnoring'><a href='{url="app=core&module=system&controller=ignore&do=remove&id={$comment->author()->member_id}" seoTemplate="ignore"}'>{lang="stop_ignoring_posts_by" sprintf="$comment->author()->name"}</a></li>
<li class='ipsMenu_item'><a href='{url="app=core&module=system&controller=ignore" seoTemplate="ignore"}'>{lang="change_ignore_preferences"}</a></li>
</ul>
</div>
{{endif}}
<a id='comment-{$comment->$idField}'></a>
<article {{if $comment->author()->hasHighlightedReplies()}}data-memberGroup="{$comment->author()->member_group_id}" {{endif}} id='elComment_{$comment->$idField}' class='cPost ipsBox {{if $otherClasses}}{$otherClasses}{{endif}} ipsComment {{if ( settings.reputation_enabled and settings.reputation_highlight and $comment->reactionCount() >= settings.reputation_highlight ) OR $comment->isFeatured()}}ipsComment_popular{{endif}} ipsComment_parent ipsClearfix ipsClear ipsColumns ipsColumns_noSpacing ipsColumns_collapsePhone {{if $comment->author()->hasHighlightedReplies()}}ipsComment_highlighted{{endif}}{{if $comment->isIgnored()}}ipsHide{{endif}} {{if $comment->hidden() OR $item->hidden() === -2}}ipsModerated{{endif}}'>
{{if $item->isQuestion() and !$comment->new_topic}}
{template="postRating" group="topics" app="forums" params="$item, $comment, $votes"}
{{endif}}
<div class='cAuthorPane cAuthorPane_mobile ipsResponsive_showPhone ipsResponsive_block'>
<h3 class='ipsType_sectionHead cAuthorPane_author ipsResponsive_showPhone ipsResponsive_inlineBlock ipsType_break ipsType_blendLinks ipsTruncate ipsTruncate_line'>
{template="userLink" group="global" app="core" params="$comment->author(), $comment->warningRef(), $comment->author()->group['g_id']"}
<span class='ipsResponsive_showPhone ipsResponsive_inline'> {template="reputationBadge" group="global" app="core" params="$comment->author()"}</span>
</h3>
<div class='cAuthorPane_photo'>
  
{template="userPhoto" app="core" group="global" params="$comment->author(), 'large', $comment->warningRef()"}
</div>
</div>
<aside class='ipsComment_author cAuthorPane ipsColumn ipsColumn_medium ipsResponsive_hidePhone'>
         <div class='author_info'>
<div class="wa_pContainer" itemscope="" itemtype="http://schema.org/Person">
 
<div class="pContainer_b1" >
         {template="userPhoto" app="core" group="global" params="$comment->author(), 'large', $comment->warningRef()"}
</div>
                        
                         {{$coverPhoto = $comment->author()->coverPhoto();}}
         {{if $coverPhoto->file}}
         <div class="pc_coverphoto" style="background-image: url('{$coverPhoto->file->url}') !important;">
                         </div>
                         {{else}}
                         {{endif}}
                        
<div class="uipmaster2 cAuthorPane_author ipsType_blendLinks ipsType_break" title="نام کاربری" data-ipsTooltip class="pContainer_Button">   
<h>
<strong>{$comment->author()->link( $comment->warningRef() )|raw}</strong>                
</h>
</div>
                        
                        

         <div class="wa_pContainer_b4">
         <div class="wa_pContainer_lnk">
         {{if \IPS\Member::loggedIn()->member_id != $comment->author()->member_id}}
         {{if \IPS\Member::loggedIn()->member_id != $comment->author()->member_id and ( !$comment->author()->members_bitoptions['pp_setting_moderate_followers'] or \IPS\Member::loggedIn()->following( 'core', 'member', $comment->author()->member_id ) )}}
         {{$memberFollowers = $comment->author()->followers();}}
         {{if member.member_id}}
                 {{if member.following( 'core', 'member', $comment->author()->member_id )}}
                 <a href="{url="app=core&module=system&section=notifications&do=follow&follow_app=core&follow_area=member&follow_id={$comment->author()->member_id}"}" title="{lang="following_this_member"}" data-ipsTooltip class="pContainerLink" data-role="followButton" data-ipsHover data-ipsHover-cache='false' data-ipsHover-onclick><i class="fa fa-user-times"></i></a>
                 {{else}}
                 <a href="{url="app=core&module=system&section=notifications&do=follow&follow_app=core&follow_area=member&follow_id={$comment->author()->member_id}"}" title="{lang="follow_this_member"}" data-ipsTooltip class="pContainerLink" data-role="followButton" data-ipsHover data-ipsHover-cache='false' data-ipsHover-onclick><i class="fa fa-user-plus"></i></a>
                 {{endif}}
         {{endif}}
         {{endif}}
         {{if \IPS\Member::loggedIn()->member_id && !$comment->author()->members_disable_pm and !\IPS\Member::loggedIn()->members_disable_pm and \IPS\Member::loggedIn()->canAccessModule( \IPS\Application\Module::get( 'core', 'messaging' ) )}}
         <a href='{url="app=core&module=messaging&controller=messenger&do=compose&to={$comment->author()->member_id}" seoTemplate="messenger_compose"}' data-ipsDialog data-ipsDialog-title='{lang="compose_new"}' data-ipsDialog-remoteSubmit data-ipsDialog-flashMessage="{lang="message_sent"}" title="ارسال پیام به کاربر" data-ipsTooltip class='pContainerLink'><i class="fa fa-paper-plane"></i></a>
         {{endif}}
         {{endif}}
</div></div>
<div class="wa_pContainer_b2">
<div class="wa_pContainer_b2_1">
<div>
<span class="fa fa-pencil-square-o"></span>
</div>
<span style="font-size: 15px;">{{$where[] = "starter_id = " . $comment->author()->member_id;}}
{{$author_topics = \IPS\forums\Topic::getItemsWithPermission( $where, NULL, 0 );}}
{{$topics_count = count($author_topics);}} {$topics_count}</span>
</div>
<div class="wa_pContainer_b2_1">
<div>
<span class="fa fa-heart-o"></span>
</div>
<span style="font-size: 15px;">{template="reputationBadge" group="global" app="core" params="$comment->author()"}</span>
</div>
</div>                      
<div class='uipmaster' title="گروه کاربری" data-ipsTooltip class="pContainer_Button">{expression="\IPS\Member\Group::load( $comment->author()->member_group_id )->formattedName" raw="true"}
{{if \IPS\Member\Group::load( $comment->author()->member_group_id )->g_icon }}
<img src='{file="$comment->author()->group['g_icon']" extension="core_Theme"}' alt='' class='cAuthorGroupIcon'>
{{endif}}
</div> 
<li class="userpa">
<span class="leftinfo"><i class="fa fa-heart"></i> اعتبار : </span>
<span class="rightinfo" style="color:#fff">{template="reputationBadge" group="global" app="core" params="$comment->author()"}</span>
</li>
<li class="userpa">
<span class="leftinfo" style="color:#f5d285"><i class="fa fa-trophy fa-lg"></i> {lang="members_days_won_count"} </span>
<span class="rightinfo" style="color:#f5d285">{number="$comment->author()->getReputationDaysWonCount()"}</span>
</li>
{{if $comment->author()->member_id}}
				{{if $comment->author()->reputationImage()}}
				<li class='ipsPad_half'>
				<img src='{file="$comment->author()->reputationImage()" extension="core_Theme"}' title='{{if $comment->author()->reputation()}}{$comment->author()->reputation()}{{endif}}' alt=''>
			</li>
			{{endif}}
			{template="customFieldsDisplay" group="global" app="core" params="$comment->author()"}
			{{endif}}	       
<div>                
<div>
</div>
</div>
</div>
</div>
</aside>
<div class='ipsColumn ipsColumn_fluid'>
{template="post" group="topics" app="forums" params="$item, $comment, $item::$formLangPrefix . 'comment', $item::$application, $item::$module, $itemClassSafe"}
</div>
</article>

و حالا از کد css زیر را در custom css قرار بدید :

/************sarvin**********/
.cAuthorPane {
padding: 10px !important;
margin-top: 57px
}
aside.ipsComment_author.cAuthorPane.ipsColumn.ipsColumn_medium {
width: 245px;
}
.wa_pContainer {
padding: 2px;
background-color: #fff;
margin: -10px 2px 15px 2px;
}
.pContainer_b1 {
margin-top: 0px;
margin-bottom: 5px;
text-align: center;
}
.pContainer_b1 img {
border-radius: 500px;
height: 100px;
  width: 100px;
}
.pc_coverphoto {
margin-bottom: 5px !important;
background-color: #FFFFFF !important;
background-position: 50% 50%;
background-repeat: no-repeat;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
background-size: 100% 100% !important;
height: 114px;
width: 216px;
border-radius: 10px;
margin: -98px 0 0 0;
}
.wa_pContainer_b2 {
background-color: #fff;
background-image: url({resource="" app="core" location="global"});
overflow: hidden;
padding: 8px 0;
  border-radius:7px;
}
.wa_pContainer_b2_1 {
width: 50%;
float: left;
}
.wa_pContainer_b2_1 .ipsRepBadge {
font-size: 15px;
font-weight: normal;
}
.wa_pContainer_b2_m {
color: #f5f5f5;
text-transform: uppercase;
font-size: 12px;
}
.wa_pContainer_lnk {
text-align: center;
}
.wa_pContainer_b3 {
margin: 5px 0;
}
.wa_pContainer_b4 {
margin: 5px 0;
}
.pContainerLink {
width: 104px;
height: 28px;
line-height: 28px;
margin: 0 1px;
text-align: center;
background: #3d94bd;
border-radius: 5px;
display: inline-block;
color: #FFFFFF;
font-size: 15px;
}
.pContainerLink:hover {
color: #FFFFFF;
}
.pContainer_Button {
width: 60px;
height: 28px;
line-height: 28px;
text-align: center;
background: #2ac392;
border-radius: 2px;
display: inline-block;
color: #FFFFFF;
font-size: 15px;
}
.pContainer_Button:hover {
color: #FFFFFF;
}
.userpa {
display: inline-block;
width: 100%;
color: #fefffe;
padding: 5px 10px;
margin-top: -2px;
border-radius: 5px;
background: #282828;
border: 1px #282828 solid;
}
.userpa:hover {
background: #000;
}
.uipmaster{
display: inline-block;
width: 100%;
color: #fefffe;
padding: 5px 10px;
margin-top: 4px;
margin-bottom: 6px;
border-radius: 5px;
background: #282828;
border: 1px #282828 solid;
}
.uipmaster:hover {
background : #0000;
  color:#ffff;
}
.uipmaster2{
display: inherit;
width: 100%;
color: #fefffe;
padding: 5px 10px;
margin-top: 4px;
margin-bottom: 6px;
border-radius: 5px;
background: #282828;
border: 1px #282828 solid;
}
.uipmaster2:hover {
background : #0000;
}
.leftinfo {
font-size: 12px;
float: right;
text-align: right;
margin-right: 3px;
margin-left: 0;
min-width: 60px;
width: auto !important;
}
.rightinfo {
float: left;
color: #CCC;
font-size: 11px;
}
.ifonline{color:#15e615}
/*------------ By Sarvin Pakzad ------------*/
.uipmaster2 {
    display: inherit;
    width: 100%;
    color: #fefffe;
    padding: 5px 10px;
    margin-top: 4px;
    margin-bottom: 6px;
    border-radius: 5px;
    background: #ffffff;
    border: 1px #ffffff solid;
}
.uipmaster {
    display: inline-block;
    width: 100%;
    color: #fefffe;
    padding: 5px 10px;
    margin-top: 4px;
    margin-bottom: 6px;
    border-radius: 5px;
    background: #ffffff;
    border: 1px #ffffff solid;
}
.userpa {
    display: inline-block;
    width: 100%;
    color: #fefffe;
    padding: 5px 10px;
    margin-top: -2px;
    border-radius: 5px;
    display: none;
    background: #282828;
    border: 1px #282828 solid;
}
.wa_pContainer_b2_m {
    color: #000000;
    text-transform: uppercase;
    font-size: 12px;
    font-family: Samim;
}
fa-pencil::before {
    content: "\f08a";
}
fa-pencil:before, .fa-pencil {
    display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.pContainer_b1 img {
    border-radius: 9px;
    height: 100px;
    width: 100px;
    box-shadow: 0px 2px 20px rgb(0 0 0);
}
.wa_pContainer {
    padding: 2px;
    background-color: #fff;
    margin: -10px 2px 15px 2px;
    top: 20px;
    position: relative;
}
.wa_pContainer_b2 {
    background-color: #272a2f;
    background-image: url();
    overflow: hidden;
    padding: 8px 0;
    border-radius: 7px;
}
.wa_pContainer_b2 {
    background-color: #fff;
    background-image: url();
    overflow: hidden;
    padding: 8px 0;
    border-radius: 7px;
}

و چنین چیزی براتوم ساخته میشه
موفق باشید.

برگرفته از آموزش @sarvin_pakzad

ویرایش شده 10 شهریور، ۱۳۹۹ توسط kasra_abbaszadeh

lawyer · 10 شهریور، ۱۳۹۹

این آموزش 5 اردیبهشت توسط خانم پاکزاد ارائه شده . لطفا آموزش های دیگران رو کپی و به نام خودتون ثبت نکنید . کار درستی نیست.

وحید نامنی · 10 شهریور، ۱۳۹۹

باسلام

@lawyer شاید این آموزش از روی لینکی که فرستادید کپی نشده و ممکنه هر دو دوست عزیز این آموزش رو از منبع دیگه ای ترجمه به فارسی کرده باشند.

Mohammad Mz · 10 شهریور، ۱۳۹۹

در 51 دقیقه قبل، lawyer گفته است :

این آموزش 5 اردیبهشت توسط خانم پاکزاد ارائه شده . لطفا آموزش های دیگران رو کپی و به نام خودتون ثبت نکنید . کار درستی نیست.

گرچه در کد css اسم خانم پاکزاد هست ولی نتیجه و شکل خروجی متفاوته

lawyer · 10 شهریور، ۱۳۹۹

اگه از منبع دیگه برمیداشتن و ویرایش میکردن بله حرف شما درسته ولی ایشون حتی

/*------------ By Sarvin Pakzad ------------*/

رو پاک نکردن . این اسمش کپی نیست ؟

وحید نامنی · 10 شهریور، ۱۳۹۹

پس منتظر می مونیم تا خودشون توضیح بدند.

سجاد محمدرضائی · 10 شهریور، ۱۳۹۹

درود

جناب @lawyer گرامی، ایشون که ادعای مالکیت نکردن و نگفتن که مثلا شخص من این کدها رو نوشتم!

همونطور هم که بالاتر جناب @وحید نامنی عزیز فرمودن این قبیل آموزش ها در سطح نت به زبان های مختلف موجوده

و ایضا با توجه به این که صرفا گفته شده اگر مطابق این آموزش عمل کنید و کار رو جلو ببرید post container انجمن شما مطابق تصویر پیوست تغییر خواهد کرد، من تصور میکنم هدف ایشون صرفا به اشتراک گذاشتن این آموزش بوده باشه و نه چیز دیگری، حالا بازم خودشون بهتر میتونند توضیح بدن هر چند که به نظرم نیازی به توضیح هم نیستش

بدرود

lawyer · 10 شهریور، ۱۳۹۹

@Unienc بنده هم ایشون رو متهم و بازخواست نکردم . چون من از همین اموزش خانم پاکزاد تو انجمنم استفاده کردم . دیدم ایشون حتی class name ها و حتی امضای خانم پاکزاد رو تغییر ندادن تا آموزش رو به نام خودشون ثبت کنن. صرفا کپی پست انجام دادن. معمولا درست کار اینه که آموزش دیگران رو کامل یا نواقصاتش رو تصحیح یا تغییری درش ایجاد کنن. بحرحال قصدم بی احترامی نبود.

kasra_abbaszadeh · 10 شهریور، ۱۳۹۹

@lawyer بله جناب من از آموزش خانم پاکزاد استفاده کردم و به درخواست دوستان این آموزش رو گذاشتم حتی اگه نگاه کنین امضای خانم پاکزاد هم هست توش و در غیر اینصورت موفق باشید الان ویرایش میکنم مینویسم برگرفته از آموزش خانم پاکزاد .

CHRIS-7 · 10 شهریور، ۱۳۹۹

با سلام و احترام فقط میتونم بگم که چه آموزش شما یا خانم پاکزاد کلا باعث سنگین تر شدن صفحات پست ها میشه چون در کنار لود آواتار کاربر عکس پروفایلش هم بارگزاری میشه که اصلا اصلا خوب نیست و با توجه به محدود بودن حجم اینترنت در ایران باعث میشه که هم محتوای صفحات دیر بارگذاری بشه و هم شلوغی و نامنظمی در قسمت (به اصطلاح ویبولتینی ها) پست بیت به وجود بیاد از طرفی هم حجم اینترنت اون فرد بازدید کننده به صورت چشمگیری کاهش پیدا کنه .. جدای از این حرف ها برای خزندگان ربات های موتور های جستجوگر هم مناسب نیست و باعث افت سئو سایت میشه.

ورود

آموزش شیک کردن postContainer

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

kasra_abbaszadeh 58

لینک ارسال

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

lawyer 28

لینک ارسال

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

وحید نامنی 12154

لینک ارسال

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

Mohammad Mz 263

لینک ارسال

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

lawyer 28

لینک ارسال

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

وحید نامنی 12154

لینک ارسال

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

سجاد محمدرضائی 249

لینک ارسال

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

lawyer 28

لینک ارسال

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

kasra_abbaszadeh 58

لینک ارسال

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

CHRIS-7 1009

لینک ارسال

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

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

صفحه اصلی

بخش دریافت

فعالیت ها

فهرست بخش ها

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