|
Replies:
|
|
Tyler Dream
|
Jul 17 2015, 01:31 PM
Post #31
|
- Posts:
- 564
- Group:
- Members
- Member
- #613,076
- Joined:
- December 28, 2013
- I'm Browsing With
- Chrome
|
I believe the webpage would be more efficient?
|
|
|
| |
|
Cory
|
Jul 17 2015, 02:07 PM
Post #32
|
- Posts:
- 16,587
- Group:
- Members
- Member
- #44,593
- Joined:
- February 12, 2005
|
http://w11.zetaboards.com/Gollum/profile/3813509/
Check out the 'View Character Profile' field. Do you like that setup?
|
|
|
| |
|
Tyler Dream
|
Jul 17 2015, 06:50 PM
Post #33
|
- Posts:
- 564
- Group:
- Members
- Member
- #613,076
- Joined:
- December 28, 2013
- I'm Browsing With
- Chrome
|
Yes, looks amazing
|
|
|
| |
|
Cory
|
Jul 18 2015, 11:29 AM
Post #34
|
- Posts:
- 16,587
- Group:
- Members
- Member
- #44,593
- Joined:
- February 12, 2005
|
Admin CP Users & Groups Profile Fields
Create a profile field for each RPG field. Select No for all the options.
Admin CP Themes Board Template 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>
|
|
|
| |
|
Tyler Dream
|
Jul 21 2015, 05:48 PM
Post #35
|
- Posts:
- 564
- Group:
- Members
- Member
- #613,076
- Joined:
- December 28, 2013
- I'm Browsing With
- Chrome
|
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.
|
|
|
| |
|
Cory
|
Jul 24 2015, 03:31 PM
Post #36
|
- Posts:
- 16,587
- Group:
- Members
- Member
- #44,593
- Joined:
- February 12, 2005
|
Do you have the code currently installed on your board?
|
|
|
| |
|
Tyler Dream
|
Jul 24 2015, 10:48 PM
Post #37
|
- Posts:
- 564
- Group:
- Members
- Member
- #613,076
- Joined:
- December 28, 2013
- I'm Browsing With
- Chrome
|
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.
|
|
|
| |
|
Cory
|
Jul 24 2015, 10:56 PM
Post #38
|
- Posts:
- 16,587
- Group:
- Members
- Member
- #44,593
- Joined:
- February 12, 2005
|
- 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.
|
|
|
| |
|
Tyler Dream
|
Jul 24 2015, 11:01 PM
Post #39
|
- Posts:
- 564
- Group:
- Members
- Member
- #613,076
- Joined:
- December 28, 2013
- I'm Browsing With
- Chrome
|
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>
|
|
|
| |
|
Cory
|
Jul 24 2015, 11:07 PM
Post #40
|
- Posts:
- 16,587
- Group:
- Members
- Member
- #44,593
- Joined:
- February 12, 2005
|
You're using the second version of Advanced Profile now and not the first version?
|
|
|
| |
|
Tyler Dream
|
Jul 24 2015, 11:10 PM
Post #41
|
- Posts:
- 564
- Group:
- Members
- Member
- #613,076
- Joined:
- December 28, 2013
- I'm Browsing With
- Chrome
|
Was always using second
|
|
|
| |
|
Cory
|
Jul 24 2015, 11:12 PM
Post #42
|
- Posts:
- 16,587
- Group:
- Members
- Member
- #44,593
- Joined:
- February 12, 2005
|
OK, I see now. I'm going to have to make some edits to the main script itself to fix it.
|
|
|
| |
|
Tyler Dream
|
Jul 24 2015, 11:18 PM
Post #43
|
- Posts:
- 564
- Group:
- Members
- Member
- #613,076
- Joined:
- December 28, 2013
- I'm Browsing With
- Chrome
|
Ok
|
|
|
| |
|
Cory
|
Jul 31 2015, 07:39 PM
Post #44
|
- Posts:
- 16,587
- Group:
- Members
- Member
- #44,593
- Joined:
- February 12, 2005
|
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>
|
|
|
| |
|
Tyler Dream
|
Jul 31 2015, 07:48 PM
Post #45
|
- Posts:
- 564
- Group:
- Members
- Member
- #613,076
- Joined:
- December 28, 2013
- I'm Browsing With
- Chrome
|
It works now but the background color makes it hard to read. Can the font be changed to black instead of grey?
|
|
|
| |
| 1 user reading this topic (1 Guest and 0 Anonymous)
|