HTML Tips
Link That Image
Some webmasters are still learning what many already know. In this tutorial I’ll show those who do not already know how to make an image into a link. Very useful to know for many reasons. Especially when linking back to others who are linking to you.
The directions below relate to Lil’ Hangout, but you can [...]
Symbols To Use On Your Website
Need to code to place in your html document to show the copyright sign? How about the registered sign? Or even the TM sign? Read on and we’ll give them to you…
RESULT ©
Code:
©
RESULT ®
Code:
®
RESULT ™
Code:
™
Add A Border To Your Image
Add the following to your image tag:
style=”BORDER:1px SOLID #000000″
Replace 1PX with the size you want the border to be.
Replace SOLID the border type you’d like to use (dashed, dotted, solid, or double).
Replace #000000 with the color you’d like to use.
Refresh Your Page
Keep your page reloaded for visitors with this tip.
Place this between your head tags and before the title tag.
Code:
<META HTTP-EQUIV=REFRESH CONTENT=30>
Change 30 to the number of seconds you’d like the page to refresh in.
Background Tips
Add style to your backgrounds with these tips.
In your <body> tag you can add style to create backgrounds.
Here’s how:
Add color to your background by adding the following to your body tag like so:
Code:
<body bgcolor=”BACKGROUND COLOR”>
Add an image to your background by adding the following to your body tag like so:
Code:
<body background=”http://www.yourdomain.com/yourimage”>
Change yourdomain to your site [...]
Background Text
Add a color or an image behind your background to highlight it or just to decorate it.
Add color behind your text with this snip:
Code:
<span style=”background-color: #000000″>Put your text here and change the color number to what you want the background to be for this text</span>
Add an image behind your text with this snip:
Code:
<SPAN STYLE=”background-image: url(http://www.yourdomain.com/imagefilename)”>Put [...]
Center Your Page Design
Here is a tip to center your whole design on your page.
Code:
<html>
<body>
<table cellpadding=0 cellspacing=0 width=”100%” height=”100%” valign=middle align=center><tr><td align=center>Put all your content here.</td></tr></table>
</body>
</html>
Change the width and height to your preferences.
Add your content and you are good to go.
Fading Page Transition
Make your pages fade into another when flipping through your site.
Place this code between your head tags:
Code:
<meta http-equiv=Page-Exit content=”blendTrans(Duration=##)”>
The No Cache Code
Don’t want peopes to see your old stale content after you update. But some still do because of browser reasons or other. We have a solution.
Add this snip between your head tags:
Code:
<META HTTP-EQUIV=Expires CONTENT=-1><META HTTP-EQUIV=Pragma CONTENT=no-cache>
Description With Your Linkie
Add a cool description effect to your linkies. When someone hovers over your linkie, a colored message will be displayed next to it.
Place this snip between your head tags and change colors, etc. to suit your taste:
Code:
<style>
a span.tooltip { display:none; }
a:hover span.tooltip {
padding:3px; z-index: 100;
float: right;
position: absolute;
text-align: center;
text-decoration: none;
width: 130px;
margin-top: 10px;
margin-left: -30px;
background-color: #CECECE;
border: 1px dotted [...]
