Multiply.Design

Home Notes Blog Photos Video Reviews Links

Group's posts with tag: image

What are tags? You can give your posts a "tag", which is like a keyword. Tags help you find content which has something in common. You can assign as many tags as you wish to each post.
View posts by people in your network with tag image

Change Icons in Table View

May 3, '08 2:11 AM
by bob for everyone

Replace the boring

icon in your Blog | Music | Video | Calendar | Notes page (table view) with any image you like.

Just add this to the description of your post:

<span class="insertedphoto"><img width="0" src="URL OF YOUR IMAGE"></span>

Replace only the highlighted portion..

Note: Use an image that has proportional width and height, preferrably a small one (so it loads faster). For example an image with a dimension of 50 x 50..

Notice I set the width to zero "0".
That will prevent the image from showing up from the actual post.

Demo: (Click for larger view)..

I tried doing this trick with the table view for photos.. Somehow, it doesn't work.. Or maybe I'm missin something..

PS.. I thought I discovered the codes until I came across this. So Luiz deserves the credit for the codes..

Tags: icons, image, tips&tricks, spunj

18 comments share

Seamless tiling examples (a lesson) (4 photos)

Apr 24, '08 11:22 PM
by Missthemed for everyone

The images that I've uploaded here are all the same image just different sizes
They range from 1200x1200 to 200x200

Now as an exercise put one as your page background,
Right click on the largest size (zoom if needed) and copy the "image url" or save and upload using Custom Colors
either one will do ..try the smallest first or maybe the 500x500 size and tell me if there is any difference in the "tiling"
Can you see any lines?
Did using the 200 sized one look any different to the 500 sized one in the way of lines?

Don't forget repeat the image

Note: yes you can keep these images if you wish

Tags: image, seamless tiles, backgrounds, missy a

13 comments slideshow prints & gifts share

THEME IMAGES - WARNING

Apr 4, '08 12:58 AM
by Linda for everyone

We have been repeatedly telling this over and over but for some reason, people aren't realizing this can happen. So all we can do is put up this post, and then it's up to the THEME AUTHORS AND THEME USERS to do this correctly.

CSS codes that have image urls hosted ANYWHERE else, and not in the album here WITH the album's image property url IN the CSS, are subject to the images disappearing. POOF. GONE. Both at the other site and your SITE here.

All of these off sites have a bandwidth limit. EVERY time that background or other image is viewed, it is HOTLINKED to that site and it draws on that limit. When that limit is reached, no more image. And there is NO retrieving until and if that image shows back up.

So if you use a theme from this or any theme group and you don't HOST the image yourself, and change the image property urls, then this can and most likely will happen to you.

See the image above? That's what your site will look like. Every page. For as long as it takes or until you change your theme. Like the theme you are using?

SAVE the images to your computer, host them in an album HERE at Multiply and change the image properties url to YOUR hosted image.

Need to know how to HOTLINK your images into your theme?

TUTORIAL HERE. and TUTORIAL HERE.

Tags: dantcer, image, themes, hotlinking

11 comments share

Image Map

Apr 2, '08 5:39 AM
by bob for everyone

Click on the different parts of the image and see where it takes you.

Multiply Design

Now this isn't a table of 6 images that link to 6 different URLs, rather, it is 1 image that links to 6 different URLS. Go on, check on the properties of the image, if you don't believe me.

This is called an image map. A single image that links to different URLs.

Step 1: Create an image.

The one I made is an image with a width of 150px and a height of 100px.

Step 2: Define the areas of your image. That is, define the coordinates.
<map name="map1">
<area shape="rect" coords="0,0,50,50" href="http://multiplydesign.multiply.com/" alt="Index">
<area shape="rect" coords="50,0,100,50" href="http://multiplydesign.multiply.com/journal" alt="Blog">
<area shape="rect" coords="100,0,150,50" href="http://multiplydesign.multiply.com/photos" alt="Photos">
<area shape="rect" coords="0,50,50,100" href="http://multiplydesign.multiply.com/video" alt="Videos">
<area shape="rect" coords="50,50,100,100" href="http://multiplydesign.multiply.com/reviews" alt="Reviews">
<area shape="rect" coords="100,50,150,100" href="http://multiplydesign.multiply.com/links" alt="Links">
</map>

2.1 How to get those coordinates? (I'll use the 5th area as an example..)

a. Open the image you want to use for image map with MS paint.
b. Grab the set of coordinates. (See images.Click to enlarge.)

c. Place those coordinates on the 'coords' value of the map.
<area shape="rect" coords="50,50,100,100" href="http://multiplydesign.multiply.com/reviews" alt="Reviews">

Note: Replace values in BLUE with your desired values

Step 3: Create your image tag

<img src="http://images.spunj.multiply.com/image/2/photos/66/400x400/4/imap.gif?et=B6dUCms5Xq3GHv%2C3hZBwFw&nmid=91344103" usemap="#map1" width="150" height="100" alt="Multiply Design" border="0">

Note: The value in usemap is the the value you used for map name (in step 2) preceded by the pound # sign. Be careful. it IS case sensitive.

Step 4:

Put the 2 set of codes (steps 2 and 3) where you can use HTML.. And there's your image map.

Tags: html, image, image map, tutorial, spunj

53 comments share

Image Property Url (Location) For Hotlinking

Mar 29, '08 2:46 PM
by Linda for everyone

Though this information is in several tutorials here, this is a common mistake made by so many when first learning to hotlink images here. So here is a breakdown and tutorial about your images stored here on Multiply.

(Click on screenshots to enlarge)

1. This is your image url (The url in the address of your browser when you open an image in an album) This is NOT what you use for hotlinking. This is only the address or url for that photo or image. It's where you are when you open a photo. (It's only a web address)

2. This is what you do to get TO the image PROPERTY url (also referred to as location since this is the location where your image is stored on Multiply's servers). Right click on your image, and then click on properties.

3. This is what you will right click, select all, and then COPY to paste in your html hotlinking code. This is the actual image property url (or location). This is what you must have to put in your html or css when putting image url information there also.

For inserting images in replies, use this code:

< img src="IMAGE PROPERTY URL GOES HERE" >