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

Usertitle

HTML Code

Retrieved from "https://wiki.runeglory.com/index.php?title=User:Jplayer&oldid=1251"