Out Of Character

Sensei Fox

Eater of Goldfish Crackers
Feel free to talk about whatever you like and kill time between RPing as well as ask any questions you might have.
 
@Sensei Fox


She ended up taking a bit longer than expected, but Nerin's done! I hope you don't mind, but I changed the order of some of the parts, simply because I found myself explaining stuff about her Bio, only to find I hadn't written her Bio yet...


I might compress the larger bits using HTML Overflows later, seeing as the post is a bit big for my tastes.
 
@Ensig
I had a great time reading your character bio and enjoyed the setup you did, looks so clean I'm jelly.
Emoticon1-ClosedEyesOpenSmile.png
 
@Ariesye


Glad to see you enjoyed it! I think the main secret to keeping it clean is the inclusion of triple-spaces before paragraphs, the inclusion of '<p style="margin-left: 10px;">' before lists, and throwing 'Justify' in instead of the default margin every so often. Since the triple-spaces and 10px are about the same, it works out well for the margins, and Justify is just generally good for walls of text. Unfortunately, adding margins other than the default (40px) is impossible without Source editing. I can't remember the post requirement for accessing the Source, but... I think it's 100 posts or something.
 
@Ensig


 It appeared much like a Wikipedia format with the character picture to the right side of the page, not to mention the color scheme to fit the fishermen/sea theme you have for the character. All around nice. I don't even know how to do that, this new style on the this site still confuses me.
 
@Ariesye


Believe it or not, the trickiest part of the entire post is keeping that picture profile on the right, even despite the 'boxed in' appearance for the rest of the CS. The borders and such are <div> things, specifically <div style="color:#78C1BA">. The divs are everywhere. Everywhere. Even that line of blue between the picture and the physical description is a div.


Unfortunately, that's more Source stuff. The exact coding for the right-profile bit is this:


<div style="background-color: #78C1BA; width: 361px; height: auto; float: right; margin: 0px 0px 10px 10px; padding: 20px 20px 20px 20px;">
<p>
<img alt="elena_by_jaimito-d4raqgn.jpg" class="ipsImage" src="https://www.rpnation.com/applications/core/interface/imageproxy/imageproxy.php?img=http://orig11.deviantart.net/afd6/f/2012/059/2/d/elena_by_jaimito-d4raqgn.jpg&amp;key=6cfd062e15e83d1f47c687b0d55bced26fc677fc58723c357b1386ab7e62dfce">
</p>

<p style="text-align: center;">
<span style="color:#ffffff;">(A bit more muscular than the above image)</span>
</p>

<div style="background-color: #78C1BA; width: 100%; height: 20px;">
&nbsp;
</div>

<div style="background-color: white; width: 100%; height: auto; margin: auto; padding: 10px 10px 10px 10px;">
<p style="text-align: justify;">
<span style="color:#000000;">&nbsp; &nbsp;Nerin is a rare, non-mammalian<strong>&nbsp;Faunus</strong>&nbsp;who stands at <strong>6<sup>&#39;</sup>3<sup>&quot;</sup> / 1.91<sub>m</sub></strong>, weighing in at <strong>194<sub>lbs</sub> / 88.0<sub>kg</sub></strong> on account of her size and muscle mass (which is quite formidable). Her animalistic part is a&nbsp;</span><strong><a href="http://www.sharksider.com/images/shark-anatomy-tails.jpg" rel="external nofollow"><span style="color:#000000;">Tiger</span></a><span style="color:#000000;"> Shark Tail</span></strong><span style="color:#000000;">, which is white on the top, and becomes her tanned skin color on the bottom.</span>
</p>

<p style="text-align: justify;">
<span style="color:#000000;">&nbsp; &nbsp;She usually wears an&nbsp;</span><a href="http://postfiles4.naver.net/20151116_83/skinnyboy_144767569098853ySo_JPEG/%B5%BF%C1%F8%BE%C6_ref_%B9%DA%C7%FC%BF%ED.jpg?type=w2" rel="external nofollow">Overcoat of sorts</a><span style="color:#000000;">&nbsp;decorated with the metal imitation of a particularly large fish&#39;s skull she caught at sea on its shoulder. Unlike the image provided, the highlights would be blue rather than red, and Nerin wears the white covering in the image above,&nbsp;</span><span style="color:#000000;">making the clothing a bit more modest.&nbsp;</span>
</p>

<p style="text-align: justify;">
<span style="color:#000000;">&nbsp; &nbsp;Nerin also <strong>always wears two necklaces</strong>, one with a </span><a href="https://s-media-cache-ak0.pinimg.com/736x/77/7a/cc/777acc84e3f2facf2958b19a0bfccd21.jpg" rel="external nofollow">Hook</a><span style="color:#000000;">, and one with an </span><a href="http://cdn.shopify.com/s/files/1/0654/1609/products/35308_Fish_Hook_White_Hawaiian_Hawaii_Polynesian_New_Zealand_Maori_Pendant_Necklace_Charm_Choker_Tribal_Bone_Buffalo_Bone_1_large.jpeg?v=1441152082" rel="external nofollow">Anchor</a><span style="color:#000000;">. Both are made of the bones of fish she caught at sea, and serve to remind her of her life among the waves.</span>
</p>

<p style="text-align: justify;">
<span style="color:#000000;">&nbsp; &nbsp;Her clothing is, all-in-all, light and clean-cut to give her ease of movement. Other than the metal shoulder plate (which is hollowed out), non-cloth components are near nonexistent.</span>
</p>
</div>
</div>




Looks really confusing, but a lot of the <p style="..."> can be done without going into the Source. color:#000000 for example is just changing the text to black.
 
@Ensig


Can I ask if you can link the setup you used for your profile. If you don't mind send it via pm, best not flood out of character chat with formatting codes.
 

Users who are viewing this thread

Back
Top