ScratchPad (Coding Resource)
#1
So I mentioned this to Katie in the Soulchat the last night, but I thought I'd share this resource for anyone who is having trouble with table codes and needs to ask others for help, OR if you're trying to work with someone on learning and you want to see table coding being changed in real time so you can figure out what affects what.

<!-- m --><a class="postlink" href="http://scratchpad.io/">http://scratchpad.io/</a><!-- m -->

I know there is a certain number of people who want to get better at coding or find themselves asking for help often so this might be a great site to use for either of these things!
[html]
<style>
@import url('/images/icons/postsig/signature-icons.css');
#signature-icons a {
display:inline-block;
position:relative;
margin:0;
opacity:.35;
filter:alpha(opacity=35%);
transition:200ms linear all;
-moz-transition:200ms linear all;
}
#signature-icons a:hover,
#signature-icons a:focus,
#signature-icons a:active
{
opacity:1;
filter:alpha(opacity=100%);
}
</style>

<div id="signature-icons">
<a href="#" class="reply-medium" title="REPLY SPEED: MEDIUM"></a><a href="http://wiki.soulsrpg.com/index.php?n=Players.Titmouse" target="_blank" title="PLAYER WIKI (see for rp info/preferences and commission info)" class="player-wiki"></a><a href="http://wiki.soulsrpg.com/index.php?n=Characters.TheBull" target="_blank" title="CHARACTER WIKI" class="character-wiki"></a><a href="#!" class="apparel-accessories" title="The Bull wears specific apparel - see IC wiki for in-depth info."></a><a href="#!" class="character-note" title="The Bull is blind in his LEFT eye."></a><a href="#!" class="skill-hunting" title="The Bull is a skilled hunter."></a><a href="#!" class="skill-fighting" title="The Bull is a skilled fighter and assassin."></a><a href="#!" class="skill-stealth" title="The Bull is skilled in stealth."></a>
</div>
<center>Commissions are on hold for right now until I can free up my schedule a little more to work on them. PM this account or message me on Discord if you're interested, but keep in mind that they may take a while!</center>
[/html]
  Reply
#2
Oh wow how did I miss this in the chat last night? O: Thanks for posting this! should be super helpful for some
[html]<style>
@import url('https://fonts.googleapis.com/css?family=Alegreya+SC');
@import url('/images/icons/postsig/signature-icons.css');
.KasiluSigOuter {width: 400px; margin: 0 auto; text-align: center; padding-top: 0px;}
.KasiluSigName {font-family: 'Alegreya SC'; font-size: 28px; text-shadow: 0 0 5px #fff; margin-bottom: -30px;}
.KasiluSigSplit {border-bottom: 1px solid black; margin-bottom: 5px; margin-top: -5px;}
#signature-icons a {
background-repeat: no-repeat;
display:inline-block;
position:relative;
margin:0;
opacity:.35;
filter:alpha(opacity=35%);
transition:200ms linear all;
-moz-transition:200ms linear all;
border-bottom: 3px solid transparent;

}
.KasiluSigOuter #signature-icons a:hover,
.KasiluSigOuter #signature-icons a:focus,
.KasiluSigOuter #signature-icons a:active
{
opacity:1;
filter:alpha(opacity=100%);
border-bottom: 3px solid #2aafcc; /* change the color under the icons when you hover over them on this line */
}

.KasiluSigPackIcons {
text-align:center;
margin:0px auto;
line-height:1em;
padding:2px 0px 2px 0px;
}

.KasiluSigPackIcons a {
-webkit-opacity: 0.25;
-moz-opacity: 0.25;
opacity: 0.25;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.KasiluSigPackIcons a:hover {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
</style>

<div class="KasiluSigOuter">
<span class="KasiluSigName">kasilu</span>

<div class="KasiluSigSplit"></div>

<div id="signature-icons">
<a href="https://soulsrpg.com/forum/ucp.php?i=pm&mode=compose&u=4489" class="player-contact" title="CONTACT: via PM, or Discord @ Tilu#0180"></a><a href="LINK" title="OPEN FOR THREADS!" class="open-for-threads"></a><a href="http://wiki.soulsrpg.com/index.php?n=Players.Tilu" target="_blank" title="PLAYER WIKI" class="player-wiki"></a><a href="viewtopic.php?f=13&t=34063" target="_blank" title="POST LOG : For with that grand collision, came a grave consequence" class="post-log"></a><a href="#!" class="reply-medium" title="REPLY SPEED: MEDIUM"></a><a href="#!" class="apparel-accessories" title="Character typically has feathers stuck in his fur behind one or both ears."></a><a href="#!" class="character-typical-location" title="Character is typically found in the Western Forefront or Northern Tides area."></a><a href="#!" target="_blank" title="Character speaks Jeþìsi, hover over the words for translation. When they speak English, it is mildly accented." class="foreign-language"></a><a href="http://wiki.soulsrpg.com/index.php?n=Characters.Kasilu" target="_blank" title="CHARACTER WIKI" class="character-wiki"></a><a href="https://ibb.co/album/dOYJdv" target="_blank" title="CHARACTER GALLERY &amp; CREDITS" class="ic-gallery"></a> <!-- Add any other icons you want here, and remove whichever ones you want -->
</div>

<div class="KasiluSigPackIcons">

<a href="https://soulsrpg.com/forum/openthreads.php"><img src="http://soulsrpg.com/images/pride/promo/openthreads_88x31_3.png" style="border:0px;" title="Check out the Open Threads List!" title="Check out the Open Threads List!" /></a>

</div>
</div>[/html]
  Reply
#3
ooooo

I use Google Drive's "Editey" HTML editor (one of the only ones with a preview) for all my coding shizz BUT this is an awesome resource, too!

Def gonna try out this one :)
Regsleep Regsleep Regsleep
Away
  Reply


Forum Jump: