HTML how-to guide for customization of your sniff.

Old announcement of past promotion rounds and updates to Wolfhome.
User avatar
Fleurr
Pack Initiate
Pack Initiate
Posts: 474
Joined: Fri Jun 06, 2014 3:28 pm
Gender: Female
Pronouns: She/Her
Species: Horse/Bunny
Location: Alberta, Canada

Mon Dec 26, 2016 1:13 am

criminals wrote:mmmmarking this
0 x

ImageImage

Image

Fleur on chats.
aspen#1625

Deviant Art | Commissions | Characters

User avatar
Gunmetal
Spirit Guide - Wise Healer
Spirit Guide - Wise Healer
Posts: 3814
Joined: Sat Jul 19, 2008 9:43 am
Gender: Non-binary
Pronouns: Any, I don't care.
Preferred Name: Ink
Species: Werewolf

Tue Dec 27, 2016 10:33 am

Is it possible to use HTML5 and CSS3 in sniff coding?
0 x
Image
User avatar
Gh0sT
Pack Initiate
Pack Initiate
Posts: 581
Joined: Mon May 13, 2013 7:29 am
Gender: Female
Pronouns: She/Her
Preferred Name: Gh0sT
Species: Wolf
Location: The Autumn Forest

Sun Jan 01, 2017 11:52 am

Anyone know the code {I know its some sort of table code} to have different [clickable] tabs/sections?
0 x
Syrin on chats

"You got hell to pay. But you've already sold your soul."
Image

User avatar
Gh0sT
Pack Initiate
Pack Initiate
Posts: 581
Joined: Mon May 13, 2013 7:29 am
Gender: Female
Pronouns: She/Her
Preferred Name: Gh0sT
Species: Wolf
Location: The Autumn Forest

Fri Feb 24, 2017 4:58 pm

How do you get text on one side of your sniff and an image on the other?
0 x
Syrin on chats

"You got hell to pay. But you've already sold your soul."
Image

User avatar
Feisu
Adept Protector
Adept Protector
Posts: 1331
Joined: Mon Jan 10, 2011 3:48 pm
Gender: Grandpa
Pronouns: He/Him
Preferred Name: Feisu
Species: Oh Dear, It’s a Deer
Location: The Classiest Old Folks Home
Contact:

Thu Jun 22, 2017 8:14 am

marks
0 x

Egalitarian
Image
He wept.

Deviantart | FurAffinity
dweebs
Spirit Guide - Wise Healer
Spirit Guide - Wise Healer
Posts: 4643
Joined: Fri Jul 02, 2010 6:40 pm
Gender: Female
Pronouns: She
Preferred Name: Morgan
Species: deer fox
Location: illinois

Fri Jul 07, 2017 12:31 am

markin
0 x

♥ 9.5.16 ♥

User avatar
Boreas
Spirit Guide - Wise Healer
Spirit Guide - Wise Healer
Posts: 3005
Joined: Sun Mar 16, 2014 9:03 pm
Species: Woof woof
Location: Seongnam, Sudogwon, South Korea

Wed Jul 26, 2017 5:14 am

HOW DO MAKE SNIFF OPEN AT SPECIFIC W X H DEMINSIONS
THANKS
0 x
Image
User avatar
JailBOO
Omniscient
Omniscient
Posts: 26671
Joined: Sat Nov 13, 2010 7:58 pm
Pronouns: they/them
Preferred Name: kaz
Location: Ketterdam

Wed Jul 26, 2017 9:21 am

Jakiss wrote:How do you get text on one side of your sniff and an image on the other?
Lmk if you still need to know this
Boreas wrote:HOW DO MAKE SNIFF OPEN AT SPECIFIC W X H DEMINSIONS
THANKS
I got you I'll post this in a moment
0 x

☽ ☉ ☾
Image
We all want to burn on a pyre
So tell me, what kind of witch are you?
User avatar
Skellington
Shaman - Secret Keeper
Shaman - Secret Keeper
Posts: 2221
Joined: Tue Dec 08, 2009 3:38 pm
Pronouns: he/him
Species: Dingus
Location: Halloween Town

Wed Jul 26, 2017 9:59 am

Marking!!! I've always been super bad at making fancy sniffs so this will be great
0 x
Image
Image Image
when I’m around slow dancing in the dark
don’t follow me, you’ll end up in my arms
User avatar
JailBOO
Omniscient
Omniscient
Posts: 26671
Joined: Sat Nov 13, 2010 7:58 pm
Pronouns: they/them
Preferred Name: kaz
Location: Ketterdam

Wed Jul 26, 2017 2:07 pm

sorry me forgot

window size

Code: Select all

<body text="#000000" bgcolor="#8285a3" onload="window.resizeTo(1000,900);">
i have all of these grouped together n the text and color doesnt work anyway BUT YOU JUST CHANGE THE VALUES IN THE PARENTHESES TO CHANGE THE WIDTH AND HEIGHT OF THE BOX

image column

Code: Select all

<p style="width: 900px;"> <img src="image link here" style="float: left;" /> body paragraph words </p>
if you want it to align on the right you can just change the float from left to right
if you want a lot of text to be parallel with the image i'd pick a long image so that it will fit, bc after it exceeds the image height it will go below it


both of these are in my current sniff if you want to sniff me and see how i use them
0 x

☽ ☉ ☾
Image
We all want to burn on a pyre
So tell me, what kind of witch are you?
User avatar
JailBOO
Omniscient
Omniscient
Posts: 26671
Joined: Sat Nov 13, 2010 7:58 pm
Pronouns: they/them
Preferred Name: kaz
Location: Ketterdam

Fri Sep 15, 2017 10:24 pm

to change the colors of your links in your sniff, use the style aspect

Code: Select all

<a href "link" style="color" > link text </a>
i.e.

Code: Select all

<a href "www.wolfhome.com" style="#808080" > Wolfhome.com! </a>
0 x

☽ ☉ ☾
Image
We all want to burn on a pyre
So tell me, what kind of witch are you?
User avatar
Boreas
Spirit Guide - Wise Healer
Spirit Guide - Wise Healer
Posts: 3005
Joined: Sun Mar 16, 2014 9:03 pm
Species: Woof woof
Location: Seongnam, Sudogwon, South Korea

Sun Jan 07, 2018 7:09 pm

HOW DO MAKE ERRYTHING (incl. idle time, text at bottom, etc) SPECIFIC FONT
THANK
0 x
Image
User avatar
Rukha
Pack Initiate
Pack Initiate
Posts: 248
Joined: Sun Oct 18, 2015 8:25 pm
Pronouns: She
Species: Canine

Mon Jul 23, 2018 7:28 pm

Yeah, I need help. I tried every code but nothing is working.
I just need something to cover the TOP and BOTTOM of my sniff. i would like an image as my background.. the code I had does that BUT I could not change font color/font size etc...

HELP!! ;u;
0 x
ARTIST | SHE | 22 | COFFEE | ANIMAL LOVER
Spoken Fore
♥ -- 4 . 2 . 19 -- ♥
“Don’t try to be what you’re not.
If you’re nervous, be nervous.
If you’re shy, be shy.
Life is too short to blend in."
User avatar
JailBOO
Omniscient
Omniscient
Posts: 26671
Joined: Sat Nov 13, 2010 7:58 pm
Pronouns: they/them
Preferred Name: kaz
Location: Ketterdam

Mon Jul 23, 2018 8:12 pm

Rukha wrote:
Mon Jul 23, 2018 7:28 pm
Yeah, I need help. I tried every code but nothing is working.
I just need something to cover the TOP and BOTTOM of my sniff. i would like an image as my background.. the code I had does that BUT I could not change font color/font size etc...

HELP!! ;u;
this is the code i use (without the idle time showing)

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(DIRECT BACKGROUND URL HERE); background-attachment:fixed; background-size:cover; background-position:fit; text-align:center; visibility:hidden; overflow-y:auto;">
remove onload="window.resizeTo(760,650); to keep the default window size or edit the variables in parentheses to get the window size you want

with idle time showing

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(DIRECT BACKGROUND URL HERE); background-attachment:fixed; background-size:cover; background-position:fit; text-align:center; visibility:hidden; overflow-y:auto;">

and place this in your sniff where you want your idle time to be
<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>
you can remove the font color code if you want the color code to be the default color or you can change the hex code to make it the color you want

ex of sniffs this code is in use by (they may or may not have autoplay, be warned)
http://a1k9.chatwitch.com/properties/in ... bird&pop=1
http://a1k9.chatwitch.com/properties/in ... shaw&pop=1
0 x

☽ ☉ ☾
Image
We all want to burn on a pyre
So tell me, what kind of witch are you?
User avatar
Rukha
Pack Initiate
Pack Initiate
Posts: 248
Joined: Sun Oct 18, 2015 8:25 pm
Pronouns: She
Species: Canine

Tue Aug 07, 2018 5:17 pm

I'm still having troubles getting the text to show.. and it also won't play the music ... x-x
anyone got any more codes ;u;
0 x
ARTIST | SHE | 22 | COFFEE | ANIMAL LOVER
Spoken Fore
♥ -- 4 . 2 . 19 -- ♥
“Don’t try to be what you’re not.
If you’re nervous, be nervous.
If you’re shy, be shy.
Life is too short to blend in."
Locked Previous topicNext topic