Welcome to the RuneGlory Wiki, where we do our best to make your life easier!

You can use the search menu on the right side of the wiki (or at the bottom if you are on mobile) to search for the page you are looking for. The most popular pages can be found on the right side of the wiki aswell (or again at the bottom if you are on mobile).

Difference between revisions of "User:Jplayer"

From RuneGlory
Jump to: navigation, search
 
(32 intermediate revisions by the same user not shown)
Line 1: Line 1:
Welcome to the GrinderScape wiki. The pages here are comprised by the members of the [[wiki team]], who were carefully selected based on their knowledge and dedication in order to assist you with any queries that you may have on GrinderScape. There is a multitude of information regarding all there is to know about GrinderScape; so any information you may need should be stored here. Use the links below in order to find the page you are looking for.
+
<html>
 
+
<!-- TEXT -->
We thank you for visiting our wiki and hope we can assist you in a way or another. In case you encounter any issues in the pages or would like to leave a suggestion, please contact a member of the [[wiki team]] or make a thread [http://forum.grinderscape.org/forums/128-wiki here]. For further information about how to contribute, [[How to contribute | click here]].
+
<p style="font-weight: bold;">Text</p>
<div id="index">
+
<input type="text" maxlength="30" value="Usertitle" id="text" class="update">
<div class="index-title">Index</div>
+
<br>
<div class="index-item">
+
<br>
https://i.imgur.com/e3lPRWS.png
+
<!-- COLOR -->
<p>[[User:Jplayer/Subpage]]<br>Last modified by {{REVISIONUSER: User:Jplayer/Subpage }}.</p>
+
<p style="font-weight: bold;">Color</p>
</div>
+
<input id="color" type="color" value="#C0C0C0" class="update">
<div class="index-item">
+
<br>
https://i.imgur.com/ciQoyyC.png
+
<br>
<p>[[User:Jplayer/Subpage]]<br>Last modified by {{REVISIONUSER: User:Jplayer/Subpage }}.</p>
+
<!-- GLOW COLOR -->
</div>
+
<p style="font-weight: bold;">Glow Color</p>
<div class="index-item">
+
<input id="glowColor" type="color" value="#C0C0C0" class="update">
https://i.imgur.com/WMnpjp9.png
+
<br>
<p>[[User:Jplayer/Subpage]]<br>Last modified by {{REVISIONUSER: User:Jplayer/Subpage }}.</p>
+
<br>
</div>
+
<!-- GLOW RADIUS -->
<div class="index-item">
+
<p style="font-weight: bold;">Glow Radius</p>
https://i.imgur.com/v7CM3yV.png
+
<div class="itemBackground"><input id="glowRadius" type="range" min="0" max="1000" value="1000" class="update"></div>
<p>[[User:Jplayer/Subpage]]<br>Last modified by {{REVISIONUSER: User:Jplayer/Subpage }}.</p>
+
<br>
</div>
+
<!-- TEXT FORMATTING -->
<div class="index-item">
+
<p style="font-weight: bold;">Text Formatting</p>
https://i.imgur.com/C118Zx0.png
+
<div class="itemBackground" style="padding: 10px;">
<p>[[User:Jplayer/Subpage]]<br>Last modified by {{REVISIONUSER: User:Jplayer/Subpage }}.</p>
+
<label><input type="checkbox" id="bold" class="update" checked=""><div style="line-height: 20px;">Bold</div></label>
 +
<label><input type="checkbox" id="italic" class="update"><div style="line-height: 20px;">Italic</div></label>
 +
<label><input type="checkbox" id="strikethrough" class="update"><div style="line-height: 20px;">Strikethrough</div></label>
 +
<label><input type="checkbox" id="glitter" class="update"><div style="line-height: 20px;">Glitter</div></label>
 
</div>
 
</div>
<div class="index-item">
+
<br>
https://i.imgur.com/rAX78mz.png
+
<!-- PREVIEW -->
<p>[[User:Jplayer/Subpage]]<br>Last modified by {{REVISIONUSER: User:Jplayer/Subpage }}.</p>
+
<p style="font-weight: bold;">Preview</p>
 +
<div style="padding: 30px; background-color: #1D1D1D; text-align: center; border: 1px solid #A2A2A2; font-size: 12px;">
 +
<span id="preview"></span>
 
</div>
 
</div>
</div>
+
<br>
<html>
+
<!-- HTML CODE -->
 +
<p style="font-weight: bold;">HTML Code</p>
 +
<input type="text" id="code">
  
<script>
 
window.onload = function() {
 
  
$( "div#mw-page-base, div#mw-head-base" ).remove();
 
$( "body" ).prepend( "<nav></nav>" );
 
$( "div#p-Menu > div > ul" ).appendTo( "nav" );
 
$( "div#p-Menu" ).remove();
 
$( "div#content, div#mw-navigation" ).wrapAll( "<div id='wrap'></div>" );
 
$( "div#mw-navigation" ).insertBefore( "div#content" );
 
// $( "<div id='notice'><p>Announcement message goes here.</p></div>" ).insertAfter( "div#mw-navigation" );
 
$( "div#content" ).wrap( "<div id='content-sidebar-wrap'></div>" );
 
$( "div#mw-panel" ).insertBefore( "div#content" );
 
$( "div#content" ).wrap( "<div id='content-wrap'></div>" );
 
$( "div#contentSub" ).insertBefore( "div#content" );
 
$( "<div id='navigation'></div>" ).insertBefore( "div#contentSub" );
 
$( "div#right-navigation" ).appendTo( "div#navigation" );
 
$( "div#left-navigation" ).appendTo( "div#navigation" );
 
$( "div#contentSub, div#content" ).wrapAll( "<div id='content-contentSub-wrap'></div>" );
 
$( "div#siteNotice" ).insertAfter( "div#mw-navigation" );
 
if ( $( "span.subpages" ).length ) {
 
$( "span.subpages" ).html( $( "span.subpages" ).children() );
 
var title = $( "h1#firstHeading" ).html().split('/');
 
$( "<span>" + title[ title.length - 1 ] + "</span>" ).appendTo( "span.subpages" );
 
} else {
 
$( "div#contentSub" ).prepend( "<span class='subpages'></span>" );
 
var title = $( "h1#firstHeading" ).html().split('/');
 
$( "<span>" + title[ title.length - 1 ] + "</span>" ).appendTo( "span.subpages" );
 
}
 
  
  
$( "div#index" ).insertAfter( "div#content-contentSub-wrap" );
 
  
$.each( $( "div#index a" ), function() {
+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
 +
<script type="text/javascript">
  
var split = $( this ).html().split('/');
+
update();
$( this ).html( split[ split.length - 1 ] );
 
  
 +
$( "input.update" ).change( function() {
 +
update();
 
});
 
});
  
$.each( $( "div.index-item" ), function() {
+
function update() {
  
$( this ).wrap( "<a></a>" );
+
var text = $( "input#text" ).val();
var href = $( this ).find( "a" ).attr( "href" );
+
var color = $( "input#color" ).val();
var title = $( this ).find( "a" ).attr( "title" );
+
var glowColor = $( "input#glowColor" ).val();
$( this ).parent().attr( "href", href ).attr( "title", title );
+
var glowRadius = $( "input#glowRadius" ).val() / 100;
  
});
+
// TEXT SHADOW
  
$.each( $( "div#index img" ), function() {
+
if ( glowRadius == 0 ) {
 +
var textShadow = "text-shadow: none;";
 +
} else {
 +
var textShadow = "text-shadow: 0 0 " + glowRadius + "px " + glowColor + ";";
 +
}
  
$( this ).attr( "draggable", "false" );
+
// TEXT FORMATTING
  
});
+
if ( $( "input#bold" ).is( ":checked" ) ) {
 +
var fontWeight = "bold;";
 +
} else {
 +
var fontWeight = "normal;";
 +
}
  
 +
if ( $( "input#italic" ).is( ":checked" ) ) {
 +
var fontStyle = "italic;";
 +
} else {
 +
var fontStyle = "initial;";
 +
}
  
 +
if ( $( "input#strikethrough" ).is( ":checked" ) ) {
 +
var textDecoration = "line-through;";
 +
} else {
 +
var textDecoration = "initial;";
 +
}
  
}
+
if ( $( "input#glitter" ).is( ":checked" ) ) {
</script>
+
var background = "url(http://forum.grinderscape.org/images/Crowns/Glitter.gif);";
 +
} else {
 +
var background = "none;";
 +
}
  
 +
var textFormatting = "font-weight:" + fontWeight + "font-style:" + fontStyle + "text-decoration:" + textDecoration + "background:" + background;
  
 +
var style = "color:" + color + ";" + textShadow + textFormatting;
 +
$( "span#preview" ).html( text ).attr( "style", style );
  
<style>
+
$( "input#code" ).val( "<span style='" + style + "'>" + text + "</span>"  );
  
@import url(https://fonts.googleapis.com/css?family=Open+Sans:600);
 
 
body {
 
    background: #151515 url(https://www.grinderscape.org/assets/images/background.png);
 
    font-family: Open Sans, sans-serif;
 
    font-size: 13px;
 
    line-height: 20px;
 
    color: #909090;
 
 
}
 
}
  
p {
+
</script>
    line-height: 20px;
 
    font-size: 13px;
 
    margin: 0px;
 
    color: #909090;
 
}
 
 
 
b {
 
    color: #CBCBCB;
 
}
 
 
 
a {
 
    color: #4D984E!important;
 
    text-decoration: none!important;
 
}
 
 
 
a:hover {
 
    color: #909090!important;
 
}
 
 
 
div#index {
 
    margin-bottom: 30px;
 
    background: linear-gradient(rgba(43,55,64,0.5),rgba(43,55,64,0.5)),url(https://www.grinderscape.org/assets/images/background.png)!important;
 
    box-shadow: 0 0 5px rgba(0,0,0,0.7);
 
}
 
 
 
.index-title {
 
    background: linear-gradient(rgba(31,42,53,0.5),rgba(31,42,53,0.5)),url(https://www.grinderscape.org/assets/images/background.png);
 
    padding: 10px;
 
}
 
 
 
.index-item {
 
    display: flex;
 
    padding: 10px;
 
    border-top: 1px solid #0E1215;
 
    cursor: pointer;
 
}
 
 
 
  .index-item:hover {
 
    background: linear-gradient(rgba(31,42,53,0.5),rgba(31,42,53,0.5)),url(https://www.grinderscape.org/assets/images/background.png);
 
}
 
 
 
  .index-item:hover a {
 
    color: #909090!important;
 
}
 
 
 
  .index-item img {
 
    max-width: 40px;
 
    max-height: 40px;
 
    margin-right: 10px;
 
}
 
 
 
 
 
 
 
 
 
 
 
nav {
 
    height: 40px;
 
    background: linear-gradient( rgba( 31, 42, 53, 0.5 ), rgba( 31, 42, 53, 0.5 ) ), url(https://www.grinderscape.org/assets/images/background.png );
 
    box-shadow: 0 0 5px rgba(0,0,0,0.7);
 
}
 
 
 
nav ul {
 
    list-style-type: none;
 
    list-style-image: none;
 
    margin: 0;
 
    text-align: center;
 
}
 
 
 
  nav ul li {
 
    line-height: 20px;
 
    font-size: 13px;
 
    margin: 10px;
 
    text-transform: capitalize;
 
    display: inline-block;
 
}
 
 
 
div#wrap {
 
    background: linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.1)),url(https://www.grinderscape.org/assets/images/background.png);
 
    box-shadow: 0 0 5px rgba(0,0,0,0.7);
 
    width: 1200px;
 
    width: 1200px;
 
    margin: 30px auto;
 
    padding: 30px 30px 0 30px;
 
}
 
 
 
div#mw-head {
 
    position: initial;
 
}
 
 
 
  div#p-personal {
 
    position: initial;
 
    text-align: right;
 
    padding-bottom: 30px;
 
}
 
 
 
  #p-personal ul {
 
    padding: 0;
 
    display: inline-block;
 
    background: linear-gradient( rgba( 31, 42, 53, 0.5 ), rgba( 31, 42, 53, 0.5 ) ), url(https://www.grinderscape.org/assets/images/background.png );
 
    box-shadow: 0 0 5px rgba(0,0,0,0.7);
 
}
 
 
 
    #p-personal ul li {
 
    float: initial;
 
    margin: 0;
 
    font-size: 13px;
 
    line-height: 20px;
 
    display: inline-block;
 
    padding: 10px!important;
 
    background: none;
 
}
 
 
 
div#siteNotice {
 
    background: linear-gradient( rgba( 31, 42, 53, 0.5 ), rgba( 31, 42, 53, 0.5 ) ), url(https://www.grinderscape.org/assets/images/background.png );
 
    box-shadow: 0 0 5px rgba(0,0,0,0.7);
 
    padding: 10px;
 
    margin-bottom: 30px;
 
    text-align: center;
 
}
 
 
 
  div#localNotice {
 
    margin-bottom: 0;
 
}
 
 
 
div#content-sidebar-wrap {
 
    display: flex;
 
}
 
 
 
  div#mw-panel {
 
    position: initial;
 
    width: 20%;
 
    padding: 0px 30px 0px 0px;
 
    box-sizing: border-box;
 
}
 
 
 
  div#p-logo {
 
    display: none;
 
}
 
 
 
  div#mw-panel div.portal {
 
    background: linear-gradient( rgba( 43, 55, 64, 0.5 ), rgba( 43, 55, 64, 0.5 ) ), url(https://www.grinderscape.org/assets/images/background.png )!important;
 
    box-shadow: 0 0 5px rgba(0,0,0,0.7);
 
    margin: 0;
 
    padding: 0;
 
    margin-bottom: 30px;
 
}
 
 
 
    div#mw-panel div.portal h3 {
 
    font-size: 13px;
 
    line-height: 20px;
 
    background: linear-gradient( rgba( 31, 42, 53, 0.5 ), rgba( 31, 42, 53, 0.5 ) ), url(https://www.grinderscape.org/assets/images/background.png );
 
    padding: 10px;
 
    cursor: initial;
 
    display: block!important;
 
    color: #909090;
 
}
 
 
 
    div#mw-panel div.portal div.body {
 
    margin: 0!important;
 
}
 
 
 
    div#mw-panel div.portal div.body ul li {
 
    line-height: 20px;
 
    font-size: 13px;
 
    padding: 0;
 
    display: flex;
 
}
 
 
 
      div#mw-panel div.portal div.body ul li a {
 
    padding: 10px;
 
    border-top: 1px solid #0E1215;
 
    width: 100%;
 
}
 
 
 
      div#mw-panel div.portal div.body ul li a:hover {
 
    background: linear-gradient(rgba(31,42,53,0.5),rgba(31,42,53,0.5)),url(https://www.grinderscape.org/assets/images/background.png);
 
}
 
 
 
  div#content-wrap {
 
    width: 80%;
 
    box-sizing: border-box;
 
}
 
 
 
  #contentSub, #contentSub2 {
 
    background: linear-gradient( rgba( 31, 42, 53, 0.5 ), rgba( 31, 42, 53, 0.5 ) ), url(https://www.grinderscape.org/assets/images/background.png );
 
    padding: 10px;
 
    font-size: 13px;
 
    line-height: 20px;
 
    margin: 0;
 
    color: #909090;
 
}
 
 
 
  div#content-contentSub-wrap {
 
    box-shadow: 0 0 5px rgba(0,0,0,0.7);
 
}
 
 
 
    div#navigation {
 
    display: flex;
 
    position: relative;
 
    margin-bottom: 30px;
 
    background: linear-gradient( rgba( 31, 42, 53, 0.5 ), rgba( 31, 42, 53, 0.5 ) ), url(https://www.grinderscape.org/assets/images/background.png );
 
    box-shadow: 0 0 5px rgba(0,0,0,0.7);
 
}
 
 
 
    div#left-navigation {
 
    margin: 0;
 
}
 
 
 
    div#right-navigation {
 
    position: absolute;
 
    right: 0;
 
    margin: 0;
 
}
 
 
 
 
 
      div.vectorTabs {
 
    background: none;
 
    padding: 0;
 
    height: initial;
 
}
 
 
 
      div.vectorTabs ul {
 
    background: none;
 
}
 
 
 
        div.vectorTabs ul li {
 
    background: none;
 
    font-size: 0;
 
}
 
 
 
        div.vectorTabs li.selected {
 
    background: linear-gradient( rgba( 43, 55, 64, 0.5 ), rgba( 43, 55, 64, 0.5 ) ), url(https://www.grinderscape.org/assets/images/background.png );
 
}
 
 
 
        div.vectorTabs span {
 
    background: none;
 
}
 
 
 
          div.vectorTabs li a {
 
    font-size: 13px;
 
    line-height: 20px;
 
    padding: 10px;
 
    height: initial;
 
}
 
 
 
    div#content {
 
    margin: 0;
 
    border: 0;
 
    background: linear-gradient( rgba( 43, 55, 64, 0.5 ), rgba( 43, 55, 64, 0.5 ) ), url(https://www.grinderscape.org/assets/images/background.png );
 
    margin-bottom: 30px;
 
}
 
 
 
    h1#firstHeading {
 
    display: none;
 
}
 
 
 
div#footer {
 
    margin: 0;
 
    background: linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.1)),url(https://www.grinderscape.org/assets/images/background.png);
 
    box-shadow: 0 0 5px rgba(0,0,0,0.7);
 
    padding: 30px;
 
}
 
 
 
div#footer #footer-info li {
 
    padding: 0;
 
    font-size: 13px;
 
    line-height: 20px;
 
    text-align: center;
 
    color: #909090;
 
}
 
 
 
ul#footer-places {
 
    display: none;
 
}
 
 
 
ul#footer-icons {
 
    display: none;
 
}
 
 
 
</style>
 
 
 
 
</html>
 
</html>

Latest revision as of 00:25, 27 May 2016

Text



Color



Glow Color



Glow Radius


Text Formatting


Preview


HTML Code