Re: signature icons: IC & OOC

POSTED: Fri Sep 25, 2015 11:30 pm

Once you get the signature to work, there's a section where all of the icons are and you can smack the needed icons in there ^^
Avatar by Raze

User avatar
FriendlyHougen
Luperci
knight-to-be

POSTED: Sat Sep 26, 2015 1:38 am

Thanks so much!

-Player will roleplay ature content with the text "I am willing to rp violent/gory situations, nudity, but no sex."
-Character weares or carries apparel, accessories, tools, weapons, or items. "Mountain is normally nude, however on occasion she will wear an elk skin cloak fastened with a leather strap, decorated with a racoon skull and bone beads. Often has a pine spear."
-Character has a typical location where they are usually found. "Usually found sulking outside the Vinátta pack's territory"
- Mature character; sensitive viewers beware. "Mountain is usually nude, so if this bothers you, look away!"
-Character is a skilled hunter or fisherman. "Skilled spear hunter"
- Character is a skilled craftsman. "Makes cloaks, runes and bone skull carvings"
- Generic skill marker "Taxidermy and hide tanning"
- Spiritual skills, charisma. "Worshiper of Jörð and Odin"

POSTED: Thu Oct 01, 2015 8:25 am

I didn't include a mature icon for nudity; almost every single character on 'Souls has been nude at some point, and it is considered commonplace.

Mountain Moss

User avatar
Lorraine
Luperci Cavalleria, Vaquera
vitriolic

POSTED: Mon Jun 06, 2016 3:20 am

Ok how exactly do you put in the codeing for these... Im sorry that Im so ignorant.
ADDLER

User avatar
Spacepanda
Luperci

POSTED: Mon Jun 06, 2016 3:23 am

Addler wrote:Ok how exactly do you put in the codeing for these... Im sorry that Im so ignorant.

The guide is in the first post. :)

Basically, you'll need to copy and paste both the "HTML" and "CSS" into your signature. Where the HTML says (YOUR ICONS GO HERE) you'll copy and paste the different icons you want (their code is to the right of the icon) and just change the text to how you want it -- for example, change LINK to the relevant links.

If you still need help, you can post in Requests to ask for someone to code the signature for you as long as you have a list of what icons you want. :>



User avatar
Raze
Luperci
tatter-winged phoenix
cunning linguist

POSTED: Fri Apr 26, 2019 2:36 pm

Here's an example of a super basic version of a signature put together with the current @import CSS.

Be sure to:
  • Replace the "NAME-YO-SIG" portions to something that is something personable the character, ex. JohnSignature
Things you can change:
  • ".NAME-YO-SIG-name" -- you can change: the font, size, color, etc. of the "Your Character's Name" shown in the example
  • ".NAME-YO-SIG #signature-icons" -- This section: "solid #e52451;" will change the color of the line that appears at the bottom of the icon when you hover over it with a mouse. You must use hex codes (the 6-digit letter-number combo).
  • Remove the "#signature-icons a" and both ".NAME-YO-SIG #signature-icons" sections if you DO NOT want the icon image to change pending on if it is hovered over (right now, it is set at to be at 35% opacity, but, when you hover, the icon is at 100% opacity)

Example:
Your Character's Name

Code: Select all
[html]
<style>
@import url('/images/icons/postsig/signature-icons.css');
.NAME-YO-SIG {text-align:center; margin:0 auto; padding-top:30px; padding-bottom:20px;}
.NAME-YO-SIG-name {font:20px georgia; font-weight:bold; color:#000; letter-spacing:2px; word-spacing:2px; text-align:center; text-shadow:#fff 0 0 1px;  text-align:center; padding-bottom:3px;}

#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; }
.NAME-YO-SIG #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; }
.NAME-YO-SIG #signature-icons a:hover, .NAME-YO-SIG #signature-icons a:focus, .NAME-YO-SIG #signature-icons a:active {opacity:1; filter:alpha(opacity=100%); border-bottom: 4px solid #e52451;  box-shadow: 0px 0px 2px #000;}
</style>


<div class="NAME-YO-SIG">
<div class="NAME-YO-SIG-name">Your Character's Name</div>

<!--HEY! LOOK AT ME!  Pick whatever icons you want from the provided icons listed in Talents>Templates>"Signature icons: IC & OOC"-->
<div id="signature-icons">
<a href="LINK TO YOUR MAIN CHARACTER'S FORUM ACCOUNT" class="player-contact" title="CONTACT: PM CHARACTER"></a>
<a href="http://wiki.soulsrpg.com/index.php?n=Players.Players" target="_blank" title="PLAYER WIKI" class="player-wiki"></a>
<a href="http://wiki.soulsrpg.com/index.php?n=Characters.Characters" target="_blank" title="CHARACTER WIKI" class="character-wiki"></a>
<a href="#!" class="reply-medium" title="REPLY SPEED: MEDIUM"></a>
<a href="#!" class="optime-preference" title="OPTIME unless otherwise stated."></a>
</div>
</div>
[/html]
Asura Creo

Avatar by Remarin

User avatar
Songbird
Luperci
Meant to fly
in that sky

Templates