Creating your profile - Printable Version +- Ruins of Wildwood (https://relic-lore.net) +-- Forum: Library (https://relic-lore.net/forumdisplay.php?fid=23) +--- Forum: Rules and Game Guides (https://relic-lore.net/forumdisplay.php?fid=151) +---- Forum: Guides (https://relic-lore.net/forumdisplay.php?fid=180) +---- Thread: Creating your profile (/showthread.php?tid=54) |
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Creating your profile - Spirit of Wildwood - Dec 21, 2012 [dohtml] Creating your Profile.
Table of Contents
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 Unsure of how to achieve the customization you want, or how html/css works? RE: Creating your profile - Spirit of Wildwood - Dec 21, 2012 [dohtml] 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. [/dohtml]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!:
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. [/dohtml]Code:
New Field
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. [/dohtml]Code: Some of my text here. This will show up to the right. 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! [/dohtml]RE: Creating your profile - Spirit of Wildwood - Dec 21, 2012 [dohtml] 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. [/dohtml] Code:
And them, step three: content for your new section. [/dohtml]Code:
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. [/dohtml] Code:
What the log looks like:
PRE-MADE PERSONALITY TABLE
Code:
|