We do our best to give you all information you need. Use the Search menu to search for the page you are looking for. The most used pages are on the side menu or in the Popular Pages page.

Do you miss important stuff or do you have suggestions? Let us know via Discord or in-game. Thank you for using our Wiki!

Difference between revisions of "User:Jplayer"

From GrinderScape Wiki
Jump to: navigation, search
 
(7 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
<p>Lorem ipsum dolor sit amet, per in omnium deleniti, usu amet bonorum insolens ei, no menandri inciderint quo. Ex usu iusto legere patrioque, vel magna maiorum at. Vim essent blandit te, ei omnes scripta facilis nam, est et tation contentiones consequuntur. Ea assum nemore habemus mei, pri eruditi officiis te. Est ea alii essent delectus, cu quo nonumy periculis, has aliquid denique perpetua ad. Ipsum disputationi id eum.</p>
+
<!-- TEXT -->
<div style="display: flex;">
+
<p style="font-weight: bold;">Text</p>
<input id="database_input" type="text">
+
<input type="text" maxlength="30" value="Usertitle" id="text" class="update">
<button id="database_button">Search</button>
+
<br>
</div>
+
<br>
<table style="width: 255px; table-layout: fixed; text-align: center; float: right; margin-left: 30px!important;">
+
<!-- COLOR -->
<tr>
+
<p style="font-weight: bold;">Color</p>
<th style="text-align: center!important;">Picture</th>
+
<input id="color" type="color" value="#C0C0C0" class="update">
<td id="picture"></td>
+
<br>
</tr>
+
<br>
<tr>
+
<!-- GLOW COLOR -->
<th style="text-align: center!important;">Min price</th>
+
<p style="font-weight: bold;">Glow Color</p>
<td id="min_price"></td>
+
<input id="glowColor" type="color" value="#C0C0C0" class="update">
</tr>
+
<br>
<tr>
+
<br>
<th style="text-align: center!important;">Max price</th>
+
<!-- GLOW RADIUS -->
<td id="max_price"></td>
+
<p style="font-weight: bold;">Glow Radius</p>
</tr>
+
<div class="itemBackground"><input id="glowRadius" type="range" min="0" max="1000" value="1000" class="update"></div>
<tr>
+
<br>
<th style="text-align: center!important;">Donator</th>
+
<!-- TEXT FORMATTING -->
<td id="donator"></td>
+
<p style="font-weight: bold;">Text Formatting</p>
</tr>
+
<div class="itemBackground" style="padding: 10px;">
<tr>
+
<label><input type="checkbox" id="bold" class="update" checked=""><div style="line-height: 20px;">Bold</div></label>
<th style="text-align: center!important;">Tradeable</th>
+
<label><input type="checkbox" id="italic" class="update"><div style="line-height: 20px;">Italic</div></label>
<td id="tradeable"></td>
+
<label><input type="checkbox" id="strikethrough" class="update"><div style="line-height: 20px;">Strikethrough</div></label>
</tr>
+
<label><input type="checkbox" id="glitter" class="update"><div style="line-height: 20px;">Glitter</div></label>
<tr>
+
</div>
<th style="text-align: center!important;">Noteable</th>
+
<br>
<td id="noteable"></td>
+
<!-- PREVIEW -->
</tr>
+
<p style="font-weight: bold;">Preview</p>
<tr>
+
<div style="padding: 30px; background-color: #1D1D1D; text-align: center; border: 1px solid #A2A2A2; font-size: 12px;">
<th style="text-align: center!important;">Stackable</th>
+
<span id="preview"></span>
<td id="stackable"></td>
+
</div>
</tr>
+
<br>
<tr>
+
<!-- HTML CODE -->
<th style="text-align: center!important;">Equipable</th>
+
<p style="font-weight: bold;">HTML Code</p>
<td id="equipable"></td>
+
<input type="text" id="code">
</tr>
+
 
</table>
+
 
<h1 id="name">Abyssal vine whip</h1>
+
 
<div>
+
 
<h2>Uses</h2>
+
 
<p id="uses"></p>
+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
</div>
+
<script type="text/javascript">
<div>
+
 
<h2>Notes</h2>
+
update();
<p id="notes"></p>
+
 
</div>
+
$( "input.update" ).change( function() {
<div>
+
update();
<h2>Sources</h2>
+
});
<p id="sources"></p>
+
 
</div>
+
function update() {
<table style="width: 425px; table-layout: fixed; text-align: center;">
+
 
<tr>
+
var text = $( "input#text" ).val();
<th style="text-align: center!important;">Type</th>
+
var color = $( "input#color" ).val();
<th style="text-align: center!important;">Att bonus</th>
+
var glowColor = $( "input#glowColor" ).val();
<th style="text-align: center!important;">Def bonus</th>
+
var glowRadius = $( "input#glowRadius" ).val() / 100;
<th style="text-align: center!important;" colspan="2">Skill requirements</th>
+
 
</tr>
+
// TEXT SHADOW
<tr>
+
 
<th style="text-align: center!important;"><img src="https://i.imgur.com/XveJinC.png"></th>
+
if ( glowRadius == 0 ) {
<td id="ab_stab"></td>
+
var textShadow = "text-shadow: none;";
<td id="db_stab"></td>
+
} else {
<th style="text-align: center!important;"><img src="https://i.imgur.com/5ZxA3wR.png" style="height: 30px;"></th>
+
var textShadow = "text-shadow: 0 0 " + glowRadius + "px " + glowColor + ";";
<td id="sr_defence"></td>
+
}
</tr>
+
 
<tr>
+
// TEXT FORMATTING
<th style="text-align: center!important;"><img src="https://i.imgur.com/aTbTRxt.png"></th>
+
 
<td id="ab_slash"></td>
+
if ( $( "input#bold" ).is( ":checked" ) ) {
<td id="db_slash"></td>
+
var fontWeight = "bold;";
<th style="text-align: center!important;"><img src="https://i.imgur.com/lFeARW8.png" style="height: 30px;"></th>
+
} else {
<td id="sr_attack"></td>
+
var fontWeight = "normal;";
</tr>
+
}
<tr>
+
 
<th style="text-align: center!important;"><img src="https://i.imgur.com/tI6aZWK.png"></th>
+
if ( $( "input#italic" ).is( ":checked" ) ) {
<td id="ab_crush"></td>
+
var fontStyle = "italic;";
<td id="db_crush"></td>
+
} else {
<th style="text-align: center!important;"><img src="https://i.imgur.com/v7CM3yV.png" style="height: 30px;"></th>
+
var fontStyle = "initial;";
<td id="sr_strenght"></td>
+
}
</tr>
+
 
<tr>
+
if ( $( "input#strikethrough" ).is( ":checked" ) ) {
<th style="text-align: center!important;"><img src="https://i.imgur.com/80TPEPp.png"></th>
+
var textDecoration = "line-through;";
<td id="ab_magic"></td>
+
} else {
<td id="db_magic"></td>
+
var textDecoration = "initial;";
<th style="text-align: center!important;"><img src="https://i.imgur.com/Yh28JyT.png" style="height: 30px;"></th>
+
}
<td id="sr_ranged"></td>
+
 
</tr>
+
if ( $( "input#glitter" ).is( ":checked" ) ) {
<tr>
+
var background = "url(http://forum.grinderscape.org/images/Crowns/Glitter.gif);";
<th style="text-align: center!important;"><img src="https://i.imgur.com/xACgS5I.png"></th>
+
} else {
<td id="ab_range"></td>
+
var background = "none;";
<td id="db_range"></td>
+
}
<th style="text-align: center!important;"><img src="https://i.imgur.com/54JcLkG.png" style="height: 30px;"></th>
+
 
<td id="sr_magic"></td>
+
var textFormatting = "font-weight:" + fontWeight + "font-style:" + fontStyle + "text-decoration:" + textDecoration + "background:" + background;
</tr>
+
 
<tr>
+
var style = "color:" + color + ";" + textShadow + textFormatting;
<th style="text-align: center!important;" colspan="3">Other bonuses</th>
+
$( "span#preview" ).html( text ).attr( "style", style );
<th style="text-align: center!important;"><img src="https://i.imgur.com/SwPB2vN.png" style="height: 30px;"></th>
+
 
<td id="sr_hitpoints"></td>
+
$( "input#code" ).val( "<span style='" + style + "'>" + text + "</span>"  );
</tr>
+
 
<tr>
+
}
<th style="text-align: center!important;"><img src="https://i.imgur.com/v7CM3yV.png" style="height: 30px;"></th>
+
 
<td id="ob_strenght" colspan="2"></td>
+
</script>
<th style="text-align: center!important;"><img src="https://i.imgur.com/CpPlErx.png" style="height: 30px;"></th>
+
<td id="sr_prayer"></td>
+
</tr>
+
<tr>
+
<th style="text-align: center!important;"><img src="https://i.imgur.com/CpPlErx.png" style="height: 30px;"></th>
+
<td id="ob_prayer" colspan="2"></td>
+
<th style="text-align: center!important;"><img src="https://i.imgur.com/jgAlsxq.png" style="height: 30px;"></th>
+
<td id="sr_slayer"></td>
+
</tr>
+
<tr>
+
<th style="text-align: center!important;">Class</th>
+
<th style="text-align: center!important;" colspan="2">Degradable</th>
+
<th style="text-align: center!important;" colspan="2">Slot</th>
+
</tr>
+
<tr>
+
<td id="class"></td>
+
<td id="degradable" colspan="2"></td>
+
<td id="slot" colspan="2"></td>
+
</tr>
+
</table>
+
<div id="database_result"></div>
+
<div id='item_database' hidden><div item='abyssal vine whip'>Abyssal vine whip;21371;12000000000;12000000000;No;Yes;No;No;Yes;+15;+95;+15;+15;+0;+10;+10;+10;+10;+10;+105;+7;Mainhand;Melee;No;1;75;1;1;1;1;1;80;part, pkp;Wield for combat.;</div><div item='torva platebody'>Torva platebody;20139;4000000000;4000000000;No;Yes;No;No;Yes;+10;+10;+12;-31;-11;+156;+140;+120;-10;+160;+7;+1;Torso;Melee;No;80;1;1;1;1;80;1;1;prem;Worn for protection.;</div></div>
+
 
</html>
 
</html>

Latest revision as of 00:25, 27 May 2016

Text



Color



Glow Color



Glow Radius


Text Formatting


Preview


HTML Code