The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Edit the avatar and profile fields

View previous topic View next topic Go down

In progress Edit the avatar and profile fields

Post by [SS] Illuminati on February 5th 2014, 5:33 am

Is there a way I can edit the avatar and proficient fields like this



I use punbb.

[SS] Illuminati
Forumember

Male Posts : 92
Reputation : 3
Language : LUA, Java, Python, and, HTML

http://www.maliciousgaing.foruotion.com

Back to top Go down

In progress Re: Edit the avatar and profile fields

Post by Sir Chivas™ on February 5th 2014, 6:38 am

There's only a tutorial, but it's only related to the followed version: phpBB2. I cannot remember where I had seen this tutorial?  scratch 

If I find it I will post it here.



Found it in the RSF.

go to ACP >> Display >> Templates >> General >> viewtopic_body. Select next snippet of code
Code:
              <div class="user">
                    <div class="user-ident">
                        <h4 class="username">{postrow.displayed.POSTER_NAME}</h4>
                        <div class="user-basic-info">
                          {postrow.displayed.POSTER_AVATAR}<br />
                          {postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}
                        </div>
                    </div>
                    <div class="user-info">
                        {postrow.displayed.ONLINE_IMG}
                        <!-- BEGIN profile_field -->
                        {postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                        <!-- END profile_field -->
                        {postrow.displayed.POSTER_RPG}
                    </div>
                  </div>

Replace it with:
Code:
                  <div class="user">
                                                  <table width="100%" class="userpost_head"><tr>
                    <td>
                                                    <div class="user-ident">
                                                      <table width="100%"><tr><td class="post_author_baisc" width="70">
                                                        {postrow.displayed.POSTER_AVATAR}<br /></td>
                        <td><h4 class="username">{postrow.displayed.POSTER_NAME}</h4>
                        <div class="user-basic-info">
                          {postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}
                        </div>
                                                        </td></tr></table>
                    </div>
                                                    </td>
                                                    <td class="post_author_info">
                    <div class="user-info">
                        {postrow.displayed.ONLINE_IMG}
                        <!-- BEGIN profile_field -->
                        {postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                        <!-- END profile_field -->
                        {postrow.displayed.POSTER_RPG}
                    </div>
                                                    </td>
                                                  </tr></table>
                  </div>

After submitting it, make sure that it's saved and published! By clicking this:  Add 


Then add this into your CSS:
Code:
. Place. Postmain {
  margin-left: 0px;
  background-color: # FBFBFB;
} . place. postbody table.userpost_head {  background: WhiteSmoke,  border-bottom: 1px solid # ddd; } . place. user. user-info {  float: right;  margin-right: 100px,  margin-top: 20px;  margin-bottom: 10px;  line-height: 10px; } . place. station. user {  float: none;  margin-left: 0px;  margin-top: 0px;  positions: initial; } . place. user. user-ident {  margin-left: 20px; } . place. User-ident. username {  position: initial; } . postfoot. user-contact. postfoot. post options {  height: 20px! important; } . place. user. user-ident. post_author_basic a img {  max-width: 100px! important,  max-height: 75px! important; }



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

In progress Re: Edit the avatar and profile fields

Post by [SS] Illuminati on February 5th 2014, 9:17 pm

Sir Chivas™ wrote:There's only a tutorial, but it's only related to the followed version: phpBB2. I cannot remember where I had seen this tutorial?  scratch 

If I find it I will post it here.



Found it in the RSF.

go to ACP >> Display >> Templates >> General >>  viewtopic_body. Select next snippet of code
Code:
               <div class="user">
                     <div class="user-ident">
                        <h4 class="username">{postrow.displayed.POSTER_NAME}</h4>
                        <div class="user-basic-info">
                           {postrow.displayed.POSTER_AVATAR}<br />
                           {postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}
                        </div>
                     </div>
                     <div class="user-info">
                        {postrow.displayed.ONLINE_IMG}
                        <!-- BEGIN profile_field -->
                        {postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                        <!-- END profile_field -->
                        {postrow.displayed.POSTER_RPG}
                     </div>
                  </div>

Replace it with:
Code:
                  <div class="user">
                                                  <table width="100%" class="userpost_head"><tr>
                     <td>
                                                    <div class="user-ident">
                                                      <table width="100%"><tr><td class="post_author_baisc" width="70">
                                                        {postrow.displayed.POSTER_AVATAR}<br /></td>
                        <td><h4 class="username">{postrow.displayed.POSTER_NAME}</h4>
                        <div class="user-basic-info">
                           {postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}
                        </div>
                                                        </td></tr></table>
                     </div>
                                                    </td>
                                                    <td class="post_author_info">
                     <div class="user-info">
                        {postrow.displayed.ONLINE_IMG}
                        <!-- BEGIN profile_field -->
                        {postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                        <!-- END profile_field -->
                        {postrow.displayed.POSTER_RPG}
                     </div>
                                                    </td>
                                                  </tr></table>
                  </div>

After submitting it, make sure that it's saved and published! By clicking this:  Add 


Then add this into your CSS:
Code:
. Place. Postmain {
  margin-left: 0px;
  background-color: # FBFBFB;
} . place. postbody table.userpost_head {   background: WhiteSmoke,   border-bottom: 1px solid # ddd; } . place. user. user-info {   float: right;   margin-right: 100px,   margin-top: 20px;   margin-bottom: 10px;   line-height: 10px; } . place. station. user {   float: none;   margin-left: 0px;   margin-top: 0px;   positions: initial; } . place. user. user-ident {   margin-left: 20px; } . place. User-ident. username {   position: initial; } . postfoot. user-contact. postfoot. post options {   height: 20px! important; } . place. user. user-ident. post_author_basic a img {   max-width: 100px! important,   max-height: 75px! important; }
This did not work

[SS] Illuminati
Forumember

Male Posts : 92
Reputation : 3
Language : LUA, Java, Python, and, HTML

http://www.maliciousgaing.foruotion.com

Back to top Go down

In progress Re: Edit the avatar and profile fields

Post by Sir Chivas™ on February 5th 2014, 11:58 pm

Are you sure you made the correct changes? I'll test it out today in my test forum and report back to you.



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

In progress Re: Edit the avatar and profile fields

Post by [SS] Illuminati on February 6th 2014, 12:14 am

Sir Chivas™ wrote:Are you sure you made the correct changes? I'll test it out today in my test forum and report back to you.
Ok it screwed up when i put it in it looked like this

Profile Name
                                Avatar
                    Profile feilds

[SS] Illuminati
Forumember

Male Posts : 92
Reputation : 3
Language : LUA, Java, Python, and, HTML

http://www.maliciousgaing.foruotion.com

Back to top Go down

In progress Re: Edit the avatar and profile fields

Post by Sir Chivas™ on February 6th 2014, 12:30 am

Can you please provide your forum URL ? Thank you.



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

In progress Re: Edit the avatar and profile fields

Post by [SS] Illuminati on February 6th 2014, 1:51 am

Sir Chivas™ wrote:Can you please provide your forum URL ? Thank you.
Http://www.maliciousgaming.forumotion.com

[SS] Illuminati
Forumember

Male Posts : 92
Reputation : 3
Language : LUA, Java, Python, and, HTML

http://www.maliciousgaing.foruotion.com

Back to top Go down

In progress Re: Edit the avatar and profile fields

Post by Kite Trojan on February 6th 2014, 2:09 am

Could you also use the codes above for PHPBB2?

Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

In progress Re: Edit the avatar and profile fields

Post by Sir Chivas™ on February 6th 2014, 2:12 am

@[SS] Illuminati wrote:
Sir Chivas™ wrote:Can you please provide your forum URL ? Thank you.
Http://www.maliciousgaming.forumotion.com

You've removed the codes, correct? I wanted to view how it looked afterwards.

Xnomejx wrote:Could you also use the codes above for PHPBB2?

Nope they can't, I can provide the codes for your forum version, but you'll need to create your own thread. Wink



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

In progress Re: Edit the avatar and profile fields

Post by Kite Trojan on February 6th 2014, 2:12 am

Thank you for the quick responce. I'll let you finish helping him first.

Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

In progress Re: Edit the avatar and profile fields

Post by Sir Chivas™ on February 6th 2014, 2:14 am

You can create your own thread, I can help you out there. No need to wait.



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

In progress Re: Edit the avatar and profile fields

Post by [SS] Illuminati on February 6th 2014, 3:12 am

Sir Chivas™ wrote:
@[SS] Illuminati wrote:
Sir Chivas™ wrote:Can you please provide your forum URL ? Thank you.
Http://www.maliciousgaming.forumotion.com

You've removed the codes, correct? I wanted to view how it looked afterwards.

Xnomejx wrote:Could you also use the codes above for PHPBB2?

Nope they can't, I can provide the codes for your forum version, but you'll need to create your own thread. Wink

I took it down

[SS] Illuminati
Forumember

Male Posts : 92
Reputation : 3
Language : LUA, Java, Python, and, HTML

http://www.maliciousgaing.foruotion.com

Back to top Go down

In progress Re: Edit the avatar and profile fields

Post by Kite Trojan on February 6th 2014, 3:13 am

So why not try it again then take a screenshot of the messed up topic?

Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

In progress Re: Edit the avatar and profile fields

Post by [SS] Illuminati on February 6th 2014, 3:14 am

Xnomejx wrote:So why not try it again then take a screenshot of the messed up topic?

I'm on an iPad ATM so I can't add the codes in...

[SS] Illuminati
Forumember

Male Posts : 92
Reputation : 3
Language : LUA, Java, Python, and, HTML

http://www.maliciousgaing.foruotion.com

Back to top Go down

In progress Re: Edit the avatar and profile fields

Post by Sir Chivas™ on February 6th 2014, 3:27 am

It's all right, take your time, mate. I'll test out the codes myself. I'll post or edit my post to give the correct codes or solution.

Hi,

I've barely noticed that the codes are quite old, so there will be some modification done to them. Once I am done with both versions: phpBB2 and punBB I will provided them here. Smile



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

In progress Re: Edit the avatar and profile fields

Post by [SS] Illuminati on February 8th 2014, 5:45 pm

Sir Chivas™ wrote:It's all right, take your time, mate. I'll test out the codes myself. I'll post or edit my post to give the correct codes or solution.

Hi,

I've barely noticed that the codes are quite old, so there will be some modification done to them. Once I am done with both versions: phpBB2 and punBB I will provided them here. Smile

Ok did you figure I tut yet?

[SS] Illuminati
Forumember

Male Posts : 92
Reputation : 3
Language : LUA, Java, Python, and, HTML

http://www.maliciousgaing.foruotion.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum