Heitehu

HomeChatTwitter PageFacebook PageRegisterLog in

Share | 
 

 Sniff Codes

View previous topic View next topic Go down 
MessageAuthor
PostSubject: Sniff Codes   Sun 22 Jul 2012, 03:38

Here is a "how-to" guide for editing your sniff. That uses the basics of HTML coding in order to change the layout, and make it more personalised, like a sniff should be.

Making Text Bold, Italic, Underlined, centred or Block Quote.

Bold.
<b>Text here will become bold.</b>
Italic.
<i>Text here will become italic.</i>
Underlined.
<u>Text here will become underlined.</u>
Centre.
<center>Text here will be centred.</center>
Block Quote.
<blockquote>[blockquote]Text here will become block quote.[/blockquote]</blockquote>

===Next===

Font size
The easiest way to do this is for example:

<font size="5">Your text here will become size 5 font.</font>

That will make it size 5px font, which is a tad smaller than the default font size on chatland's scroll bar. You can go anywhere from 1 to 72,
but I wouldn't recommend going much higher than 48 for them small windows.

===Next===

Changing the font.
This is achieved like this:

<font face="Georgia">The text here will be the custom font you edited it to be.</font>

You can only use Web based fonts for this
Here is a link of a list of web based fonts.

===Next===

Changing font colours.
Now onto changing colours of the text in your sniff. There are two ways of going about it. One is just using the colour's name, other is using it's "hex code" Or known better as "HTML Colour codes"

<font color="red">Text in here will become red.</font>

However the only problem with that is it's not true red. it'll display the closest colour it can.

It's best to use the HTML codes for picking colours
Here is a link to hopefully help you find the HTML code, for the colour you wish.

HTML colour code example.

<font color="#FF0000">Your font here will become red.</font>

===Next===

Now adding images.
Putting a basic image in a sniff is simple enough. There's only one way to do it so this section will be short.

Example:

<img src="Image URL link goes here">

PhotoBucket and Tiny pic, are the most common used image hosting sites, you can also use dA links, as long as it's your on stuff or you've got permission to use the image. There are however plenty of other image hosting sites.

Now for making the image click-able you just have to add a few lines and a link:

<a href="The web page URL you want to link it to goes here"><img src="The image URL you want to show in your sniff goes here"></a>

===Next===

Links.
Links are fairly quick and easy. The code is simple

Example:

<a href="Link URL here">Text here will become click-able.</a>

Now you can also change the font color of the click-able text to whatever colour you like by simply adding the "<font>" tag:

Example:

<a href="Link URL here"><font color="#FF0000">This font will become red and click-able.</font></a>
Shade
Alpha - Owner - ART Staff
Alpha - Owner - ART Staff

avatar


Posts : 3104
Avatar © : Makangeni on dA
Signature © : Aretsu. Spot
Chat name(s) : Shade and Ford
Location : Australia

Back to top Go down
http://heitehu.forumotion.com
 

Sniff Codes

View previous topic View next topic Back to top 
Page 1 of 1

Permissions in this forum:You cannot reply to topics in this forum
Heitehu :: Questions for Staff :: Resources-