Character Description: Difference between revisions
Buffalowing (talk | contribs) m adds template |
Buffalowing (talk | contribs) mNo edit summary |
||
| (2 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
[[Category:Game_Client_Guides]] | [[Category:Game_Client_Guides]] | ||
{{Template:Client_Guide_Info}} | <center>{{Template:Client_Guide_Info}}</center> | ||
This page will serve as an example of how to setup a character description HTML like you may have seen in-game. You can access in-game character descriptions by right-clicking another player. Clicking on the circle icon on the window that appears will open the 'playby' or long description. | This page will serve as an example of how to setup a character description HTML like you may have seen in-game. You can access in-game character descriptions by right-clicking another player. Clicking on the circle icon on the window that appears will open the 'playby' or long description. | ||
| Line 18: | Line 20: | ||
We'll select an image we want, then right click -> copy image address (This may be worded slightly differently depending on your browser) | We'll select an image we want, then right click -> copy image address (This may be worded slightly differently depending on your browser) | ||
From there, we have our art! Yay! Now enter it into the | From there, we have our art! Yay! Now enter it into the example portion of the below template: | ||
< | <nowiki><div style=width=100%;height:100%;background-image:url(DIRECT LINK TO YOUR .JPG or .PNG GOES HERE);background-repeat:no-repeat;></div></nowiki> | ||
So the final product should look like this: | So the final product should look something like this: | ||
< | <nowiki><div style=width=100%;height:100%;background-image:url(https://i.gyazo.com/726c503c1e17c3f3e3948c754e0414eb.jpg);background-repeat:no-repeat;></div></nowiki> | ||
''Note: The 'width' and 'height' properties can be set to regular numbers, numbers with 'px' at the end to indicate exact pixels (though the result is largely the same), or a percentage of the window that contains them. Setting these properties to 100% ensures the image is at it's maximum viewable size no matter what resolution the user viewing it has, or if they have maximized the window or not.'' | ''Note: The 'width' and 'height' properties can be set to regular numbers, numbers with 'px' at the end to indicate exact pixels (though the result is largely the same), or a percentage of the window that contains them. Setting these properties to 100% ensures the image is at it's maximum viewable size no matter what resolution the user viewing it has, or if they have maximized the window or not.'' | ||
| Line 31: | Line 33: | ||
[[File:Change_description_button.png]] | [[File:Change_description_button.png]] | ||
From there, a window will appear. This is the UI we'll paste our | From there, a window will appear. This is the UI we'll paste our code we made above. Make sure to add a short description while you're there! Something like your height, and a basic mood your character might be in. | ||
[[File:Character_description_window.png|250px]] | [[File:Character_description_window.png|250px]] | ||
| Line 39: | Line 41: | ||
[[File:Character_description_example_1.png|250px]] | [[File:Character_description_example_1.png|250px]] | ||
Latest revision as of 02:45, 1 August 2025
 Notice: This page is part of a series of guides and information regarding the Eternia game client.
You can find the full list of them on the category page here. |
This page will serve as an example of how to setup a character description HTML like you may have seen in-game. You can access in-game character descriptions by right-clicking another player. Clicking on the circle icon on the window that appears will open the 'playby' or long description.
An example of an image description
Basic Guide to Image Descriptions[edit]
First, you'll need character art. You can enter some basic attributes about your character into Google images' keyword-based search engine to get a few results we might like. For our example character, let's say that she wears a white kimono top and red robe bottoms. We'll google 'shrine maiden with red eyes' or 'anime girl white kimono red dress' and see if we find something we can work with. Remember, it doesn't have to match your character 1:1! This is just a representative artwork that you'll enjoy having as a way for others to visualize your character outside of pixel sprites.
In our keyword search we produced a number of results:
We'll select an image we want, then right click -> copy image address (This may be worded slightly differently depending on your browser)
From there, we have our art! Yay! Now enter it into the example portion of the below template:
<div style=width=100%;height:100%;background-image:url(DIRECT LINK TO YOUR .JPG or .PNG GOES HERE);background-repeat:no-repeat;></div>
So the final product should look something like this:
<div style=width=100%;height:100%;background-image:url(https://i.gyazo.com/726c503c1e17c3f3e3948c754e0414eb.jpg);background-repeat:no-repeat;></div>
Note: The 'width' and 'height' properties can be set to regular numbers, numbers with 'px' at the end to indicate exact pixels (though the result is largely the same), or a percentage of the window that contains them. Setting these properties to 100% ensures the image is at it's maximum viewable size no matter what resolution the user viewing it has, or if they have maximized the window or not.
The final step is to open the in-game options cogwheel menu at the bottom of your HUD and select 'change description'.
From there, a window will appear. This is the UI we'll paste our code we made above. Make sure to add a short description while you're there! Something like your height, and a basic mood your character might be in.
That's it! Now when viewing your character description, other players will see your desired art. You can get fancy with things like adding audio, editing the image using programs like Gimp, and more!
