Join This Group
Sharing the Love
Created Sep 28, 2007
193,623
Colors
24,961
Palettes
79,887
Patterns
397
Conversations
2,805
Lovers
The un-official FAQ - A group for sharing information about the COLOURlovers - tips and tricks, instructions, questions and answers of all kinds. If you dont know where to start, look in the "index" conversation.
Basic Skills not specific to ColourLovers
Showing 1 - 4 of 4 Comments
How to insert an image from another web-page, in a comment
Go to the image you wish to insert. Right click (or ctrl click for mac) on it and choose "Copy Image Location" from the list that appears. Note that different browsers may have slightly different versions of this command.
Go to the text box in which you wish to insert the image. If it is a comment box, you can do it like this:
Click on the little image picture above the text area. It looks like this:
A dialogue box opens asking you to "input the link where the image is hosted". Paste the "image location" you copied in the first step here. Click "OK".
You will see the HTML code for the image appear in the text area. The image will only appear when you hit the "submit" or "add comment" button.
How to insert an on-line image in a palette or patterns "description" area
When creating a palette - in the palette description fields the Use Image link allows you to browse to an image on your computer, and upload it.
But what about an image that is online already?
You may have noticed that there are no convenient "insert image" buttons in the "inspiration" or "description" text fields when you are creating a palette or pattern.
First, go to the image you wish to insert. Right click (or ctrl click for mac) on it and choose "Copy Image Location" from the list that appears. Note that different browsers may have slightly different versions of this command.
Now go to the "inspiration" or "description" field in the palette maker. Insert the following html into this text field:
<img src = " " />
Now paste the image location between the " " marks. It should look something like this:
<img src="http://www.colourlovers.com/images/lovers/115/115051f.jpg" />
If you did it correctly, the image will appear once you publish the palette.
Help! The image I inserted is TOO BIG!
If you insert a HUGE image in the manner described above, the browser will add scroll bars so that people can see the whole image. But maybe you dont like that, or the image takes too long to download. Fix it like this:
You can specify the width of an image by inserting it in the HTML.
So you follow all the steps above, until you have the following HTML text (in this example, I am inserting my own profile pic)
<img src="http://www.colourlovers.com/images/lovers/115/115051f.jpg" />
Now you can isert a "width" parameter in there like this:
<img src="http://www.colourlovers.com/images/lovers/115/115051f.jpg" width = "250" />
That "250" is the width of the picture in pixels. To give you an idea, this is the picture as it would appear at the original size with no width specified:
And here it is with a width of "100"
And here it is with a width of 400
Its just the right width for the collumn, but notice how the quality has degraded. That is because the original image is only 250 pixels wide, and I've made it bigger.
Note: you dont need to specify height. Its automatically adjusted so that the image wont be squashed or streched.
Go to the image you wish to insert. Right click (or ctrl click for mac) on it and choose "Copy Image Location" from the list that appears. Note that different browsers may have slightly different versions of this command.
Go to the text box in which you wish to insert the image. If it is a comment box, you can do it like this:
Click on the little image picture above the text area. It looks like this:
A dialogue box opens asking you to "input the link where the image is hosted". Paste the "image location" you copied in the first step here. Click "OK".
You will see the HTML code for the image appear in the text area. The image will only appear when you hit the "submit" or "add comment" button.
How to insert an on-line image in a palette or patterns "description" area
When creating a palette - in the palette description fields the Use Image link allows you to browse to an image on your computer, and upload it.
But what about an image that is online already?
You may have noticed that there are no convenient "insert image" buttons in the "inspiration" or "description" text fields when you are creating a palette or pattern.
First, go to the image you wish to insert. Right click (or ctrl click for mac) on it and choose "Copy Image Location" from the list that appears. Note that different browsers may have slightly different versions of this command.
Now go to the "inspiration" or "description" field in the palette maker. Insert the following html into this text field:
<img src = " " />
Now paste the image location between the " " marks. It should look something like this:
<img src="http://www.colourlovers.com/images/lovers/115/115051f.jpg" />
If you did it correctly, the image will appear once you publish the palette.
Help! The image I inserted is TOO BIG!
If you insert a HUGE image in the manner described above, the browser will add scroll bars so that people can see the whole image. But maybe you dont like that, or the image takes too long to download. Fix it like this:
You can specify the width of an image by inserting it in the HTML.
So you follow all the steps above, until you have the following HTML text (in this example, I am inserting my own profile pic)
<img src="http://www.colourlovers.com/images/lovers/115/115051f.jpg" />
Now you can isert a "width" parameter in there like this:
<img src="http://www.colourlovers.com/images/lovers/115/115051f.jpg" width = "250" />
That "250" is the width of the picture in pixels. To give you an idea, this is the picture as it would appear at the original size with no width specified:
And here it is with a width of "100"
And here it is with a width of 400
Its just the right width for the collumn, but notice how the quality has degraded. That is because the original image is only 250 pixels wide, and I've made it bigger.
Note: you dont need to specify height. Its automatically adjusted so that the image wont be squashed or streched.
klip wrote:
This is a total lifesaver! Thank you so much klip for all this compact, easy-to-read and comprehensive information! ^_^ I learned so many things I didn't know and understood some of the things I do sometimes mechanically without thinking! I wish I had found this years ago! :/
This thread is a catch all for all those basic skills in HTML etc that are not particular to Colourlovers.
How to create a link to another page
If you wish to put a link to another page in a comment:
Browse to the page you wish to link to.
Locate the URL for that page in the address field at the top of your browser window.
For example, if you look at the address field in the top of the browser of this page, you will see
http://www.colourlovers.com/group/Sharing_the_Love/conversations/3039/Basic_Skills_not_specific_to_ColourLovers#cm0
Click in this address field. The entire URL should be selected. Right click and choose "copy".
Now, go to the page where you wish to insert your comment and its link.
Above the text box that you use to create a comment, you will find a link button - it looks like this. Click on it.
A dialogue box will open asking you to "input the destination for this link".
Past the copied URL in the field provided. Make sure you replace the text that is already in that field, otherwise you end up with more than one "http://"
Click "OK"
The dialogue box will then ask you to "input title for this link". This is actual underlined link text that will appear. Type whatever you wish this text to be in there.
Click "OK".
You will see the HTML code for the link appear in your comment. The actual working link will only appear when you click on the "submit" button for your comment.
Shortcut method to copy page url
You do not have to navigate to a page to copy its address. Like this:
Right click (or ctrl click on a mac) on the link to a page.
For example, a palette badge or palette title.
Now, you will see a menu open. Choose "copy link location". The "link location" is the URL to that page, and that is what you can paste into the dialogue box as described above. Saves a bit of time! :)
Note: Depending on your browser, this might not always be called "link location" but there will be something equivalent.
This is a total lifesaver! Thank you so much klip for all this compact, easy-to-read and comprehensive information! ^_^ I learned so many things I didn't know and understood some of the things I do sometimes mechanically without thinking! I wish I had found this years ago! :/
How to create a link to another page
If you wish to put a link to another page in a comment:
Browse to the page you wish to link to.
Locate the URL for that page in the address field at the top of your browser window.
For example, if you look at the address field in the top of the browser of this page, you will see
http://www.colourlovers.com/group/Sharing_the_Love/conversations/3039/Basic_Skills_not_specific_to_ColourLovers#cm0
Click in this address field. The entire URL should be selected. Right click and choose "copy".
Now, go to the page where you wish to insert your comment and its link.
Above the text box that you use to create a comment, you will find a link button - it looks like this
A dialogue box will open asking you to "input the destination for this link".
Past the copied URL in the field provided. Make sure you replace the text that is already in that field, otherwise you end up with more than one "http://"
Click "OK"
The dialogue box will then ask you to "input title for this link". This is actual underlined link text that will appear. Type whatever you wish this text to be in there.
Click "OK".
You will see the HTML code for the link appear in your comment. The actual working link will only appear when you click on the "submit" button for your comment.
Shortcut method to copy page url
You do not have to navigate to a page to copy its address. Like this:
Right click (or ctrl click on a mac) on the link to a page.
For example, a palette badge or palette title.
Now, you will see a menu open. Choose "copy link location". The "link location" is the URL to that page, and that is what you can paste into the dialogue box as described above. Saves a bit of time! :)
Note: Depending on your browser, this might not always be called "link location" but there will be something equivalent.