Official Wolfhome Chat Resources

This section is filled to the brim with helpful resources for Wolfhome, including FAQ's, Tutorial's & Guidelines.
Post Reply Previous topicNext topic
User avatar
Guardian
The Last Skyrbender
Posts: 1587
Joined: Fri Nov 03, 2006 10:14 pm
Location: Wolfhome
Contact:

Image

This is the master-post of all HTML codes that can be used to customize your sniff.


Please keep in mind when you're customizing your sniff that it adheres to Wolfhome's rules. Although we love creativity and individualism, we ask that you also be respectful of others and keep your sniffs within regulations. If you have any questions or concerns as to what you can and can't include into your sniff, please feel free to message an administrator or click the link below.
Wolfhome FAQ & Rules
Topic Key:
Codes require you to put in certain numbers, names, and other things. Just replace these symbols with what you would like in the code.

# ➙ Insert desired number and color
!!!!! ➙ Insert desired font
*** ➙Insert desired words
The Basics:
Fonts:
From order top to bottom; font size, font face, font color
Inserting Links and Images:
From order top to bottom; clickable link, inserting image, image as link, background image, background image covers whole sniff (no idle), background image covers whole sniff (shows idle)
  • Code: Select all

    <a href="linkhere">***********</a>

    Code: Select all

    <img src="link here">

    Code: Select all

    <a href="linkhere"><img src="linkhere"></a>

    Code: Select all

    <body background="linkhere">

    Code: Select all

    <body text="#000000" bgcolor="#8285a3" onload="window.resizeTo(760,650); var trs=document.getElementsByTagName('tr'); for (var i=0; i<trs.length; i++) { var current = trs[i]; content=current.firstElementChild.innerHTML; if (content!=='Idle Time:') { current.style.display='none'; } else { spoiler=document.getElementById('spoilerMain'); spoiler.insertBefore(current, spoiler.firstChild); } }">
    <body style="background-image:url(LINK HERE); background-attachment:fixed; background-size:cover; background-position:fit; text-align:center; visibility:hidden; overflow-y:auto;">
    Code above given courtesy of Scrimshaw

    Code: Select all

    <body text="#000000" bgcolor="#8285a3" onload="window.resizeTo(760,650); var trs=document.getElementsByTagName('tr'); for (var i=0; i<trs.length; i++) { var current = trs[i]; content=current.firstElementChild.innerHTML; if (content!=='Idle Time:') { current.style.display='none'; } else { spoiler=document.getElementById('spoilerMain'); spoiler.insertBefore(current, spoiler.firstChild); } }">
    <body style="background-image:url(LINK HERE); background-attachment:fixed; background-size:cover; background-position:fit; text-align:center; visibility:hidden; overflow-y:auto;">
    
    <font color="#FFFFFF"><div id="spoilerMain" style="display:show; padding:1rem; font-family: Times New Roman; margin: 1rem 0; line-height: 1.5em; font-color:#ffffff; font-size: 16px; background:rgba(200,200,250,0);"></div></font>
    Code above given courtesy of Scrimshaw
Cosmetics:
From order top to bottom; fixed window size, image column, button, activated button, transparent box, scroll box, carrd code
  • Code: Select all

    <body text="#000000" bgcolor="#8285a3" onload="window.resizeTo(1000,900);">
    Code above given courtesy of Scrimshaw. Text and color doesn't work, just change the number values in the parenthesis to adjust width and height.

    Code: Select all

    <p style="width: 900px;"> <img src="image link here" style="float: left;" /> body paragraph words </p>
    Code above given courtesy of Scrimshaw. To align to the right, substitute the float from left to right. To make a text parallel to an image, it is suggested to use a long image otherwise the text will appear underneath it.

    Code: Select all

    <button>Button text</button>
    Code above given courtesy of NVentous

    Code: Select all

    <button onClick="alert('hi');">say hello</button>
    Code above given courtesy of NVentous. Note that you need to use Javascript to use this code.

    Code: Select all

    <div style="background-color: rgba(114, 112, 124, .5); border-radius: 10px; padding: 30px; width: 80%; margin-bottom: 40px;"> <span style="opacity: 3; -khtml-opacity: 1; -moz-opacity: 1; filter: alpha(opacity=90);">******************</div>

    Code: Select all

    <div style="width: 50%; margin: 0 auto; overflow: auto; background: transparent; border: 1px solid #000; padding: 2rem;">************</div>
    Code above given courtesy of NVentous. Adjust how wide the line is by changing 1px to 3px, 5px, etc. accordingly.

    Code: Select all

    <meta http-equiv="refresh" content="0; url=CARRD URL" />
Adding music/a video:
To add music or a video to your sniff, you must visit this link here. Copy your desired music or video into the link tab and adjust the settings as you please. If you want an invisible video, do not adjust the settings on the website. Generate the code and adjust the width and height to "0". For example, it should look like this:
  • Code: Select all

    <div class="gaf210imvustylez_youtubebox" style="width:1px;height:1px;overflow:hidden"><iframe allow="autoplay" width="0" height="0" src="https://www.youtube.com/embed/VeHddLI-aY8?autoplay=1&loop=0" frameborder="0" allowfullscreen></iframe><!--Youtube player code generated @ http://gaf210.imvustylez.net --></div>
Helpful Links: Thank you to everyone who provided us and the user-base with codes. This topic will be updated as we find more codes to customize your sniff. If you have any questions or more suggestions, please contact an administrator.
User avatar
Kei
Spellweaver and Wordsmith
Spellweaver and Wordsmith
Posts: 7124
Joined: Tue Jun 08, 2010 11:24 am
Gender:

Image

Here are some cheat commands for all you wolfhomies out there! Don't forget; up, down, up, down, left, right, left, right, a, b, a b, start ;)
Original chat commands provided by Takatia and Avani.


Chat Text HTML:

Code: Select all

[b]Makes your chat messages bold[/b]

[i]Chat messages will be shown in italics[/i]

[u]Underlines your chat messages[/u]

Commands That Open a New Tab:

!help
Opens a new tab in your browser that lists some of the commands
  • Image
!FAQ
Opens a new tab in your browser to display the Wolfhome FAQ.
  • Image
!go forum or !go forums
Opens the Wolfhome forum in a new tab in your browser.
  • Image

    Image
!go mysts
Opens up the Wolfhome mysts page in a new tab in your browser. This is where you can view who is online and what room they're in.
  • Image
!go poses
Opens the Wolfhome bodyshop in a new tab in your browser. This is where you can change colors and upload poses. Please note, a subscription is required to upload custom poses.
  • Image
!message
Opens up a new tab in your browser and allows you to send a message to another user.
  • Image
!transfer
Opens up a new tab in your browser that displays the delta transfer page. Here you can transfer deltas to another user.
  • Image
!friend
Adds a user to your friends list. You must have a Preferred subscription or higher to use this feature.
  • Image
!ignore
Adds a user to your ignore list. All users are able to use this feature.
  • Image
!unignore
Removes a user from your ignore list.
  • Image
!sniff
Opens up a new tab in your browser and allows you to view a user's profile.
  • Image
!sniffroom
Opens up a new tab in your browser and allows you to view everyone's profile who is in the same room as you.
  • Image

General Chat Commands:

!lock
This feature is incredibly helpful for when you are away from your computer. This locks your screen and cannot be accessed until you reenter your password to unlock it.
  • Image
!away or !away #color
Puts a typed message above your avatar's head that is not in a speech bubble. This alerts anyone who is in the room with you or anyone who howls you that you are away. You can add colors and use hex code for colors as well! Please note that you need a Standard subscription or above to use this feature.
  • Image

    Image

    Image
!me
Shows your typing in blue font in the chat logs. This is used mostly to show a user doing a certain action.
  • Image
!back
This gets rid of the away message above your avatar's head and alerts users in the chat box that you're back. Alternatively, you can also write !away again.
  • Image
!clear
Clears the chat logs. It will be like you just entered the room.
  • Image
!deltas or !balance
Allows you to view your current delta balance.
  • Image

    Image
!pmsg
Lets you whisper another user.
  • Image
!pose
Changes your avatar to a desired pose. It's an easier way to change poses without clicking your avatar.
  • Image
!face
This changes the way your pose is facing. You can use !face left/right or !face L/R
  • Image

    Image

    Image

    Image
!rain
This makes it so it rains in the current room you're in! Please note, in order to disable this feature you will need to refresh the page.
  • Image
!snow
This makes it so it snows in the current room you're in! Please note, in order to disable this feature you will need to refresh the page.
  • Image
!roll
Generates a random number as specified by 'dice'. You pick the number of dice to roll followed by the letter 'D' and the number of sides for each die and any modifier. For instance, '!roll 2D10+2' would generate a random number from 4 to 24 (1 to 10 + 1 to 10 + 2). If you don't play paper and pencil RP games, you probably don't care about this command.
  • Image

    Image
!quit
Logs you off of Wolfhome and brings you to the Chatlands page.
  • Image

Private Room Chat Commands:
Please keep in mind, in order to use these commands you will need a subscription to be able to use your own private rooms or have permissions from the private room owner to use these features.

!kick
Kicks a user out of your private room.
Note: you must add a "3" to the end of the username for this feature to work. So if the person you're kicking has the name "Kei124" you will need to type "Kei1243".
  • Level 1 - Kicks a user from your private room.
    Image

    Level 2 - Bans a user from your private room for 12 hours.
    Image

    Level 4 - Bans a user from your private room permanently.
    Image
!edit
Opens up a new tab that will allow you to edit your private room settings.
  • Image
This topic will be updated with more codes as new chat commands come in. If you have any questions or concerns, please contact an administrator!
Post Reply Previous topicNext topic