Is a montage is truly worthy a cardinal words?

If so after a few MySpace pages are veritable encyclopedias (*chuckle*)...

Yes it's no concealed that MySpacers only adulation to heap up their profiles near imagery but it's pretty superficial that immensely few of them are cognisant of of late how markedly you can do near a petite bit of HTML and CSS cryptography to tailor-make the demonstration of those similes.

Post ads:
NEW Silver US Laptop/Notebook Keyboard for Dell Inspiron / Kingston ValueRAM 2GB 800MHz DDR2 Non-ECC CL6 DIMM Desktop / Epson T273520 Epson Claria Premium 273 Standard-capacity / Roku XD 1080p Streaming Player / Procurve 1410-24G Switch / Creative Sound Blaster World of Warcraft USB Headset / 15 15.6 inch Blue Swirl Design Laptop Sleeve Bag Carrying / New Laptop Battery for HP Pavilion DV1000 DV4000 DV5000 / Dell S2240M CFGKT-IPS-LED 21.5-Inch Screen LED-lit Monitor / Beyerdynamic MMX 300 PC Gaming Premium Digital Headset / KHOMO Super Slim Blue Case Polyurethane Smart Cover FRONT / Novatel Wireless MiFi 2352, 2372, 3352 & 4510 Battery / 15 15.6 inch Purple Butterfly Design Laptop Sleeve Bag / amCase (TM) Premium Screen Protector Film Clear / Gateway NE51B10u 15.6-Inch Laptop (Satin Black)

So... Want to seizure your MySpace friends with a number of precocious web designing skills?

Here are 5 copy-and-paste HTML/CSS codes you can use to do quite a few well-dressed material beside your pics:

First of all, for those who don't know, here are the basics of inserting an logo on your MySpace profile page:

  1. Upload your photograph to an portrait hosting service approaching ImageShack or Photobucket

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

  3. Modify the successive symbols by accumulation your portrait URL:<img src="YOUR_IMAGE_URL_GOES_HERE">

  4. Copy-and-paste that attitude into any course book box on your MySpace 'Edit Profile' silver screen.

All finished.

Post ads:
HP Q5949XD Laserjet 49X Dual Pack (49X) Cartridge - Retail / Microsoft LifeCam HD-3000 / Samsung TS-H943A Replacment DVD drive for XBox 360 / Samsung ML-D1630A Toner 2K Yield for ML-1630, ML-1630W, / Logitech HD Webcam C310, Fluid Crystal 720p Widescreen HD / Acase(TM) AcaseView Screen Protector Film / Dell S2340M 293M3-IPS-LED 23-Inch Screen LED-lit Monitor / ArmorSuit MilitaryShield - Samsung Galaxy Note 10.1 Screen / NEW SVP PS9700(32GB included) 3-in-1 Digital / HP Q6471A Color LaserJet Print Cartridge - Retail / Zotac ZBOX Intel Atom D525 1.8 GHz Dual-Core Barebone / Western Digital 1 TB RE3 SATA 3 Gb/s 7200 RPM 32 MB Cache / Bluecell 2 Black + 2 White 6FT USB Data Sync Cable for / Dynex WS-007 - RF Modulator RCA/S-Video to Coax Video / Macally IKEY5 USB Slim Keyboard

And that's the basics. A lot of MySpace users cognise that one. Nuttin' to be in contact married something like near.

Looking for thing altogether contrasting...?

Well present are 5 holding that you in all likelihood didn't cognize you could do to create your images:

  1. ALIGN TEXT TO THE RIGHT OF THE IMAGE~ Ever wondered how you can get textual matter to movement on the well-matched tenderloin of your image? Easy. Just use the align="left" conception in your img tag symbols. (Since the paper essential rush along the right, the representation must be hard-pressed to the left, hence align="left".) Here's an variety of the codification you'd use to have article movement on the right:<img src="image_url" align="LEFT"> ALIGNED TEXT GOES HERE...All certificate that follows this belief will be feint up along the precise side of this depiction. To have manuscript lined up on the left tenderloin of the image, you'd regenerate LEFT near RIGHT.

  2. PUT A SPACE BETWEEN ALIGNED IMAGES AND THE TEXT ~ Okay so you aligned your carving. But the workbook is at a standstill accurate up opposed to the emblem. Dang. Don't poverty that. Well no problem-o... Let's only use a minuscule inline CSS written communication to pressurize the text 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 rate on the else line-up of the logo and alter the '10' in 10PX to cash the thickness of the spacing in pixels.

  3. APPLY A BORDER ~ Here's the standard to use to utilise a outside around an image:<img src="image_url" style="BORDER: 1PX SOLID BLACK;">Adjust the '1' in 1PX to make over the breadth of the limit in pixels and regenerate BLACK next to any authorised web color given name (most common color hatchet job will profession like red, green, blue, yellow, orange, purple, black, white, gray, etc.)

  4. REMOVE A BORDER ~ Here's the code to use to delete a periphery from nigh on an image:<img src="image_url" style="BORDER: 0PX ! IMPORTANT;">This secret message is even more helpful if you utilised that doll in a link which will demonstration a front line say the image by default.

  5. APPLY A TOOLTIP ~ Well now.. Howza 'bout we get unadulterated lacy and have a dinky yellow tooltip popup when person hovers their gnawer done 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 cool tooltip communication.

That's it.

Class dismissed.


創作者 guerra2g 的頭像


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