Group's posts with tag: graphics

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 graphics
LinkRibbons Free For UseJul 8, '08 4:31 AM
by J' for everyone
Link: http://jenny3jellybean.multiply.com/photos/album/38

(I deleted the other post.)

You can get to the other two albums via this first one..

Please use. Share em.. Would love to see em in action... Will take requests.
ENJOY!











Sorry you can't see them animate :/


More for fun..


LinkImage ChallengesJun 21, '08 1:10 AM
by Missthemed for everyone
Link: http://imagechallenges.multiply.com/

New group for the frustrated theme designers, no need to stop designing or put away your image editing prog.
ANY image editor can be used any skill level is welcome, don't need to be good just need too have a go!

sorry about the theme being default as you know can't do anything about it at the moment

Photo AlbumDimples Gallery (22 photos)Jun 3, '08 10:23 AM
by Leigh Ann for everyone

Multiply's Dimples for the Textareahandle can be customized to match any theme. All that's needed is the desired hex color code or rgb code.

These are best viewed by clicking on each individual color.

To learn more about customizing the textareahandle, check out the comments in this thread.

A special thanks goes to Missy (whose red I swiped for this gallery). Here is the code she posted on the thread linked above:

.textarea-handle {
position: relative;
right: 1px;
height: HEIGHT-OF-GRAPHICpx; width: 100%;
cursor: n-resize;
margin-top: 2px;
display: block;
background: url(YOUR-GRAPHIC-URL-HERE) no-repeat top right;
}

PS Linda, I figured with 12, I had enough at this point to go ahead and start that gallery you requested.

LinkAnimations,bullets and dotsApr 6, '08 9:34 PM
by Missthemed for everyone
Link: http://www.fullfreestuff.com/free-graphics/animation/creatures.shtml

Like the one I've put here, this site has animated dots from 12x12 up to larger animations 100x100
dragons, cows (lots of cows) dogs, flowers,tiny arrows you name it
Just right click and save the ones you want and upload to Multiply ... host them yourself!!


Link: http://motzgraphics.com/animations/

ANIMATED ARROWS
ANIMATED BUTTONS
MINI MOVIES
ANIMATED GLITTER TILES
ANIMATED DESIGN TILES
BACKGROUND MASKS
ANIMATED CREATURES
ANIMATED ATTENTION GETTERS
ANIMATED ALPHABETS

Really cool stuff plus you get to choose your color.. Go crazy! lol


Blog EntryHot-linking Inside Multiply - Pt.2Feb 21, '08 4:00 PM
by Luiz Felipe for everyone
Here is a great tip for adding high resolution images or any other kind of file you want to use on your pages: create a private blog entry and attach a file using the paper clip found in the toolbar when you are editing the post. You can add many files to a single blog entry, so you don't have to create a blog entry for each file you want to use. If you need another file, go back to the private blog entry, edit it and add a new attachment. The old ones will have the same URL, so don't worry, it won't break anything. The file has a 20MB size limit, what's good enough for even attaching some music you may want to embed on your pages. It also works with Flash files (.swf) and other files that can be displayed on a browser using the EMBED command.

If you don't know how to attach a file to a blog entry, please take a look at this entry on the Multiply Official blog: http://multiply.multiply.com/journal/item/105

After attaching the file and saving the post, you can right click on the download link for the attachment and get its URL, just like what you'd do for an image. Then you can use the URL to add the pic to your posts (if the attachment is a picture, of course) or embed the file on your posts, with a plus: the URL is smaller than the ones you get from images from album entries (Photo section). For instance, I've added an attachment to this post (it's a small GIF file). Its URL is:
http://images.lfom.multiply.com/attachment/0/R730lQoKCr4AAEU1Ggw1/banana.gif?nmid=

If you've attached an image, you can add it to any post using the IMG command as explained in my previous post (http://multiplydesign.multiply.com/journal/item/44/) or even use it in your Custom CSS.

If it's not a picture, you should use the EMBED command. Here is an example for embedding a music file on your page:

<embed src="URL_To_Your_File" autostart="true" loop="true" volume="50" height="30" width="144">

and for embedding a Flash file:

<embed src="URL_To_Your_File" wmode="transparent" type="application/x-shockwave-flash" height="420" width="420">

You may want to adjust the values of width and height to fit your needs, and maybe remove the wmode='transparent' part if the Flash animation looks oddly on your page.

Have fun!


Pt. 1 of the tutorial: Hot-linking Images Inside Multiply

Attachment: banana.gif

Photo AlbumMis. images (2 photos)Feb 19, '08 11:53 PM
by J' for everyone


LinkBackgrounds, buttons, logos and more...Feb 19, '08 11:41 PM
by J' for everyone
Link: http://www.grsites.com/

Lots of stuff here...

Backgrounds etc you can edit yourself within the site.

Have fun!

Blog EntrySimple HTML "how too"Feb 19, '08 10:09 AM
by Missy for everyone

You realise that 3 years ago I couldn't do any HTML at all, nothing zip nada now of course what am I the HTML expert or something geeze..anyway I'll show you how to do a few simple ones easy ones that evena twit like myself can do.
These are for comments you make of course, anyone can do simple HTML in the  blog compose that's what the buttons are for.
Here goes you ready?
  Do you want bold ? that's easy bold is  this <b> and to stop things being bold do this </b>
Want italics? do this <i> to stop the  italics do this</i>
Strike through or cross out a word ? do this <s> and to stop it do this  </s>
Make a link ...oh gawd they want links lets see now
a link to a web site would be this
   <a href="http://missingbits.multiply.com">a  link to a web site </a>
link is in
pink and the code is  orange

To resize a picture just change the numbers so to resize this image
<img src=http://dl8.glitter-graphics.net/pub/558/558248u8915bjieg.jpg width=
89  height=88>
 
All you do is change the numbers the higher the numbers the bigger the picture
Like this
<img src=http://dl8.glitter-graphics.net/pub/558/558248u8915bjieg.jpg width=
138  height=137>
 

See now that's easy isn't it

Oh and I made that image bigger but if you lessen the numbers the image goes smaller ..
Just thought I'd throw that part in for those posting the big images ..size does matter so make em a bit smaller

to make font bigger
<font size="3">to make <font size="5">font bigger </font>

 

If your page is broken, full of crazy links try taking the extra codes out for the images you have put in they will be <a href > all you do is remove those letters and the links the www. parts see how the links are pink at the top of this post ..get rid of the link part that's all you do keep the image but get rid of the yukky links messing up your page

This is a very simple tutorial that I wrote almost 2 years ago Note: You can use HTML anywhere that you can post a comment or in your "About Me" section  the Welcome box, or when you post a Link or even when you post a video Do NOT use HTML in your CSS code box it wont work and will break your CSS code 

Blog EntryRemoving Icons from ThemesFeb 18, '08 10:50 PM
by Luiz Felipe for everyone

- Top header:
li.gnopt a img, li.gnoptsel a img { display: none; }

- Boxes:
.itemboxsub .icon img { display: none; }
or (this also removes the space used by the icon - thanks to bindra)
.itemboxsub .icon { display: none; }

- Right rail (most themes):
ul.sidelist li, ul.sidelist li a { list-style-image: none; background: none; }

- Plus and arrow on itemboxes:
.itembox .viewmore a.add, .itembox .viewmore a.select { background: none; }

- Five dots below the 'textarea' (where users type replies):
.textarea-handle { background: none; }

- Icons for the Clean (Default) links and maybe other themes too (thanks to Ptest1314):
a.addphotosbutton, a.replybutton, a.vreplybutton, a.areplybutton, a.deletebutton, a.editbutton, a.slideshowbutton, a.sharebutton, a.orderbutton {
background-image: none;
}

You can replace them with your own images using url(IMAGE_URL) instead of none, of course, where IMAGE_URL is the URL of the image you want to use.

Add these codes to the end of your Custom CSS.


Blog EntryHot-linking Images Inside MultiplyFeb 18, '08 10:30 PM
by Luiz Felipe for everyone
I've decided to create an article about adding pictures inside Multiply. It can be used in any place here: replies/comments, group notes, personal messages, any post at all.

First of all, you need to host the picture on the Internet, you can't use images that are stored on your own computer. There are thousands of free services that host files for hot-linking, specially images. Some of them have some restrictions, like limited bandwidth, maximum file/image size, or will store your file for a limited time then will delete it. For these reasons and as things will be easier and faster if you do it all on Multiply, you can create a private album here (so no one else will see the pics) and still use the images here or anywhere else (if it's used outside Multiply, a small watermark will be visible, so you don't have to credit Multiply for hosting the image for you). I will come to this later.

After you have uploaded your image somewhere, you need to find its URL so you can use it in your post. The URL is the unique address of the image on the Internet. You just need to right click on the image and select Properties if you are using IE or Copy Image Location if you are using Firefox (or the similar command in your preferred browser). If you chose Properties, a small window will appear, where you can select and copy the image URL. You can also select View Image so the only the picture will be show on your browser window, and you can copy the URL from the address bar.

For instance, if you go to this album:
http://multiplydesign.multiply.com/photos/album/4/Instant_Theme_with_Transparency

you will see that it has only one picture. What you see first is the image thumbnail, a small sized picture so you see many pics of one album at once. You can use the thumbnail if you want, just get its URL, but then you will use the small image (it can be useful for creating a link in a post, for instance). If you want the bigger one, click on the image once, and you will see the preview image, which is bigger than the thumbnail. If there is a high resolution version of the image, you will be able to click on Zoom In. The only problem is that if you host your images on Multiply, the high resolution version may get removed after 6 months if no one has ordered a print of it. Normally, if you plan to add the pic to a reply or something else, you are not using a high resolution image, or maybe the image you've uploaded is small and there is no bigger version of it, so you don't need to care about it (PS: even if Multiply removes the hi-res picture, it won't delete the preview nor the thumbnail). In this example, I will use the preview image. Its URL is:

http://images.valeriewwf.multiply.com/image/25:modify/photos/26/500x500/1/Dock.jpg?et=U7D3ENOmB8mHsStgV8%2BEDQ&nmid=61676016

Now, the only thing you need to do is use this command where you want to display the image:

<img src="Image_URL">

where you must replace Image_URL with the actual URL of the image you want to show, and don't forget to include both the "<" and ">" too. In this example:

<img src="http://images.valeriewwf.multiply.com/image/25:modify/photos/26/500x500/1/Dock.jpg?et=U7D3ENOmB8mHsStgV8%2BEDQ&nmid=61676016">

It will show the picture like this:





Some useful variations of the command:
<img src="Image_URL" border="0"> - draws no border around the picture, useful if you use it for a link and don't want the border around the image.
<mg src="Image_URL" align="left"> - aligns the image to the left.
<img src="Image_URL" align="right"> - aligns the image to the right.
<img src="Image_URL" height="300" width="400"> - sets the image width and height (you can use other values, of course, and if you use only one parameter - width or height - the other one will be automatic to keep the proportion ratio of the image).


OK, now about the private album... I will use the text that kindspirit wrote in a post in another group:
  • Create a new photo album as you normally would, and add all the photos, Gif's or any other images to that album that you wish to hot link from.
  • When choosing "Who should be able to see this album?", just select "Individuals" But Do Not add any individuals to the list! None! Just leave the list blank.
  • After saving your album, and confirming that the album is complete, it will appear on your message board, but only you will be able to see it, no one else will.
  • Now you can go back to your Private Photo Album and hot-link your images here on Multiply or to any other site on the web.

Of course, you will be able to add more pictures to this album, so you will need to create only one. And this tip works for any picture, from any album or any picture from the Internet, as long as you get its URL. And adding the images to your albums on Multiply has many pluses: it will load faster, has no bandwidth limits and you can easily add them later to your blog posts too.

As a final note, remember that's it's not right (nor legal) to use someone else's pictures unless you ask for it first and you have the express permission to do it. It's the same when you create your own albums. And it's polite to cite and thank your source, even after you have asked them to use their material. Respect the copyright and play nice. ;)


If you want the image to be displayed in the Type column of your posts when the page for that section is set to Table View (for example, add the album artwork to a playlist), add this code to the begining of your post:
<span class="insertedphoto"><img class="aligntop" src="Image_URL" border="0"></span>



Update1: in order to paste (or edit) HTML codes in blog entries, click on 'Edit HTML' checkbox before you paste the code.

Update2: you can also easily grab the code to embed your pics anywhere using the share link you can find below your pics. Use the embedding code to display your pic and link it to your album. Just copy and paste the code. The 'share' code will display the preview pic and also add a link to the original post (don't worry, you can use it anywhere since only the people you allowed to access the album will be able to open the link).

Update3: now you can also get the EMBED for a slick Flash slideshow of your entire album! Click on the the share link to get the code and paste it wherever you want, even outside Multiply.


The first example is from [www.sexigraphics.com]. Below is the code that is supplied by the site to paste the graphic as a comment in someones guestbook.  As you can see, there is a lot of unnecessary added coding to advertise their site within the code.  All you actually need is the <img src='URL"> portion of this code to paste as your comment.

This is what the graphic looks like when posted in a guestbook:

Advertisement:


I always keep a "WordPad" opened and dropped do
wn in my taskbar to use to take notes, edit codes etc. To edit the above code to remove the Advertisement portion of the code. Open a Wor
dPad and paste the code.
Opened WordPad with the above Comment Graphic Code:



In the next picture, you can see the highlighted portion of the code. This is all you need out of that entire code to paste as your comment without all the advertisements being displayed along with the graphic.

<img src="http://i173.photobucket.com/albums/w64/webztuff/Hi_Hello
/adf7fcb1fdec04b.gif" border="0">



This is how your Comment Graphic will look after you remove th
e advertisement portion of the code.


The next example code is from [www.Profilerocker.com]:

This is what the graphic looks like when posted in a guestbook:


Advertisement:


Opened WordPad with the above Comment Graphic Code:



Highlighted portion of the code:


<img alt="CLICK HERE FOR PROFILEROCKER.COM GRAPHICS" src="http://www.p1c5.com/p1/comments/hello/0093.gif" border="0">


This is how your Comment Graphic will look after you remove the advertisement portion of the code.


Just remember that all Comment Graphics codes are different from site to site and are embedded with their advertisements to promote their sites.  All you have to do is just analyze the code for the <img scr="URL"> portion of the code to use.

















Multiply.Design
Join this Group!RSS FeedHelp on RSS FeedsAdd to My Yahoo
Report Abuse
© 2008 Multiply, Inc.    About · Blog · Terms · Privacy · Corp Info · Contact Us · Help

Template design - Copyright © 2005 Sam Royama All rights reserved.