"I have changed the colors and uploaded my background image already. As I was trying to add some codes on my CSS Page, my background image disappeared! How was that possible? How do I add any code? I'm using Custom Theme (Custom Colors). Please help!"


This is a frequent scenario for beginners using the theme mentioned who are trying to add codes to "tweak" or modify their pages. As you see, the background image code is not viewable via the CSS Page when you are using the said theme.

There is a way to avoid losing your background image and still be able to add/change/subtract codes from your CSS Page. Just READ carefully and follow the instructions on how you could be able to do that.

NOTE: DO NOT ADD ANY CODES "YET" ON YOUR CSS PAGE! Expect that you will lose your background image if you do so before doing the steps below.

• Go to your Home Page (http://YOUR_USERNAME.multiply.com).

• If you are using Firefox:
• Click: View > Page Source

• if you are using IE:
• Click: Page > View Source

• Either way, a new window will open that contains HTML Codes.

• The very First codes look similar to the codes below (Page Source of Multiply Republic):

• Look for the link similar to the bold link in the example.

• Copy that and paste it in the address bar.

• This will display your FULL CSS Codes including the codes for the uploaded image you are using as background.

• Now, copy and paste all the codes in any word processing application (like Notepad) and save it (optional - for future reference).

• Go to your CSS Page and delete all the codes in that page.

Instructions on going to the CSS Page:

Go to your Home Page. (http://YOUR_USERNAME.multiply.com)
Click "Customize My Site" (found on the upper right area, below the heading)
On the "drop-down" menu that appears at the Top, select "Custom CSS"

• Copy the NEW codes that you have in your word processing application and paste it on your CSS Page.

• Click Save.

• Nothing should be different on your page. UNLESS you have done something wrong or accidentally added some characters on the CSS..

Having done that, you are now free to add any codes in your CSS Page without losing your background image! Remember that you only need to do this once! After that, adding/editing and subtracting CSS Codes without losing your uploaded background is not a problem anymore!

Ok, so we're still learning bit by bit altogether.. Let's now discuss the "hosting" of images which is really useful for theme creators and for those who "embed" pictures or images and icons almost anywhere and any part of your page..

Hosting is uploading an image on a website, accessible via the world wide web, for the purpose of probably sharing, documenting and many more. In multiply, we often get by the words "image URL" or "embedding images". These require images "Hosted" somewhere on the internet.

With Wikepedia's definition: An image hosting service allows individuals to upload images to an Internet website. The image host will then store the image onto its server, and show the individual different types of code to allow others to view that image. Because many users do not have personal webspace, either as a paid service, or through an ISP offering, Image Hosting services have become massively popular as the demand for hosting services increases. With the explosion of the popularity of blogs, forums, auctions, and other interactive pages, image hosting services have become extremely popular among end users.

Web-hosting is a popular service rendered in the world wide web. Some of the popular choices are:

1. Imageshack
2. Photobucket
3. Tinypic
4. Imagehosting

Now we're done with the orientation part.. Let's get deeper onto hosting in multiply.

You can Host the Images yourself here in multiply, and probably use them as a background, comment or greeting (like glitter images), as an image reference, or just to embed it almost anywhere..

This also allows retrieval of an Image URL (which can be used for linking photos).

Just follow these SIMPLE STEPS:

• Upload the Image you like on your Photos Section.

• Photo's Page: http://username.multiply.com/photos
  
• Upload Page: http://username.multiply.com/photos/upload-mtb

• You will now have your picture on your Photos right?

Now, where can I get the Image's URL?

• Go to the Photo's Page and click the Album that contains the image you have uploaded (will direct you to the Album's Page).

• Photo's Page Sample: http://makulitrepublic.multiply.com/photos
• Album Page Sample: http://makulitrepublic.multiply.com/photos/album/5

• When you have opened the Album, click the Image you want.
• After Clicking the Image, that will now direct you to that specific photo's page.

• Specific Photo's Page Sample: http://makulitrepublic.multiply.com/photos/photo/5/1

• There are two ways after the previous step.

• If the Image is small enough for the page, the image size "below it" is not  going to be click-able.

sample: http://makulitrepublic.multiply.com/photos/photo/6/1

• If the Image is too big for the page, the the image size "below it" is going to be click-able. If this is the case, click the image size "below it" and proceed with the next step.
  

sample: http://makulitrepublic.multiply.com/photos/photo/5/3

• All you got to do now is right-click on the image and
• On FIREFOX (easier to use): select copy image location.
• On IE: select properties, and copy the Address (URL) on the pop-up.
  

• Paste it on Notepad (preferably) or any other word processing application.

We're all done! You now have the Image URL you've been looking for..




Help in Embedding Images:
http://makulitrepublic.multiply.com/journal/item/23

Help in making Backgrounds on your page or for posts (advanced):
http://makulitrepublic.multiply.com/journal/item/22

Help in Changing Default Icons:
http://makulitrepublic.multiply.com/journal/item/56