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:
Locked Topic
  • Pages:
  • 1
  • 3
[ C ] RPG Character Sheet
Topic Started: Jul 9 2015, 12:17 AM (1,633 Views)
Tyler Dream
Member Avatar
Member
[ *  *  *  * ]
ZB
http://thewizardlycommons.com/index/

I'm looking for a code that would create another profile page which only selected users would have that would display their character's avatar, stats, etc. I don't want profile fields, I'm looking for another profile page.

Thanks! :D
Offline Profile Goto Top
 
Replies:
Tyler Dream
Member Avatar
Member
[ *  *  *  * ]
I believe the webpage would be more efficient?
Offline Profile Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
http://w11.zetaboards.com/Gollum/profile/3813509/

Check out the 'View Character Profile' field. Do you like that setup?
Offline Profile Goto Top
 
Tyler Dream
Member Avatar
Member
[ *  *  *  * ]
Yes, looks amazing
Offline Profile Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
Admin CP Posted Image Users & Groups Posted Image Profile Fields

Create a profile field for each RPG field. Select No for all the options.

Admin CP Posted Image Themes Posted Image Board Template Posted Image Below the Board
Code:
 
<script type="text/javascript">
//<![CDATA[
$(function() {
$('table.profile:eq(0) tbody').append('<tr><td class="c_desc">View Character Profile</td><td><a href="javascript: void(0)" id="activate_rpg">Click Here</a></td></tr>');

$('table.profile:last').after('<div id="RPG" style="display: none"><div class="left"><div>CHARACTER NAME:</div><div>RACE:</div><div class="half">GENDER:</div><div class="half" style="margin-left: 10px">AGE:</div><div>BIRTHDATE:</div><div>BIRTHSIGN:</div><div>CLASS:</div><div>MOTHER:</div><div>FATHER:</div><div>OTHER FAMILY:</div><div class="half">RELATIONSHIP STATUS:</div><div class="half" style="margin-left: 10px">SPOUSE:</div></div><div class="left" style="margin: 0 10px"><div class="third">HP:</div><div class="third" style="margin: 0 10px">STA:</div><div class="third">MP:</div><div class="half">WEAPONS AND TOOLS:</div><div class="half" style="margin-left: 10px">ARMOR AND ACCESSORIES:</div><div>POWERS/ABILITIES:</div><div class="half">MAIN SKILLS:</div><div class="half" style="margin-left: 10px">PERSONALITY:</div><div>FRIENDS:</div><div>SECRETS:</div><div class="half">AFFILIATIONS:</div><div class="half" style="margin-left: 10px">TITLES:</div></div><div class="left"><div>CHARACTER IMAGE</div><div>BIOGRAPHY<hr /></div><div class="half">LIKES:</div><div class="half" style="margin-left: 10px">DISLIKES:</div></div></div>');

$('#RPG div:not(div.left)').addClass('meta_box').css('font-size', '10px');

$('#RPG div.left').css({
'width': parseInt(($('table.profile:eq(0)').width() / 3) - 8, 10) + 'px',
'height': $('#RPG').height() + 'px'
});

$('#RPG div.half').css({
'width': parseInt(($('#RPG div.left:eq(0)').width() / 2) - 57, 10) + 'px',
'display': 'inline-block',
'margin-top': '0',
'margin-bottom': '0'
});

$('#RPG div.third').css({
'width': parseInt(($('#RPG div.left:eq(0)').width() / 3) - 59, 10) + 'px',
'display': 'inline-block'
});

$('#activate_rpg').click(function() {
$('table.profile').hide();
$('#RPG').show();
});

$('table.profile:last td.c_desc').each(function() {
var title = $(this).text().toUpperCase();
if ($('#RPG div.meta_box').text().indexOf(title) !== -1) {
$(this).parent('tr').hide();
}
$('#RPG div.meta_box:contains(' + title + ')').append(' ' + $(this).next('td').text());
});

if ($('#RPG div.meta_box:contains(CHARACTER IMAGE)').text().indexOf('http://') !== -1) {
var iURL = $('#RPG div.meta_box:contains(CHARACTER IMAGE)').text().split('CHARACTER IMAGE ')[1];
$('#RPG div.meta_box:contains(CHARACTER IMAGE)').html('<img src="' + iURL + '" alt="CHARACTER IMAGE" style="width: 100%; max-height: 318px" />');
}
});
//]]>
</script>
Offline Profile Goto Top
 
Tyler Dream
Member Avatar
Member
[ *  *  *  * ]
1 question, how do I only allow users in a certain group to use this?
UPDATE: I installed the code and tested it and it doesn't show the click here button.
Edited by Tyler Dream, Jul 22 2015, 02:05 AM.
Offline Profile Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
Do you have the code currently installed on your board?
Offline Profile Goto Top
 
Tyler Dream
Member Avatar
Member
[ *  *  *  * ]
The code does work but it just doesn't work with the advanced profile code
It just adds a profile field to their profile and doesn't display the link.
Edited by Tyler Dream, Jul 24 2015, 10:53 PM.
Offline Profile Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
Code:
 
$('#activate_rpg').click(function() {
$('table.profile').hide();
$('#RPG').show();
});
Remove that from the code.
Code:
 
<script type="text/javascript">
setTimeout(function() {
$('#activate_rpg').click(function() {
$('#profile').hide();
$('#RPG').show();
});
}, 1000);
</script>
Place that below the Advanced Profile code.
Offline Profile Goto Top
 
Tyler Dream
Member Avatar
Member
[ *  *  *  * ]
Edited and nothing happened


These are the advanced profile codes
Code:
 
<script type="text/javascript" src="http://z3.ifrm.com/63/1/0/p481677/advancedProfile2.js"></script>
<script type="text/javascript">
setTimeout(function() {
$('#activate_rpg').click(function() {
$('#profile').hide();
$('#RPG').show();
});
}, 1000);
</script>
<script type="text/javascript">
setTimeout(function() {
$('#username').parent('div').removeClass('left').removeAttr('style');
$('#ap_status').parent('div').removeClass('right').css({
'width': '60%',
'padding-top': '20px',
'text-align': 'center',
'margin': '0 auto'
}).next('div.r').removeClass('r').addClass('c');
}, 1000);
</script>


This is the rpg character page code

Code:
 
<script type="text/javascript">
//<![CDATA[
$(function() {
$('table.profile:eq(0) tbody').append('<tr><td class="c_desc">View Character Profile</td><td><a href="javascript: void(0)" id="activate_rpg">Click Here</a></td></tr>');

$('table.profile:last').after('<div id="RPG" style="display: none"><div class="left"><div>CHARACTER NAME:</div><div>RACE:</div><div class="half">GENDER:</div><div class="half" style="margin-left: 10px">AGE:</div><div>BIRTHDATE:</div><div>BIRTHSIGN:</div><div>CLASS:</div><div>MOTHER:</div><div>FATHER:</div><div>OTHER FAMILY:</div><div class="half">RELATIONSHIP STATUS:</div><div class="half" style="margin-left: 10px">SPOUSE:</div></div><div class="left" style="margin: 0 10px"><div class="third">HP:</div><div class="third" style="margin: 0 10px">STA:</div><div class="third">MP:</div><div class="half">WEAPONS AND TOOLS:</div><div class="half" style="margin-left: 10px">ARMOR AND ACCESSORIES:</div><div>POWERS/ABILITIES:</div><div class="half">MAIN SKILLS:</div><div class="half" style="margin-left: 10px">PERSONALITY:</div><div>FRIENDS:</div><div>SECRETS:</div><div class="half">AFFILIATIONS:</div><div class="half" style="margin-left: 10px">TITLES:</div></div><div class="left"><div>CHARACTER IMAGE</div><div>BIOGRAPHY<hr /></div><div class="half">LIKES:</div><div class="half" style="margin-left: 10px">DISLIKES:</div></div></div>');

$('#RPG div:not(div.left)').addClass('meta_box').css('font-size', '10px');

$('#RPG div.left').css({
'width': parseInt(($('table.profile:eq(0)').width() / 3) - 8, 10) + 'px',
'height': $('#RPG').height() + 'px'
});

$('#RPG div.half').css({
'width': parseInt(($('#RPG div.left:eq(0)').width() / 2) - 57, 10) + 'px',
'display': 'inline-block',
'margin-top': '0',
'margin-bottom': '0'
});

$('#RPG div.third').css({
'width': parseInt(($('#RPG div.left:eq(0)').width() / 3) - 59, 10) + 'px',
'display': 'inline-block'
});


$('table.profile:last td.c_desc').each(function() {
var title = $(this).text().toUpperCase();
if ($('#RPG div.meta_box').text().indexOf(title) !== -1) {
$(this).parent('tr').hide();
}
$('#RPG div.meta_box:contains(' + title + ')').append(' ' + $(this).next('td').text());
});

if ($('#RPG div.meta_box:contains(CHARACTER IMAGE)').text().indexOf('http://') !== -1) {
var iURL = $('#RPG div.meta_box:contains(CHARACTER IMAGE)').text().split('CHARACTER IMAGE ')[1];
$('#RPG div.meta_box:contains(CHARACTER IMAGE)').html('<img src="' + iURL + '" alt="CHARACTER IMAGE" style="width: 100%; max-height: 318px" />');
}
});
//]]>
</script>
Offline Profile Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
You're using the second version of Advanced Profile now and not the first version?
Offline Profile Goto Top
 
Tyler Dream
Member Avatar
Member
[ *  *  *  * ]
Was always using second
Offline Profile Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
OK, I see now. I'm going to have to make some edits to the main script itself to fix it.
Offline Profile Goto Top
 
Tyler Dream
Member Avatar
Member
[ *  *  *  * ]
Ok
Offline Profile Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
Try this instead:
Code:
 
<script type="text/javascript">
//<![CDATA[
$(function() {
$('table.profile:eq(2) tbody').append('<tr><td class="c_desc">View Character Profile</td><td><a href="javascript: void(0)" id="activate_rpg">Click Here</a></td></tr>');

$('table.profile:last').after('<div id="RPG" style="display: none"><div class="left"><div>CHARACTER NAME:</div><div>RACE:</div><div class="half">GENDER:</div><div class="half" style="margin-left: 10px">AGE:</div><div>BIRTHDATE:</div><div>BIRTHSIGN:</div><div>CLASS:</div><div>MOTHER:</div><div>FATHER:</div><div>OTHER FAMILY:</div><div class="half">RELATIONSHIP STATUS:</div><div class="half" style="margin-left: 10px">SPOUSE:</div></div><div class="left" style="margin: 0 10px"><div class="third">HP:</div><div class="third" style="margin: 0 10px">STA:</div><div class="third">MP:</div><div class="half">WEAPONS AND TOOLS:</div><div class="half" style="margin-left: 10px">ARMOR AND ACCESSORIES:</div><div>POWERS/ABILITIES:</div><div class="half">MAIN SKILLS:</div><div class="half" style="margin-left: 10px">PERSONALITY:</div><div>FRIENDS:</div><div>SECRETS:</div><div class="half">AFFILIATIONS:</div><div class="half" style="margin-left: 10px">TITLES:</div></div><div class="left"><div>CHARACTER IMAGE</div><div>BIOGRAPHY<hr /></div><div class="half">LIKES:</div><div class="half" style="margin-left: 10px">DISLIKES:</div></div></div>');

$('#RPG div:not(div.left)').addClass('meta_box').css('font-size', '10px');

$('#RPG div.left').css({
'width': parseInt(($('table.profile:eq(0)').width() / 3) - 8, 10) + 'px',
'height': $('#RPG').height() + 'px'
});

$('#RPG div.half').css({
'width': parseInt(($('#RPG div.left:eq(0)').width() / 2) - 57, 10) + 'px',
'display': 'inline-block',
'margin-top': '0',
'margin-bottom': '0'
});

$('#RPG div.third').css({
'width': parseInt(($('#RPG div.left:eq(0)').width() / 3) - 59, 10) + 'px',
'display': 'inline-block'
});

setTimeout(function() {
$('#activate_rpg').click(function() {
$('#advanced_profile').hide();
$('#RPG').show();
});
}, 1000);

$('table.profile:last td.c_desc').each(function() {
var title = $(this).text().toUpperCase();
if ($('#RPG div.meta_box').text().indexOf(title) !== -1) {
$(this).parent('tr').hide();
}
$('#RPG div.meta_box:contains(' + title + ')').append(' ' + $(this).next('td').text());
});

if ($('#RPG div.meta_box:contains(CHARACTER IMAGE)').text().indexOf('http://') !== -1) {
var iURL = $('#RPG div.meta_box:contains(CHARACTER IMAGE)').text().split('CHARACTER IMAGE ')[1];
$('#RPG div.meta_box:contains(CHARACTER IMAGE)').html('<img src="' + iURL + '" alt="CHARACTER IMAGE" style="width: 100%; max-height: 318px" />');
}
});
//]]>
</script>
Offline Profile Goto Top
 
Tyler Dream
Member Avatar
Member
[ *  *  *  * ]
It works now :D but the background color makes it hard to read. Can the font be changed to black instead of grey?
Offline Profile Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
Go to Next Page
« Previous Topic · Closed Requests · Next Topic »
Locked Topic
  • Pages:
  • 1
  • 3