We hope you enjoy your visit.

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Add Reply
  • Pages:
  • 1
  • 2
  • 9
Advanced Profile
Topic Started: May 11 2012, 09:19 AM (12,931 Views)
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
Code Name: Advanced Profile

What the code does: Two versions available that gives profiles a different layout.

How to use the code: Install as instructed, no editing is required.

How to install the code:

Admin CP Posted Image Themes Posted Image Board Template Posted Image Below the Board

Version #1: Preview
Code:
 
<script type="text/javascript" src="http://z3.ifrm.com/63/1/0/p479149/advancedProfile.js"></script>
Version #2: Preview
Code:
 
<script type="text/javascript" src="http://z3.ifrm.com/63/1/0/p481677/advancedProfile2.js"></script>
Edited by Cory, Jul 30 2013, 08:07 AM.
Offline Profile Quote Post Goto Top
 
Replies:
James Lu
Member Avatar
NOWAI
[ * ]
Cory, could you enable it to display the warn level and buttons as well as custom profile fields such as those in Joe's point system and other such modifications, since it's quite inconvenient having to alternate between the two layouts to use those functions. Thanks :)
Offline Profile Quote Post Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
Thanks, Mike!

Warn levels should be appearing now. Clear cache if they do not.

Where do these custom profile fields appear that you speak of? If they appear where custom profile fields usually appear try placing the advanced profile code below the codes that add the custom profile fields.
Offline Profile Quote Post Goto Top
 
James Lu
Member Avatar
NOWAI
[ * ]
Some of them are the ones set in the Custom Profile field section of the ACP and appear below the user info-pane in post-view.

The others appear there also, such as Viral's AiO code or Joe's Advanced Money code and the Simple Reputation code.
Offline Profile Quote Post Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
Custom profile fields, at least ones added via the Admin CP, should appear below the Profile Information header, if filled out via preferences.
Offline Profile Quote Post Goto Top
 
James Lu
Member Avatar
NOWAI
[ * ]
Oh, you're right, haha. My mistake, I apologise for that. Thanks Cory! :0
Offline Profile Quote Post Goto Top
 
Sheyney Fox
Member Avatar
Member
[ *  * ]
Thank you Cory, this looks sleek and tidy, the only thing I notice is that awards don't show on profile, can they be added to the profile as well? Awards and Awards Page by Quozzo

Celestial Conspiracy
Offline Profile Quote Post Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
Place the awards code below the advanced profile code.
Offline Profile Quote Post Goto Top
 
Sheyney Fox
Member Avatar
Member
[ *  * ]
Thank you muchly Cory! :wub:
Offline Profile Quote Post Goto Top
 
Deleted User
Deleted User

The code for profile customization here conflicts with this code. In the advanced profile the music player does not display and instead displays the url that you submit in the profile field.

So does my profile field image code here. The text is not replaced with the image like in the normal profile. I've seen another code that used this kind of code for mood in profile fields, but I couldn't find it to give you an example of the released code.

I'm really quite excited for this code!! I don't really care if it can be switched back to the regular format, since I really love it this way. <3 I remember trying to use that invisionfree code before I knew the difference between codes at the beginning of my forum.

I'm hoping dearly that it can work with my forum. >u<~<3

On a separate note...is it possible to add a little box to the profile the way you have it, above the signature? Just a box that people can add general notes to, like a random paragraph about themselves, links to stuff, or anything else?
I'd love to use a custom profile field to do that, but the way that they are located in the advanced profile makes it very unattractive to have a huge clump of text pushing the side down further.

P.S.: Example profile from my site: http://s1.zetaboards.com/Munea/profile/1120218/
Quote Post Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
Code:
 
<script type="text/javascript">
$('#third strong:contains(Profile Song), #third strong:contains(Profile Background Image), #third strong:contains(Profile CSS), #third strong:contains(My Stuff)').next('span').andSelf().hide();

var pSongURL = $('#third strong:contains(Profile Song)').next('span').html().replace(/<br[^>]*>/gi, '').replace(/^:/, '');
var pBG = $('#third strong:contains(Profile Background Image)').next('span').html().replace(/<br[^>]*>/gi, '').replace(/^:/, '');
var pCSS = $('#third strong:contains(Profile CSS)').next('span').html().replace(/<br[^>]*>/gi, '').replace(/^:/, '');

if (pSongURL) $('#third').append('<object type="application/x-shockwave-flash" data="http://z3.ifrm.com/28092/186/0/f612359/player.swf" id="mp3player1" height="24" width="290"><param name="movie" value="http://z3.ifrm.com/28092/186/0/f612359/player.swf"><param name="FlashVars" value="playerID=1&bg=0x9DA5BF&leftbg=0xeeeeee&lefticon=0x666666&rightbg=0x394670&rightbghover=0x999999&righticon=0xE7E7EF&righticonhover=0xffffff&text=0x666666&slider=0x666666&track=0xFFFFFF&border=0x666666&loader=0x9FFFB8&loop=no&autostart=no&soundFile=' + pSongURL + '"><param name="quality" value="high"><param name="menu" value="false"><param name="wmode" value="transparent"></object>');

if (pBG) $('body').css('background', 'url(' + pBG + ')');

if (pCSS) $('head').append('<style type="text/css">' + pCSS + '</style>');
</script>
Use that code to have the Simple Profile Customization options work with the Advanced Profile.

As for your second issue:
Code:
 
var text = $('#third strong:contains(' + field_name + ')').next('span').text().replace(/^:/, '');
$('#third strong:contains(' + field_name + ')').next('span').text(text);
Place that below this:
Code:
 
};
Code:
 
, #third strong
Add that after this:
Code:
 
#main dl.user_profile dt
I could make the signature and interests field tabs so they can both be viewed in the signature content area.
Offline Profile Quote Post Goto Top
 
Deleted User
Deleted User

Making the interests tab go in the same area as signature would be absolutely wonderful! Now let's see if I can add these snippets right...

EDIT: Okay, I'm super confused! Sorry!! I can't find the }; in the code to put that little snippet in. Also, do I use the original post code AND this one, or do I replace it?
Lastly, is that last bit in CSS? O.O;;


Okay nope, I got it I think- the picture is showing up now for the profile field. But I'm not sure I put the profile song snippet in right...

EDIT 2: Oh darn it. I asked Quozzo to help me fix a conflict with his signature rotating code and the advanced profile and he gave me a different code. That rotating signature works now, but the picture profile code isn't working now... >>;;;;
Quote Post Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
Do you have a test board where you are testing the codes, if so can I see a link to the profile?

I used the default names for the profile fields: Profile Song, Profile Background Image, Profile CSS, My Stuff

If you changed the profile field names, you'll need to update them in the code. Also, make sure you are putting the code below the Advanced Profile code.

I will look into adding the interests field as a tab soon.
Offline Profile Quote Post Goto Top
 
Deleted User
Deleted User

That might explain something. I only use one of the fields, the song field, on my site. It is named the same as the original code. I put the big code you gave me right under the original script.

I did my best to remove the extra stuff associated with other fields. c: The music player is working now!

But the picture for the "Patron God" profile field isn't. (This is probably a good time to mention that I'm hoping to adapt that code for three of the profile fields, otherwise I wouldn't be bothering you with this. :P)

I'm actually using your code straight on my regular board, not a test board.
http://s1.zetaboards.com/Munea/profile/1120218/
That's my profile, it uses...well, everything. All of the features I have built into the board.

Thanks so much for all your help so far. I'll definitely be one of the ones to try the code if you manage it. c;
Quote Post Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
Code:
 
'#main dl.user_profile dt', #third strong
Change that to this:
Code:
 
'#main dl.user_profile dt, #third strong'
That should fix it.
Offline Profile Quote Post Goto Top
 
Deleted User
Deleted User

You're a lifesaver, Cory! Thank you! <3
Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
Go to Next Page
« Previous Topic · ZetaBoards Codes & Modifications · Next Topic »
Add Reply
  • Pages:
  • 1
  • 2
  • 9