(See All?) Announcements
371 Users Online
Google, Adelard, Jethro, Bing, Nadine, Apollo, Eros

Creating your profile
Print · · Subscribe · 2 Loves ·
Posted by Spirit of Wildwood who has 4,811 posts.

Creating your Profile.

Your profile is one of the most important parts of RoW — it gives your fellow RPers information about your wolf which can enhance their posts, as well as help generate ideas for potential plots. On RoW we only request that your character's vitals (e.g. their name, age and gender) are filled in, however if you take the time to add more details it shows you how customizable a profile can be. On RoW you can customize how your profile looks (e.g. add a skin, a banner, dedicated to your character) as well as add extra fields to include further data that there is not a specific space for.

By default RoW has many fields that you can fill in about your character if you wish as well as capabilities for adding images to show your wolf's appearance as well. Using some of the html suggested below (see 'IC Profile Look') you can also add new fields to suit your needs. On RoW you also have the option to use the 'extended profile' where you can create an entire new page and include on there whatever you like.

For information on short codes you can include in your profile, please refer to the Short Codes Article.

Tips to create a 'good' profile
— Keep it brief and to the point. Avoid writing pages and pages on your wolf and make sure you keep it easy reading.
— However be descriptive, imagine your writing an eye witness account on your wolf. Think key/vital details!
— Remember what you are writing about! Don't start talking about personalities when your writing appearances.
— Make sure your descriptions are clear (especially for appearances), avoid awkward 'RP lingo' (a paw's a paw, not a 'mitten'!)
— Try to think what you would want to know about other people's characters and apply that your own.

Unsure of how to achieve the customization you want, or how html/css works?
— Post your questions, or requests, in the Genius Bar

(This post was last modified: Apr 11, 2014, 07:10 AM by Angier.)
Reply
#1
Posted by Spirit of Wildwood who has 4,811 posts.

IC Profile Look.

As RoW has HTML enabled fields it means you are able to customize the skin on your profile page to create a personal one for your wolf. To do so requires the following CSS code to be placed in your "Profile CSS" field. The personal skin can also be used on your Extra Profile Page.


Code:
#content { background:url(http://i.imgur.com/ynKEC2Y.png) repeat #fefffc;}a:link, a:visited, h1 {color: #b15147;}a:hover, a:active {color: #e77740;}#logo {height:300px;}.regular {background-image:url(http://relic-lore.net/images/skins/banners/18/stardust-rachel.png); background-color:#000; min-height: 300px;}.blurred {background-image:url(http://relic-lore.net/images/skins/banners/18/stardust-blur-rachel.png); background-color:#000; min-height: 300px;}.thead {background: #b15147; color: #ffcac5;}.thead a:link, .thead a:visited  {color: #ffcac5;}.thead a:hover, .thead a:active {color: #fde9e7;}.tcat {background: #e77740; color: #feb793;}.tcat a:link, .tcat a:visited {color: #feb793;}.tcat a:hover, .tcat a:active {color: #ffd5c0;}

#content - This controls the background area immediately behind the forums and sidebar. The default background image is transparent, meaning you can just change the background-color to change the color of the image.

a:link - This changes the color of the link text.

#logo - This is the height of the banner image.

.regular - This controls the banner image, replace with your URL.
.blurred - If you want to have the blur effect, you need to replace this with your blurred image URL. If you don't want to have the blurred effect, replace with the .regular banner image.

.thead - This is the primary color of the skin, where you see the "Announcements & Updates" text.
.tcat - This is the secondary color of the skin, where you see the "Current News, Weather, and Upcoming Events" text.

For advanced users, there are other areas of the skin that you might also want to customize:

#top_nav - This controls the navigation bar directly above the banner.
#bottom_nav - This controls the navigation bar directly below the banner.
.trow1 - The body area of the forums, where you see your posts and content.
#footer - The footer bar at the bottom of the forum.
.outer-shadow - The drop shadow behind the forums.

If you can't find the element that you want to change, all modern browsers come with an inspect function and developer tools that let you easily change CSS and see what it looks like.

Notes!:
  • All of your CSS must be on the same line. Do not use line breaks or it will not work.
  • You must add style tags around the profile code for it to work.
  • If your logo image is taller than the default 300px, you will need to update all instances of height and min-height to the pixel height of your image.

Adding New Fields.

If you would like to add extra information about your wolf in a new section that the profile currently doesn't offer it is also possible. For example a 'History in Relic Lore' field could be made or a place to store old/retired graphics. The new field is added at the bottom of the field you want it to show up beneath. For example, if you wish your new field to be beneath the 'Appearance' section, put the code at the bottom of the 'Appearance' field.

The code for creating your new field is as follows, and it does not need any tinkering with, as it is complete and working unless you take some piece out.

Code:
</div>
<div class='tcat'>New Field</div>
<div class='trow1'>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sit amet purus vitae orci congue scelerisque. Donec ac lacus in ante convallis suscipit ac eu leo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Customizing the Look of your Fields.

There is simple html you can use to simply and easily customize how each of these fields look. For example you could add a small 'div' to divide the field in half and have content displayed in two columns instead of one main block of text using the following html.

Code:
Some of my text here. This will show up to the right.
<div style="float:left;">Add your content here. This will show up to the left.</div>.

Output:

Some of my text here. This will show up to the right.
Add your content here. This will show up to the left.

This can easily be styled with extra CSS, perhaps to create a dividing border (border-right: 1px;), margins (margin-right: 5px;), background color (background-color: #hex code;) or whatever else you may like!

(This post was last modified: Nov 06, 2023, 03:44 AM by Clouse.)
Reply
#2
Posted by Spirit of Wildwood who has 4,811 posts.

Extra Profile Page.

Your extra page is entirely customizable. The only area you cannot change is the profile navigation bar, which you need to navigate between each section in your profile. Once you name your new page to whatever you like it will appear on this navigation and you will be able to view it like your IC, OoC and Threadlog pages. Anything you like can be shown on this page and it can be used for any purpose, so for example, you could keep track of your wolf's relationships with other wolves they have met, or keep it as a graphic archive for your character.. or anything else you think of!

Step two—step one being naming your page—is to start working in the html. The extra page is a blank slate, and unless you add in the necessary code for headers and background, it will look very weird. As most pages on RoW start with a secondary header, that's what we'll do too.

Code:
<div class="tcat">Secondary Header!</div>

And them, step three: content for your new section.

Code:
<div class="trow1">Content here!</div>

Pre-Made Relationship Logger.

Want a easy-to-use relationship logger for your wolf? Use the following code below and edit it accordingly to suit your needs or purposes. Only edit the "body_content" columns where it says either "wolf 1" or "wolf 2" and these are the columns you duplicate for more! Edit the "Pack name here" to add either a pack or lone wolf section. Copy from one < tr> to < /tr> to duplicate a section.

Code:
<table width="100%" cellspacing="0" colspan="4">
<tr><td class='tcat' colspan='4'>Pack Name Here</td></tr>
<tr>  
<td class='trow_sep' style="width:25%;">Name</td>
<td class='trow_sep' style="width:5%;border-left:0px;">Gender</td>
<td class='trow_sep' style="width:50%;border-left:0px;">Relationship comments</td>
<td class='trow_sep' style="width:20%;border-left:0px;">Threads</td>
</tr>
<tr>
<td class='trow1'>Wolf 1</td>
<td class='trow1' style="border-left:0px;">Wolf 1 Gender</td>
<td class='trow1' style="border-left:0px;">Wolf 1 Relationship comments</td>
<td class='trow1' style="border-left:0px;"><a href="">1</a>, <a href="">2</a>, <a href="">3</a></td>
</tr>
<tr>
<td class='trow1'>Wolf 2</td>
<td class='trow1' style="border-left:0px;">Wolf 2 Gender</td>
<td class='trow1' style="border-left:0px;">Wolf 2 Relationship comments</td>
<td class='trow1' style="border-left:0px;"><a href="">1</a>, <a href="">2</a>, <a href="">3</a></td>
</tr>

<tr><td class='tcat' colspan='4'>Another Pack Name</td></tr>
<tr>  
<td class='trow_sep'>Name</td>
<td class='trow_sep' style="border-left:0px;">Gender</td>
<td class='trow_sep' style="border-left:0px;">Relationship comments</td>
<td class='trow_sep' style="width:20%;border-left:0px;">Threads</td>
</tr>
<tr>
<td class='trow1'>Wolf 1</td>
<td class='trow1' style="border-left:0px;">Wolf 1 Gender</td>
<td class='trow1' style="border-left:0px;">Wolf 1 Relationship comments</td>
<td class='trow1' style="border-left:0px;"><a href="">1</a>, <a href="">2</a>, <a href="">3</a></td>
</tr>
<tr>
<td class='trow1'>Wolf 2</td>
<td class='trow1' style="border-left:0px;">Wolf 2 Gender</td>
<td class='trow1' style="border-left:0px;">Wolf 2 Relationship comments</td>
<td class='trow1' style="border-left:0px;"><a href="">1</a>, <a href="">2</a>, <a href="">3</a></td>
</tr>
</table>

What the log looks like:

Pack Name Here
NameGenderRelationship commentsThreads
Wolf 1Wolf 1 GenderWolf 1 Relationship comments1, 2, 3
Wolf 2Wolf 2 GenderWolf 2 Relationship comments1, 2, 3
Another Pack Name
NameGenderRelationship commentsThreads
Wolf 1Wolf 1 GenderWolf 1 Relationship comments1, 2, 3
Wolf 2Wolf 2 GenderWolf 2 Relationship comments1, 2, 3

PRE-MADE PERSONALITY TABLE

NeedsWantsDoDon't
to be around others
to fix things
stay on top
show weakness
ForteStrengthWeaknessDownfall
conversation
willpower
not very bright
cannot appreciate beauty
Code:
<table width="100%" cellspacing="0" colspan="4" style="padding-top: -11px;">
<tr>  
<td class='trow_sep' style="width:25%;">Needs</td>
<td class='trow_sep' style="width:25%;border-left:0px;">Wants</td>
<td class='trow_sep' style="width:25%;border-left:0px;">Do</td>
<td class='trow_sep' style="width:25%;border-left:0px;">Don't</td>
</tr>
<tr>
<td class='trow1'><center>to be around others</center></td>
<td class='trow1' style="border-left:0px;"><center>to fix things</center></td>
<td class='trow1' style="border-left:0px;"><center>stay on top</center></td>
<td class='trow1' style="border-left:0px;"><center>show weakness</center></td>
</tr>
<tr>  
<td class='trow_sep' style="width:25%;">Forte</td>
<td class='trow_sep' style="width:25%;border-left:0px;">Strength</td>
<td class='trow_sep' style="width:25%;border-left:0px;">Weakness</td>
<td class='trow_sep' style="width:25%;border-left:0px;">Downfall</td>
</tr>
<tr>
<td class='trow1'><center>conversation</center></td>
<td class='trow1' style="border-left:0px;"><center>willpower</center></td>
<td class='trow1' style="border-left:0px;"><center>not very bright</center></td>
<td class='trow1' style="border-left:0px;"><center>cannot appreciate beauty</center></td>
</tr></table>
(This post was last modified: Jan 20, 2021, 07:09 PM by Maugrim.)
Reply
#3