IP.Board Tutorials
ipb 4.1 new profile area
Submitted by emreyldz, 10-12-2015, 02:15 AM, Thread ID: 14145
Thread Closed
first i giving code
postCpntainer
custom.css
customFieldsDisplay
At the end of such a thing happening
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'> {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§ion=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§ion=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>
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;
}
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
RE: ipb 4.1 new profile area
10-12-2015, 02:21 AM
#2 Add
To remove this dots
Code:
ul{
list-style-type: none;
}
To remove this dots
RE: ipb 4.1 new profile area
10-12-2015, 02:21 AMdgateles 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;
}
RE: ipb 4.1 new profile area
16-01-2016, 10:29 PM
#5 Don't work on a custom skin.
RE: ipb 4.1 new profile area
17-01-2016, 09:16 AM
#6 Ip board is something wonderful in the forum softwares. Thank u for sharing
RE: ipb 4.1 new profile area
22-01-2016, 11:34 PM
#7 Thanks man for tutorial
YAHOO: Bebe.MDFK
STEAM: yo_yonutzy2010
RE: ipb 4.1 new profile area
21-08-2017, 09:28 PM
#8 Thanks for this tutorial
RE: ipb 4.1 new profile area
08-03-2018, 02:02 PM
#9 15 Posts to unlock this , this is some nasty shit,and 50 characters wtf for a download
Users browsing this thread: 3 Guest(s)