ipb 4.1 new profile area

by emreyldz - 10-12-2015, 02:15 AM
Novice
Posts:
28
Joined:
Nov 2015
Likes:
1
Credits:
18
Reputation:
0
1 Year of Service
#1
OP
Posted: 10-12-2015, 02:15 AM
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]
Into the Badlands
Posts:
97
Joined:
Apr 2015
Likes:
14
Credits:
215
Reputation:
3
2 Years of Service
#2
Posted: 10-12-2015, 02:21 AM
Add

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

To remove this dots
Novice
Posts:
28
Joined:
Nov 2015
Likes:
1
Credits:
18
Reputation:
0
1 Year of Service
#3
OP
Posted: 10-12-2015, 02:30 AM (This post was last modified: 10-12-2015, 02:31 AM by emreyldz.)
(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
Novice
Posts:
36
Joined:
Jun 2015
Likes:
1
Credits:
3
Reputation:
0
2 Years of Service
#4
Posted: 14-12-2015, 07:58 PM
thans for tutorials ips
emreyldz
17-01-2016, 06:03 PM
Novice
Posts:
38
Joined:
Jan 2016
Likes:
2
Credits:
2
Reputation:
2
1 Year of Service
#5
Posted: 16-01-2016, 10:29 PM
Don't work on a custom skin.
Novice
Posts:
26
Joined:
Jan 2016
Likes:
1
Credits:
27
Reputation:
0
1 Year of Service
#6
Posted: 17-01-2016, 09:16 AM
Ip board is something wonderful in the forum softwares. Thank u for sharing
emreyldz
17-01-2016, 06:03 PM
Closed Account
Posts:
76
Joined:
Jun 2015
Likes:
7
Credits:
73
Reputation:
0
2 Years of Service
#7
Posted: 22-01-2016, 11:34 PM
Thanks man for tutorial
The last reply on this thread is older than a month. Please do not unnecessarily bump it.
Register an account or login to reply
Create an account
Create a free account today and start posting right away. It only takes a few seconds.
Login
Log into an existing account.
1 Guest(s)