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.

Post ads:
DBEST London Duo Bluetooth Rechargeable Mini-Speaker Set / HP Laptop Messenger Bag / BenQ RL2450HT Professional Gaming Monitor / BlackBerry USB Cable Micro USB 1.0m (Black) / Lexar High Speed MicroSDHC 32 GB Class 10 Flash Memory / 2 Pack Refurbished cartridges for HP 56 HP 57. Includes / Laptop Battery for Dell Inspiron 1300/B120/B130 / StarTech.com UUSBHAUB6LA 6 Feet Micro USB Cable - A to / Samsung EPL-1PREBEGXAR Galaxy Tab SD Card Reader / Belkin Grip Candy Case for New iPhone 5 (Blacktop/Gravel) / Boss Audio BV9982I DVD Player with Single-DIN 7-Inch / Motorola DECT 6.0 Cordless Phone with 1 Handset and Caller / HP LaserJet Pro 100 Color M175nw Wireless Multifunction / TVpad M121s Chinese/Korean TV-VOD Streamer Media Player / Dell Inspiron i17R-2895SLV 17-Inch Laptop (Silver)

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 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.

Post ads:
Canon CLI-8Y Ink Tank-Yellow / LG 60PM6700 60-Inch 1080p 600Hz Active 3D Plasma HDTV / Samsung PN60E8000 60-Inch 1080p 600Hz Ultra Slim Plasma 3D / Sony NPFW50 Rechargeable Battery Pack - Black - Retail / Sharp FX Plus Unlocked GSM Phone with Android 2.2 OS, 3MP / Le Big Head Hello Kitty Back Cover Case for / Celestron 21037 PowerSeeker 70EQ Telescope / Pinnacle Speakers SUB-SONIX 10-200 10-Inch 200 Watt Front / Garmin Montana 650t Waterproof Hiking GPS with TOPO U.S. / HP 901 CC653AN Officejet Ink Cartridge / Linksys SE2500 5-Port Gigabit Ethernet Switch / FAVI HD-100 16:9/100-Inch Electric Projector Screen / JBuds J2 Premium Hi-Fi Noise-Isolating Earbuds Style / Vivitar V7028-PNK 7.1 Digital Camera with 4.0x Optical / CowboyStudio Set of Two 7 feet Photography Light Stands

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 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 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 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 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 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)

heurym7 發表在 痞客邦 PIXNET 留言(0) 人氣()