HOME | DD

Description
/* Journal Clean-up */ body div#devskin13710656 * { background:none; padding:0; margin:0; border:none; font-family:'Open Sans', sans-serif; } body div#devskin13710656 .gr { padding:0!important; margin-bottom:-3px; } body div#devskin13710656 .gr-top img, body div#devskin13710656 .gr1, body div#devskin13710656 .gr2, body div#devskin13710656 .gr3 { display:none; } body div#devskin13710656 a.external:after { display:none; } body div#devskin13710656 .user-symbol { font-size:0.7em; margin-left:2px; } /* Journal Top */ body div#devskin13710656 .gr-box { background:#e8e8e8; } body div#devskin13710656 .gr-top { background:#5c323e; text-align:center; padding:70px 0px 40px 0px; } body div#devskin13710656 .gr-top h2 { background:#5c323e; } body div#devskin13710656 .gr-top h2, body div#devskin13710656 .gr-top h2 a, body div#devskin13710656 .commentslink { font-family:Georgia, serif; text-align:center; letter-spacing:1px; padding:5px 20px; font-size:36px; margin:0 auto; color:#fff; } body div#devskin13710656 .timestamp { display:block; color:#b9b9b9; background:#5c323e; font-size:10px; letter-spacing:1px; text-align:center; } body div#devskin13710656 .menu { margin:0px -55px 0px -55px; padding:5px; text-align:center; background:#c0d23e; } body div#devskin13710656 .menu a:hover { text-decoration:none; } body div#devskin13710656 .link { font-family:Tahoma, sans-serif; letter-spacing:1px; text-transform:uppercase; font-size:16px; display:inline; position:relative; margin:0 auto; padding:5px 15px; } body div#devskin13710656 .link a { color:#fff !important; } body div#devskin13710656 .link:hover { background:#c0d23e; } body div#devskin13710656 .gr-top a:hover, body div#devskin13710656 .commentslink:hover, body div#devskin13710656 .text a:hover { color:#c0d23e; text-decoration:none; } /* Journal Content */ body div#devskin13710656 .text { font-family:Tahoma, sans-serif; font-size:14px; text-align:left; padding:0px 40px 0px 40px; margin:0px 15px 0px 15px; } body div#devskin13710656 .text h1, body div#devskin13710656 .text h2, body div#devskin13710656 .text h3, body div#devskin13710656 .text h4 { color:#fff; font-family:Georgia, serif; font-size:20px; letter-spacing:1px; text-align:center; margin-bottom:10px; margin-top:20px; padding:5px; } body div#devskin13710656 .text h1 { background-color:#a82743; } body div#devskin13710656 .text h2 { background-color:#e15e32; } body div#devskin13710656 .text h3 { background-color:#c0d23e; } body div#devskin13710656 .text h4 { background-color:#5c323e; } body div#devskin13710656 .text b { font-size:14px; } body div#devskin13710656 .text a { color:#f6a60d; font-weight:bold; text-decoration:none; } body div#devskin13710656 .text blockquote { margin:30px 0px 30px 0px; padding:10px; border:none; background-color:#d4d4d4; } body div#devskin13710656 .big .lit { background:transparent; width:300px; height:250px; } body div#devskin13710656 .lit { background:transparent; width:150px; height:125px; } body div#devskin13710656 .lit q { font-family:Tahoma, sans-serif; font-size:11px; font-weight:normal; padding-top:10px; } body div#devskin13710656 .lit q img { border:none; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; } body div#devskin13710656 a img, body div#devskin13710656 a.lit { border:10px solid #ffffff; margin-right:4px; } body div#devskin13710656 .lit q img:hover { border:5px; } body div#devskin13710656 .big .lit strong { font-size:14px; } body div#devskin13710656 img.lit { display:none!important; } body div#devskin13710656 a img:hover, body div#devskin13710656 a.lit:hover { box-shadow:0px 0px 10px #494949; -moz-box-shadow:0px 0px 10px #494949; -webkit-box-shadow:0px 0px 10px #494949; } body div#devskin13710656 .list { color:#fff; list-style-image:none; list-style-position:inside; list-style-type:none; display:block; background:#5c323e; padding-left:35px; padding-bottom:10px; margin:0px; } body div#devskin13710656 ul { list-style-type:square; list-style-image:none; list-style-position:inside; margin:20px; } body div#devskin13710656 ol { list-style-image:none; list-style-position:inside; margin:20px; } /* Journal Footer */ body div#devskin13710656 .credit { color:#fff; font-size:10px; margin:-20px; width:100px; } body div#devskin13710656 .credit a { font-size:10px; font-family:Tahoma, sans-serif; color:#fff; } body div#devskin13710656 .ppb.alink.bottom { background:#5c323e; padding:30px 0 10px 0; } body div#devskin13710656 hr { width:85%; padding:2px 38px; border:0px solid #c6c6c6; border-bottom-width:1px; border-top-width:1px; } body div#devskin13710656 .commentslink { color:#fff; font-family:Georgia, serif; font-size:24px; } body div#devskin13710656 .info, body div#devskin13710656 .scroll, body div#devskin13710656 .scrolltwo { width:auto; height:auto; font-family:Trebuchet MS, Helvetica, sans-serif; font-size:15px; font-weight:normal; text-align:left; line-height:14px; color:#000000; padding:15px 15px; border-radius:14px; -moz-border-radius:14px; -webkit-border-radius:14px; margin:-10px 0 -10px 0; } body div#devskin13710656 .info { background:#c0d23e; background: -webkit-linear-gradient(#c0d23e 60%, #5c323e 150%); background: -moz-linear-gradient(#c0d23e 60%, #5c323e 150%); background:linear-gradient(#c0d23e 60%, #5c323e 150%); } body div#devskin13710656 .scroll { background:#c0d23e url('https://orig00.deviantart.net/bc5d/f/2018/245/0/4/df3_by_drache_lehre-dcluor2.png'); height:100px; overflow:auto; } body div#devskin13710656 .scrolltwo { background:#c0d23e url('https://orig00.deviantart.net/3aad/f/2018/245/e/4/sdfsdf_by_drache_lehre-dclupbb.png'); height:100px; overflow:auto; } body div#devskin13710656 .scrolltwo { height:auto; font-family:Trebuchet MS, Helvetica, sans-serif; font-size:15px; font-weight:normal; text-align:left; line-height:14px; color:#dcbbc5; padding:15px 15px; border:1px solid #5c323e; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; margin:-10px 0 -10px 0; } body div#devskin13710656 .info:hover { background-color:#dcd2df; background:#c0d23e; background: -webkit-linear-gradient(#c0d23e 10%, #5c323e 100%); background: -moz-linear-gradient(#c0d23e 10%, #5c323e 100%); background:linear-gradient(#c0d23e 10%, #5c323e 100%); } body div#devskin13710656 .sample { display:none; } body div#devskin13710656 .info:hover .sample { background-color:#d8e0a2; display:block; color:black; font-size:14px; font-weight:normal; font-family:Trebuchet MS, Helvetica, sans-serif; line-height:13px; text-align:justify; margin:15px 0px 0px 0px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; padding:15px 20px; overflow:hidden; } body div#devskin13710656 .info img, body div#devskin13710656 .sample img, body div#devskin13710656 .scroll img { background:#482630; padding:10px; margin:5px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; border:1px solid #321920; vertical-align:middle; } body div#devskin13710656 .info img:hover, body div#devskin13710656 .sample img:hover, body div#devskin13710656 .scroll img:hover { background:#c1cb78; border:1px solid #ba98a2; } body div#devskin13710656 .info a:link { color:#ebe3ec; font-weight:bold; } body div#devskin13710656 .h5 { background:url(https://orig00.deviantart.net/56c9/f/2018/247/9/3/bar3_by_drache_lehre-dcm1g8b.png) no-repeat center top transparent; clear:left; color:#230043; font-size:150%; height:32px; padding:10px 0; width:auto; text-align:center; } /* for the column */ body div#devskin13710656 .left { background:#c9b1b8; border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px; color:#49212d; font-size:16px; width:48%; float:left; padding:0 5px 0 0; } body div#devskin13710656 .right { background:#c9b1b8; border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px; color:#49212d; font-size:16px; width:48%; float:right; padding:0 5px 0 0; } body div#devskin13710656 .clear { clear:both; }

Profile | My Toyhou.se

Hi there folks, thank you for coming! The idea behind this guide is to help bring some attention to the WHAT and HOW-TOs on the over looked things! You will also find links to other guides/resources that will help ya out. I'll do my best to share as much as I can so you can have access to it all in one easy-to-remember place!  If you have any questions, feel free to ask in reply HERE and I'll do my best to help. If you wish to leave a suggestion to be added to this guide, please leave a reply HERE . If you notice any of my links no longer working/broken, please let me know asap and I'll remove it! Please do NOT ask me for invite codes here as that is not what this guide is for, thank you!

Table of Contents!

     oo1.) Same pic shows in many galleries
     oo3.) Character Folders
     oo5.) Larger/Full Image View
     oo7.) Personalize your Pages *lots of links/resources*
oo9.) More FAQs & Guides

     oo2.) Avatar/Preview/Thumbs Max 200x200px
     oo4.) Character Preview/Avatars
     oo6.) Questions & Answers
     oo8.) TABs
o10.) Trade/Selling Characters



Most Images can be clicked to view full size!
Yellow boxes you hover-mouse over to reveal the info (or for mobile click it)!
oo1.) Same image shows in more than one character's gallery!
Quite literally the same image. This means you only load it one time - not repeats. Same url to this image can direct to all the characters that you 'tag'! This is especially handy if the one image has 5 characters! Why upload it 5 times and waste time when you can just quickly tag everyone and bam, all done! If you wish to 'tag' a character that belongs to someone else, that person has to approve it first. If they don't, the tag won't actually be applied. Just a heads up! Word of advice, take caution when doing this with other people. Read below to learn more on what I mean~

This piece is linked to both Ivy and Ray. If you was to view Ray's gallery , you will see this same image also shows there too!

It literally is the same image; the properties set for the image is the same for both. All folks involved gain access to edit and delete it! The last person to save their edits, such as the watermark used, will apply to everyone's.
Each of you can remove the tag, which means if the friend decides to delete the tag on you, even if by mistake, that image is now lost. It's removed from your access/gallery.
Thus with this, I highly encourage that you make sure you have a backup of your images on a private source, be it on your computer or online such-as dropbox, google drive, etc. Also a good idea in case toyhou.se was to ever go offline.

The How-To ::

This can be done at any time, either when you are submitting a new image or if you wish to go in and edit one!
While on the page setup/details for the image (which controls the watermark settings, credits etc), on the right side there is a section that reads Characters.
This is where you select who is in the picture! For a new image a button reads +Add Character, while the edit you'll have a drop-down box you have to pick from first. Then find the character.
After you decide that, Then you'll see the Select button and follow that menu till you get the one you need! I think that part explains it self so I won't put all that here. My goal is to get ya there!
oo2.) Avatars/Preview/Thumb Images can be a max of 200x200!
But that doesn't mean you have to use the max size. Besides, even if you load the max size, some areas of the site will auto auto-shrink and display it smaller.
Personal/profile avatar - Where is It? and Where is It again?
Description - This is what is seen on your own profile and by your name when you make a comment.
Character Preview/Avatar - Where is It?
Description - The image that shows up in your gallery along with their name that you need to click to be taken to that characters page.
Character Folder - Where is It?
Description - You can have folders made to sort out your characters which makes it easier to keep things organized or find one quicker; especially if you have a lot of characters to share!
* I may sometimes refer to this as gallery folders. So if you come across that, you know what I'm referring too.
oo3.) Character Folders!
You can also add an image (aka Thumbnails) to your folders! These are at a max size of 200x200. Even if you select an image to use that is larger, the site will automatically resize it down! But it helps knowing the size if you make your own special ones with fancy shapes or borders. This also means that you don't have to make yours at the max size. This is fun to draw a bit more attention to them, not necessary but can make it more fun to look at!
Visual Samples!

Featuring niidles - Uses smaller images (50x50) but still Effective!
Featuring Cats - Not really a theme nor matching sizes but still they used some!
Featuring elyxiar - This one is a double sample because also uses special images for the character avatars.

The How-To :: Hover mouse over yellow boxes to reveal info.

Option A.) After Folder has been Made :

Go to your account settings.
Go down until you see Folder Manager ; now you click it.
Look to the right you'll see all the folders that you've made. Click on the one you want to edit.
For my example, I'll go with my 'Mascot' folder.
Page has changed, here you see all the things you can set for your folder. At the top you'll see where it says Thumbnail and under that is a button that says Choose File.
You want to click on the Choose File button and select your image off your computer that you want to use!
As you'll notice, for larger images, it will automatically shrink down to allow you to display the whole picture but you don't have too, you can zoom in closer if you like. Just play around with the dot you can drag back and forth to see which looks best for you!
If you load in an image that is already at the set size of 200x200 you won't be able to drag the dot. There is no zooming allowed on these.
Once all done, click "Edit Folder" to save and apply what you've done!

Option B.) When you first make the folder :

Go to your account settings.
Go down until you see Folder Manager ; now you click it.
Scroll down just a bit and you'll see a boxed section that says Create Folder at the top of it. This is the area you need.
Here you set the name of the folder, load the image for it (aka thumbnail) and can write a description then click on Create Folder.
Now when you/folks view your characters, this folder will grab their attention better!

.. also for the folders; you can add in descriptions!!
Once a person selects that folder to view the characters within, at the top you can add in further words to explain more about this folder. Such as what exactly does it mean to you?
"Are they canine/dog type characters? Your favorites?" This is just a nice area to put more detail into what a one or two word name might not express to others.
Sample:



The How-To for Folder Descriptions :: Hover mouse over yellow boxes to reveal info.

Option A.) After Folder has been Made :

Go to your account settings.
Go down until you see Folder Manager ; now you click it.
Look to the right you'll see all the folders that you've made. Click on the one you want to edit.
For my example, I'll go with my 'Mascot' folder.
Page has changed, here you see all the things you can set for your folder. At the bottom you'll see a bigger box which you can write in.
Here is where you write in your info and then once ready, click "Edit Folder" to save and apply what you've done!
Here is a sample of mine after I did these steps I just walked you thru!
**My layout looks a bit different due to the CSS that I have applied to my profile.

Option B.) When you first make the folder :

Go to your account settings.
Go down until you see Folder Manager ; now you click it.
Scroll down just a bit and you'll see a boxed section that says Create Folder at the top of it. This is the area you need.
Here you set the name of the folder, load the image for it (if you want one), WRITE A DESCRIPTION then click on Create Folder.
Now when you/folks click on this folder to sort out your characters they can learn a bit more as to why these characters in this folder!

oo4.) Character Previews/Avatars!
Very much like the character folders only this is the images (aka Avatars) folks see to peak at your character until they select it to look closer. There are various ways to go about this and I will cover it all! There are even some nice templates for these provided in section 7 of this guide! Please take note that I provide the showing of what others have used merely as aid to show you ideas on what you can do but I do ask that you please don't do a straight up copy/steal of theirs unless you get their permission! Other wise, try to have fun and see what you can come up with yourself!
Visual Samples!

Featuring silver-latias   - Adds a light color around the edge.
Featuring MelonMilk - Uses the max size but has a fancy border for each one.
Featuring Lotor - Uses a more simple border but with some accents on the corners and is the max height but not the max width.
Featuring cult - I think these are my favorite thus far. *.* Makes use of the max width but not the height.
Featuring junip3r - Is max height but not as wide. Pretty border has stars around it.
Featuring ichi - Here we have another take on a windows box, but colorful!
The How-To :: Hover mouse over yellow boxes to reveal info.

Option A.) When you first make a Character page :

At the top you'll see + Submit; hover over it to see the pull-down menu. You want to click on Character.
Here you see all the options you can do right away. At the top you'll Upload Avatar and a button to click that reads "choose file"
You click that button and select the file from your computer that you want to use!
As you'll notice, for larger images, it will automatically shrink down to allow you to display the whole picture but you don't have too; you can zoom in closer if you like. Just play around with the dot you can drag back and forth to see which looks best for you!
If you load in an image that is already at the set size of 200x200 you won't be able to drag the dot. There is no zooming allowed on these.
After that you add all the other info you feel is necessary and then click the button at the bottom Create Character.

Option B.) After Character has been Made :
**There are 4 different ways for this one**

Option B.) WAY #1

Go to your characters gallery and scroll/sort until you get to the one you need. * I'll use Jevinn (a mascot) for my example.
Under the characters name, you'll see a picture with a number next to it (this is how many images is in that characters gallery) and a pencil.
You click on the pencil.
Now the page changes, at the very top is the box you need. It reads Re-Upload Avatar and then the "Choose File" button.
Same info about the size for adding an image to the character folders, applies to here too. ^^

Option B.) WAY #2

Go to the actual character's profile page.
Once there on the left you'll see more options, you want the Manage Character area. Click it.
You see it brings down another menu of more choices. You want to click on the pencil/Edit Profile.
Then follow steps 4 and 5 from Way #1. ^^

Option B.) WAY #3

This uses an image from that character's gallery. You can do this when you are loading a new picture or pick one that is already in the gallery.
I'll pick one already in the gallery. Using Jevinn still. We're at his gallery now.
For the picture you decide, you'll click on the pencil in the bottom right corner.
Now while on the page for this image, you scroll down to the very bottom. On the right you'll see an area that says SETTINGS.
Click the button Set as Avatar.

Option B.) WAY #4

This uses an image from the character gallery, when you are loading in a new image to be added.
You choose the file you want to load. Then you can keep the thumbnail showing the whole thing or zoom in. Whichever you choose this is also how the avatar will display.

For my example, I am zooming in. You don't have to zoom in tho.
Then scroll down, at the right on the bottom you want to CLICK in the small box that reads "Set as Avatar" to add a check mark.
Do any of the other options that you need, add credits, watermark settings, etc then once ready hit the big button on bottom that reads Upload Image!
Now you'll see when you go back to your gallery, that image now displays for this character.

oo5.) Larger/Full Size Image View!
Sometimes the art that you get is just super huge! Perhaps it has a lot of friends with it, on a lovely background or is a reference sheet!
If you'll take notice of the link symbol () under the image, you can click that and it will open the full size!

You might not be aware, but when folks click on it to view, they will see whatever size their screen allows to fit the entire height but not the actual full size. (If you make your browser smaller, you'll see it adjusted accordingly.) For this example I'll use one of my own character's reference sheet because it's a big one; at full size. If you go HERE to view Ivy's ref, you should see the full thing, not at 100% focus but adjusted to fit it to your screen.
Here is a screenshot on what I see when viewing that ref.


For me the full height is 1079 because that is how big my screen is. Now while you are still viewing her ref (not my ss, go back to the link) and you scroll down to see the image details, you'll notice the link symbol ()
THAT symbol is what you want to click when viewing the character image!! It will then allow you to full the full, gigantic size in all it's glory!!! You will for sure, need to scroll about to see it but this lets you see it CLEARLY, especially the words on the image.
oo6.) You got a Question?! Here lies the Answers!!
Question #1 - How do I create a new link in the "links" tab?
  Just FYI, this site uses this word in referring to Relationships; not to confuse you with thinking it's a place for other links to websites.
This is done from the character's page. While on that character's page, you are to select the other character in which it has the relationship with.
And from there you can add in the info and then it should show up on the main links page from your profile.

This is a fun way to show off all of your character's that are in some sort of relationship with your friends! (be it siblings, best friend, love interest etc)

Question #2 - What do all of the little icons next to characters names mean?
That symbol is referring to the "Visible to..." setting that you have applied to that character.

Question #3 - How do i make a folder within a folder? (like subfolders)
You do that on the folder management page ; toyhou.se/~folders At the top right, there is a green button + Create Folder (click on that)
Now you put the name for the folder you want to be the sub, then select the PARENT FOLDER (which is the main folder where this sub folder shall be located)
= Visual Aid

Question #4 - How and What is a Ping?
Ping is just another word for tagging or mentioning someone in a comment but it will alert them.
This is done the same way it can be done here, you put the @ symbol before their name. This will work as long as that account is still active and not deleted.

oo7.) Personalize your Pages!
Like many sites, you can either be a free member or you can be a premium member. The biggest difference that I'm aware of, is a premium member can use CSS on their pages while a free member can not.
However, a FREE member can still make use of HTML and this my friends, offers a LOT of options on customizing the appearance! In this area you'll find tons of links that I've found which I think can be of GREAT use. I just ask if you use anything to please respect and follow the rules the artist(s) have laid out!
by Hukiolukio - HTML FREEBIES - More templates!
by trunswicked - FREEBIES - Page Templates
by Eggy -
FREEBIES (use the tags to sort out what type)
PAY-to-USE *HTML*
PAY-to-USE *CSS*
(she shared it with me ^^) FONT ICONS These are great images to spice up the pages or add links, especially the social media ones. ^^
by Sixbane -
Misc Links - Really cool things to help with world and character building + more!
Bases - Shares some awesome linearts!
by cult - Templates to make your own Character Avatars!
FREEBIES
by yata - Free Icon Borders
Freebies
by Badweather4cast - Free templates !
~ Until find more!
oo8.) TABs! (Character Sub-pages)In short: a Tab is an additional page that you can create on an existing character's page. These pages also do not show up in your main gallery of your profile. These are useful for keeping other information or different images apart from the main gallery of that character.
Such examples would be, using a tab page to show and tell all about the outfit it wears or perhaps another form she/he has. Or maybe multiple forms? Each one can be kept apart on it's own tab. As of this moment, I'm not aware of their being a max to how many tabs you can have. If you've come across a limit, please tell.

Tabs can also be very helpful to keep something private/secret and only seen by those YOU want to see by locking them and only those with that special key code (sorta like being password protected) will be able to view it. This is commonly used among those who sell layout templates. They set up a tab that contains the CSS or HTML codes for a layout and only allow those who bought it access to it.
** Take note, the use of key codes can be used for the actual character page as well; it doesn't have to be a tab page.

Okay enough of what-it-is, now for the how-to!

On the character's page, go to the control panel > manage character > tabs! (left side of the page) -
Click it! Then you see the + add tab button or the change the order / edit existing ones! ^.^

From there I think you can figure the rest out, have fun!

oo9.) Other FAQs and Guides!
by Toyhou.se - General Basics [ CLICK HERE ]
by Harutuna - Introduction (of yourself) and Newcomer Guide! [ CLICK HERE ]
You need to be logged into the site to view this one. ^
o10.) List a Character for Trade or Selling!On the character's page go to the Control Panel > Manage Character > Trade Listing

Then on that page you add the ways you are willing to sell/part with it and the amount if necessary. After that you click the button on the bottom that reads "update trade listing" (this saves it)

Now when you go back to view the character's page, you'll see new tags !

Skin by illiyah

Wink/Razz — Description
/* Journal Clean-up */ body div#devskin13710656 * { background:none; padding:0; margin:0; border:none; font-family:'Open Sans', sans-serif; } body div#devskin13710656 .gr { padding:0!important; margin-bottom:-3px; } body div#devskin13710656 .gr-top img, body div#devskin13710656 .gr1, body div#devskin13710656 .gr2, body div#devskin13710656 .gr3 { display:none; } body div#devskin13710656 a.external:after { display:none; } body div#devskin13710656 .user-symbol { font-size:0.7em; margin-left:2px; } /* Journal Top */ body div#devskin13710656 .gr-box { background:#e8e8e8; } body div#devskin13710656 .gr-top { background:#5c323e; text-align:center; padding:70px 0px 40px 0px; } body div#devskin13710656 .gr-top h2 { background:#5c323e; } body div#devskin13710656 .gr-top h2, body div#devskin13710656 .gr-top h2 a, body div#devskin13710656 .commentslink { font-family:Georgia, serif; text-align:center; letter-spacing:1px; padding:5px 20px; font-size:36px; margin:0 auto; color:#fff; } body div#devskin13710656 .timestamp { display:block; color:#b9b9b9; background:#5c323e; font-size:10px; letter-spacing:1px; text-align:center; } body div#devskin13710656 .menu { margin:0px -55px 0px -55px; padding:5px; text-align:center; background:#c0d23e; } body div#devskin13710656 .menu a:hover { text-decoration:none; } body div#devskin13710656 .link { font-family:Tahoma, sans-serif; letter-spacing:1px; text-transform:uppercase; font-size:16px; display:inline; position:relative; margin:0 auto; padding:5px 15px; } body div#devskin13710656 .link a { color:#fff !important; } body div#devskin13710656 .link:hover { background:#c0d23e; } body div#devskin13710656 .gr-top a:hover, body div#devskin13710656 .commentslink:hover, body div#devskin13710656 .text a:hover { color:#c0d23e; text-decoration:none; } /* Journal Content */ body div#devskin13710656 .text { font-family:Tahoma, sans-serif; font-size:14px; text-align:left; padding:0px 40px 0px 40px; margin:0px 15px 0px 15px; } body div#devskin13710656 .text h1, body div#devskin13710656 .text h2, body div#devskin13710656 .text h3, body div#devskin13710656 .text h4 { color:#fff; font-family:Georgia, serif; font-size:20px; letter-spacing:1px; text-align:center; margin-bottom:10px; margin-top:20px; padding:5px; } body div#devskin13710656 .text h1 { background-color:#a82743; } body div#devskin13710656 .text h2 { background-color:#e15e32; } body div#devskin13710656 .text h3 { background-color:#c0d23e; } body div#devskin13710656 .text h4 { background-color:#5c323e; } body div#devskin13710656 .text b { font-size:14px; } body div#devskin13710656 .text a { color:#f6a60d; font-weight:bold; text-decoration:none; } body div#devskin13710656 .text blockquote { margin:30px 0px 30px 0px; padding:10px; border:none; background-color:#d4d4d4; } body div#devskin13710656 .big .lit { background:transparent; width:300px; height:250px; } body div#devskin13710656 .lit { background:transparent; width:150px; height:125px; } body div#devskin13710656 .lit q { font-family:Tahoma, sans-serif; font-size:11px; font-weight:normal; padding-top:10px; } body div#devskin13710656 .lit q img { border:none; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; } body div#devskin13710656 a img, body div#devskin13710656 a.lit { border:10px solid #ffffff; margin-right:4px; } body div#devskin13710656 .lit q img:hover { border:5px; } body div#devskin13710656 .big .lit strong { font-size:14px; } body div#devskin13710656 img.lit { display:none!important; } body div#devskin13710656 a img:hover, body div#devskin13710656 a.lit:hover { box-shadow:0px 0px 10px #494949; -moz-box-shadow:0px 0px 10px #494949; -webkit-box-shadow:0px 0px 10px #494949; } body div#devskin13710656 .list { color:#fff; list-style-image:none; list-style-position:inside; list-style-type:none; display:block; background:#5c323e; padding-left:35px; padding-bottom:10px; margin:0px; } body div#devskin13710656 ul { list-style-type:square; list-style-image:none; list-style-position:inside; margin:20px; } body div#devskin13710656 ol { list-style-image:none; list-style-position:inside; margin:20px; } /* Journal Footer */ body div#devskin13710656 .credit { color:#fff; font-size:10px; margin:-20px; width:100px; } body div#devskin13710656 .credit a { font-size:10px; font-family:Tahoma, sans-serif; color:#fff; } body div#devskin13710656 .ppb.alink.bottom { background:#5c323e; padding:30px 0 10px 0; } body div#devskin13710656 hr { width:85%; padding:2px 38px; border:0px solid #c6c6c6; border-bottom-width:1px; border-top-width:1px; } body div#devskin13710656 .commentslink { color:#fff; font-family:Georgia, serif; font-size:24px; } body div#devskin13710656 .info, body div#devskin13710656 .scroll, body div#devskin13710656 .scrolltwo { width:auto; height:auto; font-family:Trebuchet MS, Helvetica, sans-serif; font-size:15px; font-weight:normal; text-align:left; line-height:14px; color:#000000; padding:15px 15px; border-radius:14px; -moz-border-radius:14px; -webkit-border-radius:14px; margin:-10px 0 -10px 0; } body div#devskin13710656 .info { background:#c0d23e; background: -webkit-linear-gradient(#c0d23e 60%, #5c323e 150%); background: -moz-linear-gradient(#c0d23e 60%, #5c323e 150%); background:linear-gradient(#c0d23e 60%, #5c323e 150%); } body div#devskin13710656 .scroll { background:#c0d23e url('https://orig00.deviantart.net/bc5d/f/2018/245/0/4/df3_by_drache_lehre-dcluor2.png'); height:100px; overflow:auto; } body div#devskin13710656 .scrolltwo { background:#c0d23e url('https://orig00.deviantart.net/3aad/f/2018/245/e/4/sdfsdf_by_drache_lehre-dclupbb.png'); height:100px; overflow:auto; } body div#devskin13710656 .scrolltwo { height:auto; font-family:Trebuchet MS, Helvetica, sans-serif; font-size:15px; font-weight:normal; text-align:left; line-height:14px; color:#dcbbc5; padding:15px 15px; border:1px solid #5c323e; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; margin:-10px 0 -10px 0; } body div#devskin13710656 .info:hover { background-color:#dcd2df; background:#c0d23e; background: -webkit-linear-gradient(#c0d23e 10%, #5c323e 100%); background: -moz-linear-gradient(#c0d23e 10%, #5c323e 100%); background:linear-gradient(#c0d23e 10%, #5c323e 100%); } body div#devskin13710656 .sample { display:none; } body div#devskin13710656 .info:hover .sample { background-color:#d8e0a2; display:block; color:black; font-size:14px; font-weight:normal; font-family:Trebuchet MS, Helvetica, sans-serif; line-height:13px; text-align:justify; margin:15px 0px 0px 0px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; padding:15px 20px; overflow:hidden; } body div#devskin13710656 .info img, body div#devskin13710656 .sample img, body div#devskin13710656 .scroll img { background:#482630; padding:10px; margin:5px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; border:1px solid #321920; vertical-align:middle; } body div#devskin13710656 .info img:hover, body div#devskin13710656 .sample img:hover, body div#devskin13710656 .scroll img:hover { background:#c1cb78; border:1px solid #ba98a2; } body div#devskin13710656 .info a:link { color:#ebe3ec; font-weight:bold; } body div#devskin13710656 .h5 { background:url(https://orig00.deviantart.net/56c9/f/2018/247/9/3/bar3_by_drache_lehre-dcm1g8b.png) no-repeat center top transparent; clear:left; color:#230043; font-size:150%; height:32px; padding:10px 0; width:auto; text-align:center; } /* for the column */ body div#devskin13710656 .left { background:#c9b1b8; border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px; color:#49212d; font-size:16px; width:48%; float:left; padding:0 5px 0 0; } body div#devskin13710656 .right { background:#c9b1b8; border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px; color:#49212d; font-size:16px; width:48%; float:right; padding:0 5px 0 0; } body div#devskin13710656 .clear { clear:both; }

Profile | My Toyhou.se

Hi there folks, thank you for coming! The idea behind this guide is to help bring some attention to the WHAT and HOW-TOs on the over looked things! You will also find links to other guides/resources that will help ya out. I'll do my best to share as much as I can so you can have access to it all in one easy-to-remember place!  If you have any questions, feel free to ask in reply HERE and I'll do my best to help. If you wish to leave a suggestion to be added to this guide, please leave a reply HERE . If you notice any of my links no longer working/broken, please let me know asap and I'll remove it! Please do NOT ask me for invite codes here as that is not what this guide is for, thank you!

Table of Contents!

     oo1.) Same pic shows in many galleries
     oo3.) Character Folders
     oo5.) Larger/Full Image View
     oo7.) Personalize your Pages *lots of links/resources*
oo9.) More FAQs & Guides

     oo2.) Avatar/Preview/Thumbs Max 200x200px
     oo4.) Character Preview/Avatars
     oo6.) Questions & Answers
     oo8.) TABs
o10.) Trade/Selling Characters



Most Images can be clicked to view full size!
Yellow boxes you hover-mouse over to reveal the info (or for mobile click it)!
oo1.) Same image shows in more than one character's gallery!
Quite literally the same image. This means you only load it one time - not repeats. Same url to this image can direct to all the characters that you 'tag'! This is especially handy if the one image has 5 characters! Why upload it 5 times and waste time when you can just quickly tag everyone and bam, all done! If you wish to 'tag' a character that belongs to someone else, that person has to approve it first. If they don't, the tag won't actually be applied. Just a heads up! Word of advice, take caution when doing this with other people. Read below to learn more on what I mean~

This piece is linked to both Ivy and Ray. If you was to view Ray's gallery , you will see this same image also shows there too!

It literally is the same image; the properties set for the image is the same for both. All folks involved gain access to edit and delete it! The last person to save their edits, such as the watermark used, will apply to everyone's.
Each of you can remove the tag, which means if the friend decides to delete the tag on you, even if by mistake, that image is now lost. It's removed from your access/gallery.
Thus with this, I highly encourage that you make sure you have a backup of your images on a private source, be it on your computer or online such-as dropbox, google drive, etc. Also a good idea in case toyhou.se was to ever go offline.

The How-To ::

This can be done at any time, either when you are submitting a new image or if you wish to go in and edit one!
While on the page setup/details for the image (which controls the watermark settings, credits etc), on the right side there is a section that reads Characters.
This is where you select who is in the picture! For a new image a button reads +Add Character, while the edit you'll have a drop-down box you have to pick from first. Then find the character.
After you decide that, Then you'll see the Select button and follow that menu till you get the one you need! I think that part explains it self so I won't put all that here. My goal is to get ya there!
oo2.) Avatars/Preview/Thumb Images can be a max of 200x200!
But that doesn't mean you have to use the max size. Besides, even if you load the max size, some areas of the site will auto auto-shrink and display it smaller.
Personal/profile avatar - Where is It? and Where is It again?
Description - This is what is seen on your own profile and by your name when you make a comment.
Character Preview/Avatar - Where is It?
Description - The image that shows up in your gallery along with their name that you need to click to be taken to that characters page.
Character Folder - Where is It?
Description - You can have folders made to sort out your characters which makes it easier to keep things organized or find one quicker; especially if you have a lot of characters to share!
* I may sometimes refer to this as gallery folders. So if you come across that, you know what I'm referring too.
oo3.) Character Folders!
You can also add an image (aka Thumbnails) to your folders! These are at a max size of 200x200. Even if you select an image to use that is larger, the site will automatically resize it down! But it helps knowing the size if you make your own special ones with fancy shapes or borders. This also means that you don't have to make yours at the max size. This is fun to draw a bit more attention to them, not necessary but can make it more fun to look at!
Visual Samples!

Featuring niidles - Uses smaller images (50x50) but still Effective!
Featuring Cats - Not really a theme nor matching sizes but still they used some!
Featuring elyxiar - This one is a double sample because also uses special images for the character avatars.

The How-To :: Hover mouse over yellow boxes to reveal info.

Option A.) After Folder has been Made :

Go to your account settings.
Go down until you see Folder Manager ; now you click it.
Look to the right you'll see all the folders that you've made. Click on the one you want to edit.
For my example, I'll go with my 'Mascot' folder.
Page has changed, here you see all the things you can set for your folder. At the top you'll see where it says Thumbnail and under that is a button that says Choose File.
You want to click on the Choose File button and select your image off your computer that you want to use!
As you'll notice, for larger images, it will automatically shrink down to allow you to display the whole picture but you don't have too, you can zoom in closer if you like. Just play around with the dot you can drag back and forth to see which looks best for you!
If you load in an image that is already at the set size of 200x200 you won't be able to drag the dot. There is no zooming allowed on these.
Once all done, click "Edit Folder" to save and apply what you've done!

Option B.) When you first make the folder :

Go to your account settings.
Go down until you see Folder Manager ; now you click it.
Scroll down just a bit and you'll see a boxed section that says Create Folder at the top of it. This is the area you need.
Here you set the name of the folder, load the image for it (aka thumbnail) and can write a description then click on Create Folder.
Now when you/folks view your characters, this folder will grab their attention better!

.. also for the folders; you can add in descriptions!!
Once a person selects that folder to view the characters within, at the top you can add in further words to explain more about this folder. Such as what exactly does it mean to you?
"Are they canine/dog type characters? Your favorites?" This is just a nice area to put more detail into what a one or two word name might not express to others.
Sample:



The How-To for Folder Descriptions :: Hover mouse over yellow boxes to reveal info.

Option A.) After Folder has been Made :

Go to your account settings.
Go down until you see Folder Manager ; now you click it.
Look to the right you'll see all the folders that you've made. Click on the one you want to edit.
For my example, I'll go with my 'Mascot' folder.
Page has changed, here you see all the things you can set for your folder. At the bottom you'll see a bigger box which you can write in.
Here is where you write in your info and then once ready, click "Edit Folder" to save and apply what you've done!
Here is a sample of mine after I did these steps I just walked you thru!
**My layout looks a bit different due to the CSS that I have applied to my profile.

Option B.) When you first make the folder :

Go to your account settings.
Go down until you see Folder Manager ; now you click it.
Scroll down just a bit and you'll see a boxed section that says Create Folder at the top of it. This is the area you need.
Here you set the name of the folder, load the image for it (if you want one), WRITE A DESCRIPTION then click on Create Folder.
Now when you/folks click on this folder to sort out your characters they can learn a bit more as to why these characters in this folder!

oo4.) Character Previews/Avatars!
Very much like the character folders only this is the images (aka Avatars) folks see to peak at your character until they select it to look closer. There are various ways to go about this and I will cover it all! There are even some nice templates for these provided in section 7 of this guide! Please take note that I provide the showing of what others have used merely as aid to show you ideas on what you can do but I do ask that you please don't do a straight up copy/steal of theirs unless you get their permission! Other wise, try to have fun and see what you can come up with yourself!
Visual Samples!

Featuring silver-latias   - Adds a light color around the edge.
Featuring MelonMilk - Uses the max size but has a fancy border for each one.
Featuring Lotor - Uses a more simple border but with some accents on the corners and is the max height but not the max width.
Featuring cult - I think these are my favorite thus far. *.* Makes use of the max width but not the height.
Featuring junip3r - Is max height but not as wide. Pretty border has stars around it.
Featuring ichi - Here we have another take on a windows box, but colorful!
The How-To :: Hover mouse over yellow boxes to reveal info.

Option A.) When you first make a Character page :

At the top you'll see + Submit; hover over it to see the pull-down menu. You want to click on Character.
Here you see all the options you can do right away. At the top you'll Upload Avatar and a button to click that reads "choose file"
You click that button and select the file from your computer that you want to use!
As you'll notice, for larger images, it will automatically shrink down to allow you to display the whole picture but you don't have too; you can zoom in closer if you like. Just play around with the dot you can drag back and forth to see which looks best for you!
If you load in an image that is already at the set size of 200x200 you won't be able to drag the dot. There is no zooming allowed on these.
After that you add all the other info you feel is necessary and then click the button at the bottom Create Character.

Option B.) After Character has been Made :
**There are 4 different ways for this one**

Option B.) WAY #1

Go to your characters gallery and scroll/sort until you get to the one you need. * I'll use Jevinn (a mascot) for my example.
Under the characters name, you'll see a picture with a number next to it (this is how many images is in that characters gallery) and a pencil.
You click on the pencil.
Now the page changes, at the very top is the box you need. It reads Re-Upload Avatar and then the "Choose File" button.
Same info about the size for adding an image to the character folders, applies to here too. ^^

Option B.) WAY #2

Go to the actual character's profile page.
Once there on the left you'll see more options, you want the Manage Character area. Click it.
You see it brings down another menu of more choices. You want to click on the pencil/Edit Profile.
Then follow steps 4 and 5 from Way #1. ^^

Option B.) WAY #3

This uses an image from that character's gallery. You can do this when you are loading a new picture or pick one that is already in the gallery.
I'll pick one already in the gallery. Using Jevinn still. We're at his gallery now.
For the picture you decide, you'll click on the pencil in the bottom right corner.
Now while on the page for this image, you scroll down to the very bottom. On the right you'll see an area that says SETTINGS.
Click the button Set as Avatar.

Option B.) WAY #4

This uses an image from the character gallery, when you are loading in a new image to be added.
You choose the file you want to load. Then you can keep the thumbnail showing the whole thing or zoom in. Whichever you choose this is also how the avatar will display.

For my example, I am zooming in. You don't have to zoom in tho.
Then scroll down, at the right on the bottom you want to CLICK in the small box that reads "Set as Avatar" to add a check mark.
Do any of the other options that you need, add credits, watermark settings, etc then once ready hit the big button on bottom that reads Upload Image!
Now you'll see when you go back to your gallery, that image now displays for this character.

oo5.) Larger/Full Size Image View!
Sometimes the art that you get is just super huge! Perhaps it has a lot of friends with it, on a lovely background or is a reference sheet!
If you'll take notice of the link symbol () under the image, you can click that and it will open the full size!

You might not be aware, but when folks click on it to view, they will see whatever size their screen allows to fit the entire height but not the actual full size. (If you make your browser smaller, you'll see it adjusted accordingly.) For this example I'll use one of my own character's reference sheet because it's a big one; at full size. If you go HERE to view Ivy's ref, you should see the full thing, not at 100% focus but adjusted to fit it to your screen.
Here is a screenshot on what I see when viewing that ref.


For me the full height is 1079 because that is how big my screen is. Now while you are still viewing her ref (not my ss, go back to the link) and you scroll down to see the image details, you'll notice the link symbol ()
THAT symbol is what you want to click when viewing the character image!! It will then allow you to full the full, gigantic size in all it's glory!!! You will for sure, need to scroll about to see it but this lets you see it CLEARLY, especially the words on the image.
oo6.) You got a Question?! Here lies the Answers!!
Question #1 - How do I create a new link in the "links" tab?
  Just FYI, this site uses this word in referring to Relationships; not to confuse you with thinking it's a place for other links to websites.
This is done from the character's page. While on that character's page, you are to select the other character in which it has the relationship with.
And from there you can add in the info and then it should show up on the main links page from your profile.

This is a fun way to show off all of your character's that are in some sort of relationship with your friends! (be it siblings, best friend, love interest etc)

Question #2 - What do all of the little icons next to characters names mean?
That symbol is referring to the "Visible to..." setting that you have applied to that character.

Question #3 - How do i make a folder within a folder? (like subfolders)
You do that on the folder management page ; toyhou.se/~folders At the top right, there is a green button + Create Folder (click on that)
Now you put the name for the folder you want to be the sub, then select the PARENT FOLDER (which is the main folder where this sub folder shall be located)
= Visual Aid

Question #4 - How and What is a Ping?
Ping is just another word for tagging or mentioning someone in a comment but it will alert them.
This is done the same way it can be done here, you put the @ symbol before their name. This will work as long as that account is still active and not deleted.

oo7.) Personalize your Pages!
Like many sites, you can either be a free member or you can be a premium member. The biggest difference that I'm aware of, is a premium member can use CSS on their pages while a free member can not.
However, a FREE member can still make use of HTML and this my friends, offers a LOT of options on customizing the appearance! In this area you'll find tons of links that I've found which I think can be of GREAT use. I just ask if you use anything to please respect and follow the rules the artist(s) have laid out!
by Hukiolukio - HTML FREEBIES - More templates!
by trunswicked - FREEBIES - Page Templates
by Eggy -
FREEBIES (use the tags to sort out what type)
PAY-to-USE *HTML*
PAY-to-USE *CSS*
(she shared it with me ^^) FONT ICONS These are great images to spice up the pages or add links, especially the social media ones. ^^
by Sixbane -
Misc Links - Really cool things to help with world and character building + more!
Bases - Shares some awesome linearts!
by cult - Templates to make your own Character Avatars!
FREEBIES
by yata - Free Icon Borders
Freebies
by Badweather4cast - Free templates !
~ Until find more!
oo8.) TABs! (Character Sub-pages)In short: a Tab is an additional page that you can create on an existing character's page. These pages also do not show up in your main gallery of your profile. These are useful for keeping other information or different images apart from the main gallery of that character.
Such examples would be, using a tab page to show and tell all about the outfit it wears or perhaps another form she/he has. Or maybe multiple forms? Each one can be kept apart on it's own tab. As of this moment, I'm not aware of their being a max to how many tabs you can have. If you've come across a limit, please tell.

Tabs can also be very helpful to keep something private/secret and only seen by those YOU want to see by locking them and only those with that special key code (sorta like being password protected) will be able to view it. This is commonly used among those who sell layout templates. They set up a tab that contains the CSS or HTML codes for a layout and only allow those who bought it access to it.
** Take note, the use of key codes can be used for the actual character page as well; it doesn't have to be a tab page.

Okay enough of what-it-is, now for the how-to!

On the character's page, go to the control panel > manage character > tabs! (left side of the page) -
Click it! Then you see the + add tab button or the change the order / edit existing ones! ^.^

From there I think you can figure the rest out, have fun!

oo9.) Other FAQs and Guides!
by Toyhou.se - General Basics [ CLICK HERE ]
by Harutuna - Introduction (of yourself) and Newcomer Guide! [ CLICK HERE ]
You need to be logged into the site to view this one. ^
o10.) List a Character for Trade or Selling!On the character's page go to the Control Panel > Manage Character > Trade Listing

Then on that page you add the ways you are willing to sell/part with it and the amount if necessary. After that you click the button on the bottom that reads "update trade listing" (this saves it)

Now when you go back to view the character's page, you'll see new tags !

Skin by illiyah