HTML how-to guide for customization of your sniff.

This section is filled to the brim with helpful resources for Wolfhome, including the Rules of the Wolfhome Forums. This is the first place you should visit on our board!
User avatar
Mimichi
Spellweaver and Wordsmith
Spellweaver and Wordsmith
Posts: 7603
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: 446
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
Arkasia on chats

"A boy of anguish now, he's a man of soul! Traded in his misery for the lonely life of the road!"

User avatar
Little
Event Committee
Event Committee
Posts: 1985
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
Alpha - Head of Chat Mod. & Training
Alpha - Head of Chat Mod. & Training
Posts: 27321
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
Event Committee
Event Committee
Posts: 1985
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: 446
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
Arkasia on chats

"A boy of anguish now, he's a man of soul! Traded in his misery for the lonely life of the road!"

User avatar
Unravel
Omega - Newcomer
Omega - Newcomer
Posts: 35
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: 1242
Joined: Thu Jan 07, 2010 2:10 pm
Gender: Male
Pronouns: He/him/his
Species: Dog
Location: Louisville

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
feedback and messages are welcome
Image
rest in power 6/12/2016

User avatar
Arkasia
Pack Initiate
Pack Initiate
Posts: 446
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/index.php?known_as=crvft&pop=1 [Sniff: Crvft]
0 x
Arkasia on chats

"A boy of anguish now, he's a man of soul! Traded in his misery for the lonely life of the road!"

User avatar
NVentous
Adept Protector
Adept Protector
Posts: 1242
Joined: Thu Jan 07, 2010 2:10 pm
Gender: Male
Pronouns: He/him/his
Species: Dog
Location: Louisville

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
feedback and messages are welcome
Image
rest in power 6/12/2016

User avatar
goth
Omniscient
Omniscient
Posts: 21021
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
kiss me with your eyes closed
2.19.2017

User avatar
Arkasia
Pack Initiate
Pack Initiate
Posts: 446
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
Arkasia on chats

"A boy of anguish now, he's a man of soul! Traded in his misery for the lonely life of the road!"

User avatar
Reacher
Spellweaver and Wordsmith
Spellweaver and Wordsmith
Posts: 7302
Joined: Sat Oct 26, 2013 3:57 pm
Species: Enhanced Retriever
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
❤ ♡ A new year stands before us, like a chapter in a book. Waiting to be written. ♡ ❤
Characters

User avatar
Arkasia
Pack Initiate
Pack Initiate
Posts: 446
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
Arkasia on chats

"A boy of anguish now, he's a man of soul! Traded in his misery for the lonely life of the road!"

User avatar
Arkasia
Pack Initiate
Pack Initiate
Posts: 446
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
Arkasia on chats

"A boy of anguish now, he's a man of soul! Traded in his misery for the lonely life of the road!"

Post Reply
  • Information
  • Who is online

    Users browsing this forum: No registered users and 2 guests