IP.Board Tutorials

ipb 4.1 new profile area

Submitted by emreyldz, , Thread ID: 14145

Thread Closed
10-12-2015, 02:15 AM
#1
first i giving code
postCpntainer
Code:
{{$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=members&controller=ignore" seoTemplate="ignore"}'>{lang="change_ignore_preferences"}</a></li>
</ul>
</div>
{{endif}}

<a id='comment-{$comment->$idField}'></a>
<article itemscope {{if $item->isQuestion() && !$comment->new_topic}}itemprop="suggestedAnswer {{if $comment->post_bwoptions['best_answer']}}acceptedAnswer{{endif}}" itemtype="http://schema.org/Answer"{{else}}itemtype="http://schema.org/Comment"{{endif}} id='elComment_{$comment->$idField}' class='cPost ipsBox {{if $otherClasses}}{$otherClasses}{{endif}} ipsComment {{if settings.reputation_highlight and $comment->reputation() >= settings.reputation_highlight}}ipsComment_popular{{endif}} ipsComment_parent ipsClearfix ipsClear ipsColumns ipsColumns_noSpacing ipsColumns_collapsePhone {{if $comment->isIgnored()}}ipsHide{{endif}} {{if $comment->hidden()}}ipsModerated{{endif}}'>
{{if $item->isQuestion() and !$comment->new_topic}}
{template="postRating" group="topics" app="forums" params="$item, $comment, $votes"}
{{endif}}
<aside class='ipsComment_author cAuthorPane ipsColumn ipsColumn_medium'>
<h3 class='ipsType_sectionHead cAuthorPane_author ipsType_blendLinks ipsType_break' itemprop="creator" itemscope itemtype="http://schema.org/Person"><strong itemprop="name">{$comment->author()->link( $comment->warningRef() )|raw}</strong> <span class='ipsResponsive_showPhone ipsResponsive_inline'>&nbsp;&nbsp;{template="reputationBadge" group="global" app="core" params="$comment->author()"}</span></h3>
<div class='author_info'>


<div class="wa_userinfo_b1">
{template="userPhoto" app="core" group="global" params="$comment->author(), 'large', $comment->warningRef()"}
</div>
<div class="wa_userinfo_b3">
        
         <div class="WA_icon_b1">
</div></div>
          {{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='ipsButton ipsButton_light ipsButton_veryVerySmall' data-role="followButton" data-ipsHover data-ipsHover-cache='false' data-ipsHover-onClick><img style="width:20px;" src='{resource="delete.png" app="core" location="global"}'></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='ipsButton ipsButton_light ipsButton_veryVerySmall' data-role="followButton" data-ipsHover data-ipsHover-cache='false' data-ipsHover-onClick><img style="width:20px;" src='{resource="add.png" app="core" location="global"}'></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"}" class='ipsButton ipsButton_light ipsButton_veryVerySmall'><img style="width:20px;" src='{resource="message.png" app="core" location="global"}'></a>
{{endif}}
{{endif}}
          
{{if $comment->author()->contentProfileFields()['core_pfieldgroups_6'][7]}}
<a href="http://www.facebook.com/{$comment->author()->contentProfileFields()['core_pfieldgroups_6'][7]}" target="_blank" class='ipsButton ipsButton_light ipsButton_veryVerySmall'><img src='{resource="facebook.png" app="core" location="global"}' style="width:20px;"></a>
{{else}}
<a style="opacity:0.2" target="_blank" class='ipsButton ipsButton_light ipsButton_veryVerySmall' ><img style="width:20px;" src='{resource="facebook.png" app="core" location="global"}'></a>
{{endif}}

{{if $comment->author()->contentProfileFields()['core_pfieldgroups_6'][8]}}
<a href="http://twitter.com/{$comment->author()->contentProfileFields()['core_pfieldgroups_6'][8]}" target="_blank" class='ipsButton ipsButton_light ipsButton_veryVerySmall'><img style="width:20px;" src='{resource="twitter-icon.png" app="core" location="global"}'></a>
{{else}}
<a style="opacity:0.2" target="_blank" class='ipsButton ipsButton_light ipsButton_veryVerySmall' ><img style="width:20px;" src='{resource="twitter-icon.png" app="core" location="global"}'></a>
{{endif}}

          {{if $comment->author()->contentProfileFields()['core_pfieldgroups_6'][9]}}
<a href="skype:{$comment->author()->contentProfileFields()['core_pfieldgroups_6'][9]}" target="_blank" class='ipsButton ipsButton_light ipsButton_veryVerySmall'><img style="width:20px;" src='{resource="skype.png" app="core" location="global"}'></a>
{{else}}
<a style="opacity:0.2" target="_blank" class='ipsButton ipsButton_light ipsButton_veryVerySmall' ><img style="width:20px;" src='{resource="skype.png" app="core" location="global"}'></a>
{{endif}}
      

       {{if \IPS\Member\Group::load( $comment->author()->member_group_id )->g_icon }}
      {{endif}}
<a class="g_iconuser"><img src='{file="$comment->author()->group['g_icon']" extension="core_Theme"}' alt='' class='cAuthorGroupIcon'></a>
     {{if $comment->author()->member_id}}
      {{if $comment->author()->member_title && $comment->author()->member_id}}
  <b><li class="membertitle">{$comment->author()->member_title}</li></b>
      {{elseif $comment->author()->rank['title'] && $comment->author()->member_id}}
       <b><li class="membertitle">{$comment->author()->rank['title']}</li></b>
{{endif}}
      {{endif}}      
      {{if $comment->author()->member_title && $comment->author()->member_id}}
     <b><li class="wa_userinfo_b5">{$comment->author()->contentProfileFields()['core_pfieldgroups_2'][5]}</li></b>
     <b><li class="wa_userinfo_b5">{$comment->author()->contentProfileFields()['core_pfieldgroups_2'][6]}</li></b>
     {{endif}}
     <div class="wa_userinfo_b4">
        
<div class="left wa_userinfo_b4_1">
<div>
<span class="wa_userinfo_b4_m_1">leti</span>
</div>
<div style="padding-top: 5px;">
<span style="font-size: 15px;">{$comment->author()->member_posts}</span>
</div>
          </div>
        
           <div class="right wa_userinfo_b4_2">
<div>
<span class="wa_userinfo_b4_m_1">tibar</span>
</div>
<div style="padding-top: 5px;">
<a class='ipsResponsive_hidePhone'>{template="reputationBadge" group="global" app="core" params="$comment->author()"}</a>
</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>
custom.css
Code:
/**
* This file is for your custom CSS.
* This file is not modified or overwritten during upgrades
*/
.cAuthorPane_info li {
background: none ;
}
.wa_userinfo_bg {
  background: #fff !important;
  background-size: 100% 100% !important;
  border-radius: 2px 2px 0 0;
  height: 50px
}
.wa_userinfo_b3.ipsButton_secondary {
  padding: 0 20px
}
  text-align: center
}
.wa_userinfo_b1 img {
  border: 2px solid #fff;
  box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);
  height: 80px
}
.wa_userinfo_b2 {
  padding-top: 10px
}
.wa_userinfo_b2span {
  color: #3e3e3e;
  font-size: 18px
}
.wa_userinfo_b3 {
  padding-top: 5px
}
.wa_userinfo_b3span {
  color: #b0b4b7;
  font-size: 11px
}
.wa_userinfo_b4 {
  background: #DADADA;
  margin-top: 5px;
  overflow: hidden;
  padding: 7px
}
.pm_button img {
  width: 20px
}
.wa_userinfo_b4_1 {
  width: 50%
}
.wa_userinfo_b4_m {
  color: #c2c4c6
}


.wa_userinfo_b4_2 {
  width: 50%;
}
.right {
float: right;
}
.wa_userinfo_b4_1 {
  width: 50%;
}
.left {
float: left;
}

.ipsType_lightpost {
  background:#fff !important;
border-radius:2px;margin-top: 2px;
margin-bottom: 5px;
padding: 3px 2px;
}
.ipsType_lightpost:before {
  content: "\f0e5";
font-family: "FontAwesome";
position: absolute;
color: #5a5a5a;
font-size: 20px;
padding: 2px;
right: 10px;
margin-top: -2px;
}
.g_iconuser {
background:none;
}
.membertitle {
  background:#D8DDE3 !important;
border-radius:2px;margin-top: 2px;
margin-bottom: 5px;
padding: 3px 2px;
}
.membertitle:before {
  content: "\f007";
font-family: "FontAwesome";
position: absolute;
color: #5a5a5a;
font-size: 20px;
padding: 2px;
right: 10px;
margin-top: -2px;
}
.repbadge {
  background:#fff !important;
border-radius:2px;margin-top: 2px;
margin-bottom: 5px;
padding: 3px 2px;
}
.repbadge:before {
   content: "\f08a";
font-family: "FontAwesome";
position: absolute;
color: #5a5a5a;
font-size: 20px;
padding: 2px;
right: 10px;
margin-top: -2px;
}
.wa_userinfo_b5 {
  background:#D8DDE3 !important;
border-radius:2px; margin-top: 2px;
margin-bottom: 5px;
padding: 3px 2px;
}
.wa_userinfo_b5:before {
   content: "\f05a";
font-family: "FontAwesome";
position: absolute;
color: #5a5a5a;
font-size: 20px;
padding: 2px;
right: 10px;
margin-top: -2px;
}
.WA_rep {
width: 89px;
margin: 0px auto;
}
customFieldsDisplay
Code:
{{foreach $author->contentProfileFields() as $group => $fields}}
{{foreach $fields as $field => $value}}
<li class='customf ipsType_break'>
{$value|raw}
</li>
{{endforeach}}
{{endforeach}}

At the end of such a thing happening[Image: YWplaD.png]

RE: ipb 4.1 new profile area

#2
Add

Code:
ul{
list-style-type: none;
}

To remove this dots

RE: ipb 4.1 new profile area

OP
This post was last modified: 10-12-2015, 02:31 AM by emreyldz
#3
10-12-2015, 02:21 AM
dgateles Wrote:
Add

Code:
ul{
list-style-type: none;
}

To remove this dots

no! i add code but not remove dots

Code:
li{
list-style-type: none;
}
this code

RE: ipb 4.1 new profile area

#4
thans for tutorials ips

RE: ipb 4.1 new profile area

#5
Don't work on a custom skin.

RE: ipb 4.1 new profile area

#6
Ip board is something wonderful in the forum softwares. Thank u for sharing

RE: ipb 4.1 new profile area

#7
Thanks man for tutorial
CONTACT:
YAHOO: Bebe.MDFK
STEAM: yo_yonutzy2010

RE: ipb 4.1 new profile area

#8
Thanks for this tutorial

RE: ipb 4.1 new profile area

#9
15 Posts to unlock this , this is some nasty shit,and 50 characters wtf for a download

Users browsing this thread: