HTML how-to guide for customization of your sniff.

Old announcement of past promotion rounds and updates to Wolfhome.
User avatar
Mimichi
Archdruid - Spirit Caller
Archdruid - Spirit Caller
Posts: 8058
Joined: Thu Aug 27, 2009 9:08 pm
Pronouns: She/Her
Species: Amoeba
Location: Michigan
Contact:

how come I've never seen this topic??
Image
"I'm your hope. You're my hope. I'm J-hope"
tos | characters | art | twitter

____________________
User avatar
Invernu
Pack Initiate
Pack Initiate
Posts: 824
Joined: Fri Jun 08, 2012 12:53 pm
Gender: Female
Pronouns: She/Her
Preferred Name: Jaxx
Species: Canid

Pride

Shinkiro wrote:^^^

<font style="position:absolute; top:0; left:0; width:100%; height:100%"><body style="background:#000000;visibility:hidden"><div style="visibility:visible;">

Your sniff information here

</div></body></font>
Thanks! The gifts thing is still showing up tho :c
How do I fix it?
Invernu/Pandora on chats


===


https://toyhou.se/Arvoh
User avatar
Phleb
Shaman - Secret Keeper
Shaman - Secret Keeper
Posts: 2024
Joined: Thu Nov 06, 2014 8:56 pm
Gender: Female

Ronny wrote:
Kiyah13 wrote:Do you know the code for a all black background?
<body background="URL OF IMAGE"></body>

Works like that for everything. :) In this case you'd be lookin' for a plain black wallpaper.

this is not working for me... my background is multiple of the same image as I scroll down does anyone know the code to have a solid background???
User avatar
Clovette
Omniscient
Omniscient
Posts: 27855
Joined: Wed May 20, 2009 1:44 pm
Preferred Name: Jansi
Species: Human
Location: Louisville

Code: Select all

<body style="background:url('http://sl.glitter-graphics.net/pub/2503/2503965ic1iltphzz.gif') no-repeat fixed; background-size:cover; padding: 1rem;"></body>
🐈
User avatar
Phleb
Shaman - Secret Keeper
Shaman - Secret Keeper
Posts: 2024
Joined: Thu Nov 06, 2014 8:56 pm
Gender: Female

thank you vlaski <33
User avatar
Invernu
Pack Initiate
Pack Initiate
Posts: 824
Joined: Fri Jun 08, 2012 12:53 pm
Gender: Female
Pronouns: She/Her
Preferred Name: Jaxx
Species: Canid

Pride

Yes hi hello!!!

Anyone know the code to put a scroll box of text to the left of your sniff while an image is off to the right and vice versa?
Invernu/Pandora on chats


===


https://toyhou.se/Arvoh
User avatar
Unravel
Omega - Newcomer
Omega - Newcomer
Posts: 38
Joined: Fri Jul 18, 2014 12:56 pm
Gender: Female
Pronouns: Any
Species: jean kirstein
Location: OH
Contact:

Anyone know what the button code is?
Image
jean kirstein can spank me
NVentous
Adept Protector
Adept Protector
Posts: 1271
Joined: Thu Jan 07, 2010 2:10 pm
Preferred Name: Ven
Species: werewolf

Unravel wrote:Anyone know what the button code is?

Code: Select all

<button>Button text</button>
if you want it to actually do something when you click, you need to attach some javascript to it like this:

Code: Select all

<button onClick="alert('hi');">say hello</button>
Azazzel wrote:Yes hi hello!!!

Anyone know the code to put a scroll box of text to the left of your sniff while an image is off to the right and vice versa?
Code below is scrollbox: left, image: right.
Spoiler! :

Code: Select all

<div style="overflow: auto; zoom: 1;"><div style="float: left; clear: left; width: 60%; max-width: 50rem; height: 20rem; overflow: auto;">TEXT GOES HERE

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque eleifend erat ante, eget interdum magna tincidunt eget. In sollicitudin vitae lectus non pulvinar. Ut consequat risus ut odio consequat, vitae auctor nibh finibus. Sed gravida nec diam sit amet luctus. Integer commodo ac erat ultrices rutrum. Curabitur eget tortor eu velit ultricies dictum vitae sit amet ligula. Suspendisse fermentum rhoncus erat, ac pulvinar nulla laoreet et. Aenean mollis congue risus, ultricies porta risus semper sed. Nam massa lacus, scelerisque ut fringilla eu, eleifend at lectus. Mauris ut luctus lectus, ac viverra massa.

Vivamus sagittis viverra gravida. Pellentesque tortor lorem, sodales vitae neque id, gravida cursus dolor. Etiam interdum sollicitudin dui et interdum. Vivamus ornare, est ac ultrices ultricies, nulla nulla tempor eros, ac rhoncus erat dolor ut dolor. Phasellus dignissim sapien turpis, at condimentum ligula ultricies vel. Etiam tempor scelerisque lacus in blandit. Nulla elementum ut tellus vitae varius. Vivamus placerat ipsum in lobortis elementum. Cras congue, magna congue suscipit dictum, arcu nisi convallis nulla, id pellentesque purus leo sed dui. Curabitur quis turpis est. In vel mattis nulla. Aenean sapien massa, fermentum ut elit a, dictum congue arcu. Proin sit amet malesuada massa. Etiam sagittis tellus ac ligula varius sagittis. Nulla viverra lectus vitae enim aliquam, vel condimentum ligula suscipit. Nulla accumsan varius neque eget ornare.</div><img src="imageurl.png" style="display: block; max-width: 39%; max-height: 20rem; float: right; clear: right;"></div>
Image: left, scrollbox: right
Spoiler! :

Code: Select all

<div style="overflow: auto; zoom: 1;"><img src="imageurl.png" style="display: block; max-width: 39%; max-height: 20rem; float: left; clear: left;"><div style="float: right; clear: right; width: 60%; max-width: 50rem; height: 20rem; overflow: auto;">TEXT GOES HERE

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque eleifend erat ante, eget interdum magna tincidunt eget. In sollicitudin vitae lectus non pulvinar. Ut consequat risus ut odio consequat, vitae auctor nibh finibus. Sed gravida nec diam sit amet luctus. Integer commodo ac erat ultrices rutrum. Curabitur eget tortor eu velit ultricies dictum vitae sit amet ligula. Suspendisse fermentum rhoncus erat, ac pulvinar nulla laoreet et. Aenean mollis congue risus, ultricies porta risus semper sed. Nam massa lacus, scelerisque ut fringilla eu, eleifend at lectus. Mauris ut luctus lectus, ac viverra massa.

Vivamus sagittis viverra gravida. Pellentesque tortor lorem, sodales vitae neque id, gravida cursus dolor. Etiam interdum sollicitudin dui et interdum. Vivamus ornare, est ac ultrices ultricies, nulla nulla tempor eros, ac rhoncus erat dolor ut dolor. Phasellus dignissim sapien turpis, at condimentum ligula ultricies vel. Etiam tempor scelerisque lacus in blandit. Nulla elementum ut tellus vitae varius. Vivamus placerat ipsum in lobortis elementum. Cras congue, magna congue suscipit dictum, arcu nisi convallis nulla, id pellentesque purus leo sed dui. Curabitur quis turpis est. In vel mattis nulla. Aenean sapien massa, fermentum ut elit a, dictum congue arcu. Proin sit amet malesuada massa. Etiam sagittis tellus ac ligula varius sagittis. Nulla viverra lectus vitae enim aliquam, vel condimentum ligula suscipit. Nulla accumsan varius neque eget ornare.</div></div>
User avatar
Invernu
Pack Initiate
Pack Initiate
Posts: 824
Joined: Fri Jun 08, 2012 12:53 pm
Gender: Female
Pronouns: She/Her
Preferred Name: Jaxx
Species: Canid

Pride

Anyone know the code for a transparent scroll box with a black outline?

ex: http://a1k9.chatwitch.com/properties/in ... rvft&pop=1" onclick="window.open(this.href);return false; [Sniff: Crvft]
Invernu/Pandora on chats


===


https://toyhou.se/Arvoh
NVentous
Adept Protector
Adept Protector
Posts: 1271
Joined: Thu Jan 07, 2010 2:10 pm
Preferred Name: Ven
Species: werewolf

I can't see the scroll box on the sniff (I'm limited to Internet access on my phone temporarily), but off the top of my head:

Code: Select all

<div style="width: 50%; margin: 0 auto; overflow: auto; background: transparent; border: 1px solid #000; padding: 2rem;">YOUR CONTENT HERE</div>
That'll give you one, though it might not look 100% how you want as far as positioning, width, etc. goes. The "overflow: auto; background: transparent; border: 1px solid #000;" is the key part to add to the style of your scrollbox. You can adjust how wide the line is by changing 1px to 3px, 5px, and so on.
yuu
Omniscient
Omniscient
Posts: 24671
Joined: Sun Feb 27, 2011 10:25 pm
Contact:

mmmmarking this

disappointed but not surprised

User avatar
Invernu
Pack Initiate
Pack Initiate
Posts: 824
Joined: Fri Jun 08, 2012 12:53 pm
Gender: Female
Pronouns: She/Her
Preferred Name: Jaxx
Species: Canid

Pride

Hey guys I googled it and its actually called a semi transparent box. Sorry if I confused you!

But anyway yeah anyone got the code for that? ;o
Invernu/Pandora on chats


===


https://toyhou.se/Arvoh
User avatar
Reacher
Ethereal Ancestor
Ethereal Ancestor
Posts: 12791
Joined: Sat Oct 26, 2013 3:57 pm

Azazzel wrote:Hey guys I googled it and its actually called a semi transparent box. Sorry if I confused you!

But anyway yeah anyone got the code for that? ;o

I think this one should work.. you may have to customize it a bit to your liking, shoot me a message on here if you'd like some help doing that.

Code: Select all

<div style=" border-radius: 35px;
    border: 4px solid #73AD21height:350;width:500;padding: 1em;border-color:#FF0000;background:rgba(46,46,152,.1)"> <font face="Georgia"><font size="6"><b></b></font>
<font-family:"lucida calligraphy",arial,'sans serif';>
<font color="#000000"><img src="http://i.imgur.com/8bVsZza.gif"</img>
<p>
<font size="2"><i>WRITE HERE</i></font>
WRITE HERE | WRITE HERE
</font>
 </div>
User avatar
Invernu
Pack Initiate
Pack Initiate
Posts: 824
Joined: Fri Jun 08, 2012 12:53 pm
Gender: Female
Pronouns: She/Her
Preferred Name: Jaxx
Species: Canid

Pride

Yeah, it won't work. I'll PM you.
Invernu/Pandora on chats


===


https://toyhou.se/Arvoh
User avatar
Invernu
Pack Initiate
Pack Initiate
Posts: 824
Joined: Fri Jun 08, 2012 12:53 pm
Gender: Female
Pronouns: She/Her
Preferred Name: Jaxx
Species: Canid

Pride

Des someone know the code to place text to the right side of your sniff?
Invernu/Pandora on chats


===


https://toyhou.se/Arvoh
Locked Previous topicNext topic