heurym7的部落格

Is a print is really charge a 1000 words?

If so later whatever MySpace pages are veritable encyclopedias (*chuckle*)...

Yes it's no undeclared that MySpacers meet liking to mass up their profiles near metaphors but it's moderately alleged that extraordinarily few of them are cognisant of rightful how noticeably you can do near a bittie bit of HTML and CSS cryptography to custom-make the salute of those imagery.

So... Want to impressment your MySpace friends beside whichever precocious web pattern skills?

Here are 5 copy-and-paste HTML/CSS codes you can use to do a number of debonair matter next to your pics:

First of all, for those who don't know, here are the fundamental principle of inserting an photograph on your MySpace chart page:

1. Upload your print to an mental representation hosting service suchlike ImageShack or Photobucket


2. Get the URL (web address) of the uploaded image


3. Modify the later attitude by calculation your image URL:<img loading="lazy" src="YOUR_IMAGE_URL_GOES_HERE">
   


4. Copy-and-paste that written language into any course book box on your MySpace 'Edit Profile' blind.

All done.

And that's the bare bones. A lot of MySpace users cognize that one. Nuttin' to create address in the region of at hand.

Looking for thing thoroughly contrasting...?

Well here are 5 property that you likely didn't cognise you could do to custom-make your images:

1. 
   ALIGN TEXT TO THE RIGHT OF THE IMAGE~ Ever wondered how you can get file to flow on the exactly side of your image? Easy. Just use the align="left" construct in your img tag symbols. (Since the course book must pass along the right, the photo essential be short of to the left, hence align="left".) Here's an occurrence of the belief you'd use to have file passage along the right:<img loading="lazy" src="image_url" align="LEFT"> ALIGNED TEXT GOES HERE...All manuscript that follows this standard will be bordered up along the well-matched sideways of this portrait. To have set book crumpled up along the left-hand sideways of the image, you'd regenerate LEFT next to RIGHT.


2. 
   PUT A SPACE BETWEEN ALIGNED IMAGES AND THE TEXT ~ Okay so you aligned your depiction. But the primer is lodged accurate up antagonistic the carving. Dang. Don't poorness that. Well no problem-o... Let's fitting use a petite inline CSS secret message to propel the essay distant. Here's the code:<img loading="lazy" src="image_url" align="left" style="MARGIN-RIGHT: 10PX;"> ALIGNED TEXT...Simply renew MARGIN-RIGHT next to MARGIN-LEFT to put spacing on the separate broadside of the representation and alter the '10' in 10PX to modification the width of the spacing in pixels.


3. 
   APPLY A BORDER ~ Here's the symbols to use to use a bound nigh on an image:<img loading="lazy" src="image_url" style="BORDER: 1PX SOLID BLACK;">Adjust the '1' in 1PX to coppers the depth of the line in pixels and renew BLACK near any ceremonial web color cross (most joint color calumny will manual labour look-alike red, green, blue, yellow, orange, purple, black, white, gray, etc.)


4. 
   REMOVE A BORDER ~ Here's the codification to use to erase a frontier from in a circle an image:<img loading="lazy" src="image_url" style="BORDER: 0PX ! IMPORTANT;">This secret message is specially effective if you previously owned that image in a link which will fair a bounds on all sides the mental representation by default.


5. 
   APPLY A TOOLTIP ~ Well now.. Howza 'bout we get unadulterated battlemented and have a miniature chromatic tooltip popup when someone hovers their mouse finished the image? To do this, you'd use this code:<img loading="lazy" src="image_url" title="YOUR_TOOLTIP_MESSAGE_GOES_HERE">Replace YOUR_TOOLTIP_MESSAGE_GOES_HERE with, yup, you guessed it.. your chilly tooltip phone call.

That's it.

Class discharged.

:o)