HTML how-to guide for customization of your sniff.

Old announcement of past promotion rounds and updates to Wolfhome.
User avatar
Mimichi
Spellweaver and Wordsmith
Spellweaver and Wordsmith
Posts: 7855
Joined: Thu Aug 27, 2009 9:08 pm
Species: Amoeba
Location: Michigan

Sat Feb 20, 2016 11:19 am

how come I've never seen this topic??
0 x
Image

tos | characters | art | twitter

____________________
User avatar
Arkasia
Pack Initiate
Pack Initiate
Posts: 526
Joined: Mon May 13, 2013 7:29 am
Gender: Female
Pronouns: She/Her
Preferred Name: Ark
Species: Shade Wolf
Location: In your soul

Fri Mar 18, 2016 5:50 pm

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?
0 x
Sp00k on chats

"Be careful, little red... The wolf is only in your head."

Image
User avatar
Little
Shaman - Secret Keeper
Shaman - Secret Keeper
Posts: 2030
Joined: Thu Nov 06, 2014 8:56 pm
Gender: Female
Species: Cavalier King Charle
Contact:

Sun Mar 20, 2016 1:07 am

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???
0 x
User avatar
Clovette
Omniscient
Omniscient
Posts: 27875
Joined: Wed May 20, 2009 1:44 pm
Preferred Name: Heather
Species: Human
Location: Louisville

Sun Mar 20, 2016 1:19 am

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>
0 x
🐈
User avatar
Little
Shaman - Secret Keeper
Shaman - Secret Keeper
Posts: 2030
Joined: Thu Nov 06, 2014 8:56 pm
Gender: Female
Species: Cavalier King Charle
Contact:

Sun Mar 20, 2016 1:22 am

thank you vlaski <33
0 x
User avatar
Arkasia
Pack Initiate
Pack Initiate
Posts: 526
Joined: Mon May 13, 2013 7:29 am
Gender: Female
Pronouns: She/Her
Preferred Name: Ark
Species: Shade Wolf
Location: In your soul

Sun May 15, 2016 2:51 pm

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?
0 x
Sp00k on chats

"Be careful, little red... The wolf is only in your head."

Image
User avatar
Unravel
Omega - Newcomer
Omega - Newcomer
Posts: 37
Joined: Fri Jul 18, 2014 12:56 pm
Gender: Female
Pronouns: Any
Species: voltron trash
Location: OH
Contact:

Tue May 31, 2016 9:53 pm

Anyone know what the button code is?
0 x
Image
Unravel on Chatlands
User avatar
NVentous
Adept Protector
Adept Protector
Posts: 1258
Joined: Thu Jan 07, 2010 2:10 pm
Gender: masculine genderflux
Pronouns: pup/pupself, he/him
Preferred Name: Chris
Species: Dog
Location: Evansville, IN

Tue Jun 07, 2016 10:28 am

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>
0 x
User avatar
Arkasia
Pack Initiate
Pack Initiate
Posts: 526
Joined: Mon May 13, 2013 7:29 am
Gender: Female
Pronouns: She/Her
Preferred Name: Ark
Species: Shade Wolf
Location: In your soul

Sat Aug 06, 2016 9:26 am

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]
0 x
Sp00k on chats

"Be careful, little red... The wolf is only in your head."

Image
User avatar
NVentous
Adept Protector
Adept Protector
Posts: 1258
Joined: Thu Jan 07, 2010 2:10 pm
Gender: masculine genderflux
Pronouns: pup/pupself, he/him
Preferred Name: Chris
Species: Dog
Location: Evansville, IN

Sun Aug 07, 2016 9:43 am

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.
0 x
User avatar
goth
Omniscient
Omniscient
Posts: 21592
Joined: Sun Feb 27, 2011 10:25 pm
Pronouns: they
Preferred Name: Yuu

Sun Aug 07, 2016 11:31 am

mmmmarking this
0 x
Image
ugly, cute and dying
III.XIV.MMXVIII
User avatar
Arkasia
Pack Initiate
Pack Initiate
Posts: 526
Joined: Mon May 13, 2013 7:29 am
Gender: Female
Pronouns: She/Her
Preferred Name: Ark
Species: Shade Wolf
Location: In your soul

Sun Aug 07, 2016 12:11 pm

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
0 x
Sp00k on chats

"Be careful, little red... The wolf is only in your head."

Image
User avatar
Reacher
Archdruid - Spirit Caller
Archdruid - Spirit Caller
Posts: 8438
Joined: Sat Oct 26, 2013 3:57 pm
Location: Canada

Wed Aug 10, 2016 11:09 am

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>
0 x
Image

Always work hard, never give up.| Wolfhome Community Outreach
User avatar
Arkasia
Pack Initiate
Pack Initiate
Posts: 526
Joined: Mon May 13, 2013 7:29 am
Gender: Female
Pronouns: She/Her
Preferred Name: Ark
Species: Shade Wolf
Location: In your soul

Mon Oct 10, 2016 7:48 am

Yeah, it won't work. I'll PM you.
0 x
Sp00k on chats

"Be careful, little red... The wolf is only in your head."

Image
User avatar
Arkasia
Pack Initiate
Pack Initiate
Posts: 526
Joined: Mon May 13, 2013 7:29 am
Gender: Female
Pronouns: She/Her
Preferred Name: Ark
Species: Shade Wolf
Location: In your soul

Sat Dec 24, 2016 3:20 pm

Des someone know the code to place text to the right side of your sniff?
0 x
Sp00k on chats

"Be careful, little red... The wolf is only in your head."

Image
Locked Previous topicNext topic