Images (html codes to add to images)

(8 votes)

Your Design Tools - Myspace Lessons

Monday, 24 March 2008

HTML Lesson:
This is basic stuff, just some codes to add to any image, border, size, color, etc.

Place an image
<img src="URLHERE">
Image with border
<img style="border:BLACK 4px SOLID" src="URLHERE">
Image with background
<img style="background:black" src="URLHERE">
Control Size of Image
<img src="URLHERE" width="10" height="10">
you may change the number 10 to any number 1 - 100+
Make image have a neat filter <DIV STYLE="filter: alpha(style=2, opacity=70); width:300; height:300; background:BLACK url(URLHERE)"></DIV> you may change the number 300 to any number 1 - 1000+
Emboss image
<img src="URLHERE" style="filter:progid:dximagetransform.microsoft.emboss">
Engrave image
<img src="URLHERE" style="filter:progid:dximagetransform.microsoft.engrave">
Grayscale image
<img src="URLHERE" style="filter:gray;">
Invert image colors
<img src="URLHERE" style="filter:invert">
X-ray image
<img src="URLHERE" style="filter:xray()">
Flip image horizontally
<img src="URLHERE" style="filter:fliph">

Flip image vertically
<img src="URLHERE" style="filter:flipv">
Transparent Image
<img src="URLHERE" style="filter:alpha(opacity=50)"<br /><br /><br /><br /><br />
you may change number 50 to any number 1 - 100
Image slideshow (marquee -left/right)

<marquee direction="left"> <img src="URLHERE" /><img src="URLHERE" /><img src="URLHERE" /></marquee>
Image slideshow (marquee - up/down)

<marquee direction="up"> <img src="URLHERE"><img src="URLHERE"><img src="URLHERE"></marquee>