HTML Codes, Auction Templates, eBook Tutorials, & Blog Tips Cool HTML Codes, Auction templates, eBay Tips, Ebooks, & Tutorials

The codes on this page are for images & animations. Did you know you can add extra pictures to you eBay® auctions or website for free? You simply have to host the picture or animation first, and then enter an HTML code into your auction and you can add extra pictures!
 

*Note- In order to have a picture show up on your website or auction you have to first get it hosted. What does hosting a picture mean? It means that a server (Ex: www.PhotoBucket.com®) is allowing users to view your picture at all times even when you are not online.

So all you need to do is go to www.PhotoBucket.com®, sign-up for an account, (it’s completely FREE) and upload your photo. Then after you upload it, PhotoBucket® will give you a URL code and all you do is insert that URL code from Photobucket® into where it says “URL FOR YOUR PICTURE HERE” for the HTML code on this page. Do NOT delete the quotations ” ” because it will not work.

NOTE: The pictures on this page may not show the actual HTML effects. If you want to see the final results of what the HTML code can do to the images & pictures, then copy the code & test it in our HTML Checker.

 

Take an ordinary picture like this one and turn it into the following using the codes provided:

 

 

X-ray Filter:

<img src=”YOUR PHOTO’s URL GOES HERE” style=”filter:xray()”>

 

Engrave Filter:

<img src=”Your Photo’s URL Goes Here” style=”filter:progid:dximagetransform.microsoft.emboss”>

 

Opacity Filter:

<img src=”Your Photo’s URL Goes Here” style=”filter:alpha(opacity=50)”>

 

Black & White Filter:

<img src=”Your Photo’s Url Goes Here!” style=”Filter: Gray”>

 

Invert Filter:

<img src=”Your Photo’s URL Goes Here!” style=”Filter: Invert”>

 

Ripple Filter:

<img src=”Your Photo’s URL Goes Here!” style=”Filter: Wave(Add=0, Freq=5, LightStrength=20, Phase=220, Strength=10)”>

 

Putting your cursor over the Image Makes your pictures shake with this Code!

<style> .shakeimage{ position:relative } </style> <script language=”JavaScript1.2″> var rector=3 var stopit=0 var a=1 function init(which){ stopit=0 shake=which shake.style.left=0 shake.style.top=0 } function rattleimage(){ if ((!document.all&&!document.getElementById)||stopit==1) return if (a==1){ shake.style.top=parseInt(shake.style.top)+rector } else if (a==2){ shake.style.left=parseInt(shake.style.left)+rector } else if (a==3){ shake.style.top=parseInt(shake.style.top)-rector } else{ shake.style.left=parseInt(shake.style.left)-rector } if (a<4) a++ else a=1 setTimeout(“rattleimage()”,50) } function stoprattle(which){ stopit=1 which.style.left=0 which.style.top=0 } </script> <img src=”YOUR PICTURES URL GOES HERE” class=”shakeimage” onMouseover=”init(this);rattleimage()” onMouseout=”stoprattle(this);top.focus()” onClick=”top.focus()” width=”63″ height=”73″> NOTE: This code does NOT work in eBay auctions but it does work with websites!

 

To Insert a Picture or Animation into Your Auction or Website use this code:

<img src=”URL FOR YOUR PICTURE HERE”>

 

To center your picture:

<center><img src=”URL FOR YOUR PICTURE”></center>

 

Use this html code to adjust the size of your picture. Just change the width or height in the quotation marks:

<img src=”URL FOR YOUR PICTURE” width=”155″ height=”135″>

 

Use this code to make your picture into a marquee:

<marquee><img src=”YOUR URL WHERE YOU HOST YOUR IMAGE HERE!”></marquee>

 

Make your picture a clickable link:

<a href=”URL YOU WANT USERS TO GO TO”><img src=”URL FOR YOUR PICTURE”border=”0″></a>

 

Position your text on the left with a picture on the right.

<center><table border=”0″ width=”70%” cellpadding=”10″ bgcolor=”BLACK”> <tr><td valign=middle><font color=”WHITE” size=”+2″ face=”Arial Black”> TEXT HERE</td> <td align=center> <img src=”YOUR PICTURE URL”> </td></tr></table></center>

 

Position Your Text on the Side And Your Picture in the Middle!

<center><table border=”0″ width=”85%” cellpadding=”10″ cellspacing=”10″ bgcolor=”#000000″> <tr><td valign=top><font color=”#FFFFFF” size=”+2″ face=”Arial Black”> Text on this side!</td><td align=center><img src=”YOUR PICTURE URL HERE” width=150 height=200 alt=”picture”></td><td valign=bottom><font color=”#FFFFFF” size=”+2″ face=”Arial Black”> And more text on this side</td></tr></table></center>

 

Cool HTML Background Codes

Sponsored Links

Posted under HTML Codes, Images, eBay

These HTML codes are special codes made for your Myspace Profile. We have almost every code available to add tweaks and changes to your profile.

For example, have you ever wondered how you can hide your online status, friends, comments, blogs, general information, music player, add color to your scroll bars, change your cursor into different characters, and so much more? We will have all of these codes over the next few pages. Also, we are planning a lot of updates & changes to our site, so make sure to keep coming back to get more goodies =).

Now you can use these Myspace codes to make your profile stand out from the rest.

These codes are in easy to copy and paste textboxes. All you have to do is copy the code and paste it into the section it says to. It’s that simple!

Hide Your Myspace Friends and Comments by placing this code in your about me section

<style> .a {hide friends and comments} .a {without hiding the add comment link} td.text td.text table, td.text td.text td {padding:0px; height:0px; font-size:0px;} .redlink, td.text td.text .btext, td.text td.text br, td.text td.text td b, td.text td.text td td, td.text td.text td .orangetext15 {display:none;} td.text td.text table {border:0px !important;} </style> <p><b><a href=”http://www.wildtips.com/htmlcodes.htm”><font color=”#0000FF”> Cool Myspace Codes</font></a><font color=”#0000FF”> Paste in about</font></b></p>

Hide Your Myspace Login by using these two codes:

Put this code in your Headline Section “Put Your Headline Here” <font class=jb1>Your Gender Here</font><font class=jb2>Your Age Here</font><font class=jb3>Your City, STATE Here</font><font class=jb4>United States</font><font class=jb5>Last Login: You can delete these words</font><font class=off> Put this code in your About Me Section <style> .jb1, .jb2, .jb3, .jb4, .jb5 {display:block;} .jb1{margin-top:15px;} .jb5{margin-top:30px;}<p><a href=”http://www.wildtips.com/htmlcodes.htm”>Cool Myspace HTML Codes & Tricks!</a></p> </style>

Hide Your Myspace Age, Sex, and Location by using these two codes:

Put this code in your Headline <span class=”Hide”> Put this code in your About Me Section <style type=”Text/css”> .hide{display:none} .text{font-size:1px} </style><a href=”http://www.wildtips.com/htmlcodes.htm”>Cool Myspace HTML Codes & Tricks!</a>

Move your Myspace Music Player with this code by placing it in your about me section

<style>td td embed {position:absolute; left:50%; margin-left:-150px; top:400px; width:295px; height:51px; } td td td embed { position:static; width:auto; height:auto; }<a href=”http://www.wildtips.com/htmlcodes.htm”>Cool Myspace HTML Codes & Tricks!</a></style>

Center all of your text in your Myspace with this code by placing it in your about me section

<style>td{text-align:center}<a href=”http://www.wildtips.com/htmlcodes.htm”>Cool Myspace HTML Codes & Tricks!</a> </style>

Hide your Myspace Music Player with this code by placing it in any section

<style>embed, object {width:0px; height:0px;} table table table embed, table table table object {width:320px; height:240px;}<a href=”http://www.wildtips.com/htmlcodes.htm”>Cool HTML Codes & Tricks!</a> </style>

Check out More Myspace HTML Codes

Sponsored Links

Posted under Myspace, Tweaks