
(04-01-2015, 12:21 AM)Edgar Wrote:(04-01-2015, 12:12 AM)Alothia Wrote: Honestly, if there are things that you like from other people's profiles, copy the formatting and change the colors around. That's what I've done. It takes some getting used to, but once you figure out what certain things do, it's pretty fun!
I'd really like just a bare template of what's going on in Jajara's page. I tried looking at the formatting as it stands and was dumbfounded by the text overwhelming my brain.Â
Give me a few minutes. ...provided she's ok with template-sharing, I'll have some code for you.
Edit: Ok, I -highly- recommend using something besides a browser to edit this. (HTML editor of choice for some syntax highlighting/autocompletion) (Or use Notepadd++ and select HTML as the language)
Edit 2: I also put a couple comments in for code blocks if they were more than a line or possibly confusing. So, so many <div> tags. There's a reason I went the [uglier in my opinion] wikitable and tabs route.
Show Content
Spoilered for size
Code: (Select All)
__NOTOC__
<div style="font-family:Segoe UI;font-size:14px;">
<div align=center>
<div style="position:relative;width:1200px;height:250px;">
<div style="position:absolute;z-index:1;">[[File: Header]</div>
<div style="position:relative;z-index:2;text-align:left;padding:15px 0px 0px 30px;font-size:50px;letter-spacing:0.2em;color:#ece8bd;text-shadow: 2px 2px 1px #948d8a;font-variant:small-caps;">Name</div>
<div style="position:relative;z-index:2;text-align:left;padding:0px 0px 2px 30px;margin-top:-15px;font-size:25px;letter-spacing:0.1em;color:#948d8a;text-shadow: 1px 1px 1px #c6c3a5;font-variant:small-caps;font-weight:bold;">Line 1</div>
<div style="position:relative;z-index:2;text-align:left;padding:0px 40px 0px 30px;margin-top:-15px;font-size:25px;letter-spacing:0.1em;color:#706b68;text-shadow: 1px 1px 1px #c6c3a5;font-variant:small-caps;font-weight:bold;">Line 2</div>
<div style="position:relative;z-index:2;text-align:left;padding:0px 40px 0px 30px;margin-top:-15px;font-size:25px;letter-spacing:0.1em;color:#948d8a;text-shadow: 1px 1px 1px #c6c3a5;font-variant:small-caps;font-weight:bold;">Line 3</div>
<div style="position:relative;z-index:2;float:left;padding:5px 0px 0px 45px;">[[File: Flag]]</div>
<div style="position:relative;z-index:2;float:left;padding:5px 0px 0px 15px;">[[File: Class]]</div>
</div>
</div>
<div align=center>
<div style="width:1200px;height:100px;">
<div style="width:80%;padding-top:30px;font-family:Georgia;font-size:25px;letter-spacing:0.1em;color:#948d8a;text-shadow:0px 1px 1px #e69554;"><font style="color:#e69554;">â</font>Character Quote?<font style="color:#e69554;">âž</font></div>
</div>
</div>
<!-- Header formatting ends here! -->
<div align=center><div style="padding:10px 0px; background: #db833d;font-size:20px;color:#ece8bd;letter-spacing:0.2em;text-shadow: 1px 1px 2px #6f373a;font-weight:bold;">GENERAL INFO</div></div>
<!-- Stat Table, floats right of general info blurb. -->
<div style="float:right;margin:15px;border:1px solid #180618;width:300px;background:#ece8bd;">
<div align=center>
<div style="height:300px;width:300px;">[[File: profile pic!]]</div>
<div style="padding: 5px 0px;background:#f8b56e;font-size:15px;color:#ece8bd;letter-spacing:0.2em;text-shadow:1px 1px 2px #6f373a;font-weight:bold;">STATS</div></div>
<div align=right>
<div style="float:left;font-size:16px;width:28%;padding: 5px 15px;font-variant:small-caps;font-weight:bold;">
<div>gender</div>
<div>race</div>
<div>clan</div>
<div>citizenship</div>
<div>age</div>
<div>nameday</div>
<div>guardian</div>
<div>affiliation</div>
</div></div>
<div align=left><div style="float:left;font-size:16px;width:52%;padding: 5px 0px;font-variant:small-caps;">
<div>GENDER</div>
<div>RACE</div>
<div>CLAN</div>
<div>CITY</div>
<div>AGE</div>
<div>DOB</div>
<div>GOD</div>
<div>FC</div>
</div></div>
</div>
<!-- End of Stat Table -->
<div align=justify><div style="padding: 10px 15px;"> [GENERAL] </div></div>
<div align=center><div style="font-size:13px;"><table style="position:center;" width="90%">
<tr>
<td style="vertical-align: top;"><h3>
<div style="padding:10px 35px;background: #e69554;font-size:16px;letter-spacing:0.2em;color:#ece8bd;text-shadow: 1px 1px 2px #6f373a;"><center>LIKES</center></div></h3>
<div><font style="color:#8f827a;">â– </font> '''LIKED THING'''. DESCRIPTION</div>
<td style="vertical-align: top;"><h3>
<div style="padding:10px 35px;background: #e69554;font-size:16px;letter-spacing:0.2em;color:#ece8bd;text-shadow: 1px 1px 2px #6f373a;"><center>DISLIKES</center></div></h3>
<div><font style="color:#7e7b79;">â– </font> ''''NOT LIKED THING'''. DESCRIPTION</div>
<td style="vertical-align: top;"><h3>
<div style="padding:10px 35px;background: #e69554;font-size:16px;letter-spacing:0.2em;color:#ece8bd;text-shadow: 1px 1px 2px #6f373a;"><center>MOTIVATION</center></div></h3>
<div><font style="color:#8f827a;">â– </font> '''MOTIVATION'''. DESCRIPTION</div>
<td style="vertical-align: top;"><h3>
<div style="padding:10px 35px;background: #e69554;font-size:16px;letter-spacing:0.2em;color:#ece8bd;text-shadow: 1px 1px 2px #6f373a;"><center>STRENGTHS</center></div></h3>
<div><font style="color:#7e7b79;">â– </font> '''STRENGTH'''. DESCRIPTION</div>
<td style="vertical-align: top;"><h3>
<div style="padding:10px 35px;background: #e69554;font-size:16px;letter-spacing:0.2em;color:#ece8bd;text-shadow: 1px 1px 2px #6f373a;"><center>WEAKNESSES</center></div></h3>
<div><font style="color:#8f827a;">â– </font> '''WEAKNESS'''. DESCRIPTION</div>
<td style="vertical-align: top;"><h3>
<div style="padding:10px 35px;background: #e69554;font-size:16px;letter-spacing:0.2em;color:#ece8bd;text-shadow: 1px 1px 2px #6f373a;"><center>QUIRKS</center></div></h3>
<div><font style="color:#7e7b79;">â– </font> '''QUIRK'''. DESCRIPTION</div>
</tr></table></div></div><br>
<div align=center><div style="padding:10px 0px; background: #db833d;font-size:20px;color:#ece8bd;letter-spacing:0.2em;text-shadow: 1px 1px 2px #6f373a;font-weight:bold;">APPEARANCE</div></div>
<div style="float:left;margin:15px;border:1px solid #180618;width:250px;background:#ece8bd;">
<div align=center><div style="height:300px;width:250px;">[[File: Left Appearance Pic]]</div></div></div>
<div align=justify><div style="padding: 7px 15px;"><br>
MORE DESCRIPTION THINGS
</div></div>
<br>
<div align=center><div style="padding:10px 0px; background: #db833d;font-size:20px;color:#ece8bd;letter-spacing:0.2em;text-shadow: 1px 1px 2px #6f373a;font-weight:bold;">COMBAT</div></div>
<div align=justify><div style="padding: 7px 15px;"> Combat Description<br>
</div></div>
<div align=center><div style="font-size:13px; padding-bottom:10px;"><table style="position:center;" width="90%">
<tr>
<!-- copy this block -->
<td style="vertical-align: top;"><h3>
<div style="padding:10px 35px;background: #e69554;font-size:16px;letter-spacing:0.2em;color:#ece8bd;text-shadow: 1px 1px 2px #6f373a;"><center>WEAPON!</center></div></h3>
<div align=justify><div style="padding:10px 15px;">Blub blub blub.</div></div>
<!-- until here -->
</tr></table></div></div>
<div align=center><div style="padding:10px 0px; background: #db833d;font-size:20px;color:#ece8bd;letter-spacing:0.2em;text-shadow: 1px 1px 2px #6f373a;font-weight:bold;">HISTORY</div></div>
<div align=justify><div style="padding: 7px 15px;">
History Text
<table style="position:center;" width="100%">
<tr>
<td style="vertical-align: top;width:50%;padding-right:10px;"><h3>
<!-- This is the left column -->
<div style="padding:10px 35px;background: #f8b56e;font-size:16px;letter-spacing:0.2em;color:#ece8bd;text-shadow: 1px 1px 2px #6f373a;"><center>'''PRE-CALAMITY'''</center></div></h3>
<div style="padding:10px 0px 0px 10px; font-size:18px;color:#6f373a;text-shadow: 1px 1px 1px #dddddd;font-weight:bold;">Subsection title</div>
: <div><font style="color:#585350;" size="2">â– </font> '''YEAR''': blah blah blah</div>
</td>
<!-- And this is the right column -->
<td style="vertical-align: top;width:50%;padding-right:10px;"><h3>
<div style="padding:10px 35px;background: #f8b56e;font-size:16px;letter-spacing:0.2em;color:#ece8bd;text-shadow: 1px 1px 2px #6f373a;"><center>'''POST-CALAMITY'''</center></div></h3>
<!-- Section -->
<div style="padding:10px 0px 0px 10px; font-size:18px;color:#6f373a;text-shadow: 1px 1px 1px #dddddd;font-weight:bold;">Subsection title</div>
: <div><font style="color:#585350;" size="2">â– </font> '''YEAR''': blah blah blah</div>
<!-- end section -->
</tr></table>
<br>
<div align=center><div style="padding:10px 0px; background: #db833d;font-size:20px;color:#ece8bd;letter-spacing:0.2em;text-shadow: 1px 1px 2px #6f373a;font-weight:bold;">INTERACTIONS</div></div>
<table style="position:center;" width="100%">
<tr>
<td style="vertical-align: top;width:50%;padding-right:10px;"><h3>
<div style="padding:10px 35px;background: #f8b56e;font-size:16px;letter-spacing:0.2em;color:#ece8bd;text-shadow: 1px 1px 2px #6f373a;"><center>RUMORS</center></div></h3>
<div align=center><div>RUMOR THINGS!</div></div>
<div style="border:0px solid; padding:8px;font-size:13px;">
<div style="padding:10px 25px; background: #ffdcaf; color:#ece8bd;font-size:14px;text-shadow: 1px 1px 1px #6f373a;"><b>â—¢ COMMON RUMORS - </b>''description''</div>
<div><font style="color:#b3aba6;">â– </font> ''"Quote Text"'' '''- <font style="font-variant:small-caps;font-size:14px;">[[Person]]</font>'''.</div>
<div style="padding:10px 25px; background: #ffcc8c; color:#ece8bd;font-size:14px;text-shadow: 1px 1px 1px #6f373a;"><b>â—¢ UNCOMMON RUMORS -</b> ''description''</div>
<div><font style="color:#948d8a;">â– </font> ''"Quote Text"'' '''- <font style="font-variant:small-caps;font-size:14px;">[[Person]]</font>'''.</div>
<div style="padding:10px 25px; background: #f8b56e; color:#ece8bd;font-size:14px;text-shadow: 1px 1px 1px #6f373a;"><b>â—¢ PLAYER CHARACTER RUMORS -</b> ''description''</div>
<div><font style="color:#44413f;">â– </font> ''"Quote Text"'' '''- <font style="font-variant:small-caps;font-size:14px;">[[Person]]</font>'''.</div>
</div></td>
<td style="vertical-align: top;width:50%;padding-right:10px;"><h3>
<div style="padding:10px 35px;background: #f8b56e;font-size:16px;letter-spacing:0.2em;color:#ece8bd;text-shadow: 1px 1px 2px #6f373a;"><center>RELATIONS</center></div></h3>
<center><div>
<font style="color:#F02311;" size="2">♥</font> Romantic Attraction |
<font style="color:#FA70BC;" size="2">♥</font> Platonic Love |
<font style="color:#6B8E23;" size="2">✔</font> Positive |
<font style="color:#C24640;" size="2">✖</font> Negative |
<font style="color:#6b6e72;" size="2">â—</font> Neutral </div>
<div>
<font style="font-size:13px;">'''<font style="font-variant:small-caps;font-weight:bold;font-size:16px;">note</font>''': Descriptive Thingy</font></div></center>
<div style="margin-top:-20px;font-size:14px;">
: <div>'''<font style="font-variant:small-caps;">[[Person]]</font>''' '''(''' <font style="color:#F02311;" size="2">♥</font> ''')''' - '''???.'''</div>
: <div>Something goes here?</div>
</div>
</tr></table>
<div align=center><div style="padding:10px 0px; background: #db833d;font-size:20px;color:#ece8bd;letter-spacing:0.2em;text-shadow: 1px 1px 2px #6f373a;font-weight:bold;">GALLERY</div></div>
<center>
<br>
<gallery>
</gallery>
</center>
<div align=center><div style="padding:10px 0px; background: #db833d;font-size:20px;color:#ece8bd;letter-spacing:0.2em;text-shadow: 1px 1px 2px #6f373a;font-weight:bold;">MISCELLANY</div></div>
<div style="padding:0px 0px; font-size:16px;color:#6f373a;text-shadow: 1px 1px 1px #dddddd;font-weight:bold;">'''Potential Hooks'''</div>
:: <div><font style="color:#585350;" size="2">â– </font> '''BLUB'''. Repopulate this!</div>
<!-- Heading -->
: <div style="padding:0px 0px; font-size:16px;color:#6f373a;text-shadow: 1px 1px 1px #dddddd;font-weight:bold;">'''Outside Links:'''</div>
<!-- End Heading -->
<!-- Bullet Point-->
:: <div><font style="color:#585350;" size="2">â– </font> '''link goes here''' - stuff?</div>
<!-- End Bullet Point-->
: <div style="padding:0px 0px; font-size:16px;color:#6f373a;text-shadow: 1px 1px 1px #dddddd;font-weight:bold;">'''Misc Info:'''</div>
:: <div><font style="color:#585350;" size="2">â– </font> Template adapted from [[Bancroft Gairn]], with edits by [[Xheja Rajhera]] / [[N'hadiya Khei]]. Further edited and adapted by [[User:Cuideag|Jajara Jara]] / [[User:Cuideag|Delial Grimsong]]. Butchered into a template again by [[Franz Renatus]]</div>
[[Category: Player Character]]
[[Category: Balmung]]