Multiply Republic

Group's posts with tag: icon

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 icon
Posted by -JJ- on Dec 10, '07 5:44 PM for everyone
Here are the CSS Tags for the right rail links:

All:
.sidelist {value}

One by One:
ul.sidelist li.customize a {value}       customize
ul.sidelist li.select a {value}              promote
ul.sidelist li.contacts a {value}          contacts
ul.sidelist li.photos a {value}             photos on profile
ul.sidelist li.pm a {value}                   send a PM
ul.sidelist li.invite a {value}                invite user
ul.sidelist li.join a {value}                   join - for group
ul.sidelist li.quit a {value}                  quit - for group
ul.sidelist li.delete a {value}              delete - for group admins
ul.sidelist li.rss a {value}                   RSS feeds
ul.sidelist li.report a {value}               Report Abuse
ul.sidelist li.block a {value}                Block user




Now, for changing the icons, just remove "a" in the line "ul.sidelist li.contacts a {value}"


Let's take this line for a sample:

ul.sidelist li.contacts a {value}

into
ul.sidelist li.contacts {value}
- see that "a" is omitted
then add the values

ul.sidelist li.contacts
{
background:transparent url(IMAGE_URL) no-repeat scroll top left;
height:16px;
width:108px;
overflow:hidden;
white-space:nowrap;
}

or:

ul li {
list-style-image: url(IMAGE_URL);
}




See also: Right Rail Labels





Posted by -JJ- on Nov 28, '07 3:44 PM for everyone
Here's a list of the other Icons (commonly found on our Pages) with ready to use (via copy & paste) counterparts (posting reference) for general use.. 

        <img src=http://images.multiply.com/multiply/icons/clean/16x16/mail.png>
        <img src=http://images.multiply.com/multiply/icons/clean/16x16/home.png>
        <img src=http://images.multiply.com/multiply/icons/clean/16x16/contact.png>
         <img src=http://images.multiply.com/multiply/icons/clean/16x16/network.png>
        <img src=http://images.multiply.com/multiply/icons/clean/16x16/add.png>
        <img src=http://images.multiply.com/multiply/icons/clean/16x16/invite.png>
        <img src=http://images.multiply.com/multiply/icons/clean/16x16/search.png>
        <img src=http://images.multiply.com/multiply/icons/clean/16x16/settings.png>
        <img src=http://images.multiply.com/multiply/icons/clean/16x16/warning.png>
        <img src=http://images.multiply.com/multiply/icons/clean/16x16/x.png>
        <img src=http://images.multiply.com/multiply/icons/clean/16x16/f.gif>

  • Bear in mind that these images are all available in your "Compose Blog Entrty" and is not limited to this post or group..

See also:
Default Icons (Part I)
How to Change the Default Icons


Posted by -JJ- on Nov 28, '07 3:44 PM for everyone
Here's a list of the default Smileys and other Icons (commonly found on our Compose Blog editing tool bar area) with ready to use (via copy & paste) counterparts (posting reference) for general use.. 

        <img src=http://images.multiply.com/common/smiles/smile.png>
        <img src=http://images.multiply.com/common/smiles/wink.png>
        <img src=http://images.multiply.com/common/smiles/tongue.png>
        <img src=http://images.multiply.com/common/smiles/shade.png>
        <img src=http://images.multiply.com/common/smiles/teeth.png>
        <img src=http://images.multiply.com/common/smiles/embarassed.png>
        <img src=http://images.multiply.com/common/smiles/confused.png>
        <img src=http://images.multiply.com/common/smiles/cry.png>
        <img src=http://images.multiply.com/common/smiles/omg.png>
        <img src=http://images.multiply.com/common/smiles/star.png>
        <img src=http://images.multiply.com/common/smiles/lightbulb.png>
        <img src=http://images.multiply.com/common/smiles/angry.png>
         <img src=http://images.multiply.com/common/smiles/kiss.png>
        <img src=http://images.multiply.com/common/smiles/love.png>
        <img src=http://images.multiply.com/common/smiles/inlove.png>
        <img src=http://images.multiply.com/common/smiles/rose.png>
        <img src=http://images.multiply.com/common/smiles/wilted_rose.png>
        <img src=http://images.multiply.com/common/smiles/beer.png>
        <img src=http://images.multiply.com/common/smiles/cocktail.png>
        <img src=http://images.multiply.com/common/smiles/cake.png>
        <img src=http://images.multiply.com/common/smiles/present.png>
        <img src=http://images.multiply.com/common/smiles/cat.png>
        <img src=http://images.multiply.com/common/smiles/dog.png>
        <img src=http://images.multiply.com/common/smiles/clock.png>
        <img src=http://images.multiply.com/common/smiles/camera.png>
        <img src=http://images.multiply.com/common/smiles/cup.png>
        <img src=http://images.multiply.com/common/smiles/email.png>
        <img src=http://images.multiply.com/common/smiles/note.png>
        <img src=http://images.multiply.com/common/smiles/phone.png>
        <img src=http://images.multiply.com/common/smiles/thumbs_down.png>
         <img src=http://images.multiply.com/common/smiles/thumbs_up.png>
       <img src=http://images.multiply.com/common/smiles/bat.png>


  • Bear in mind that these images are all available in your "Compose Blog Entrty" and is not limited to this post or group..

Default Icons Part II
How to Change the Default Icons


Posted by -JJ- on Nov 26, '07 5:50 PM for everyone
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.
  • 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).
  • 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.
  • 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


Custom Filter 1.jpg (300x106)

    • 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


planets.jpg (1600x1200)


  • 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

Posted by -JJ- on Nov 26, '07 1:55 PM for everyone
There are two steps..




See also:
Default Icons (Part I)
Default Icons Part II


Posted by -JJ- on Nov 6, '07 3:35 PM for everyone






/*ITEM BOX ICON*/

.itemboxsub .icon img {
display: none;
}

or

/*Page Menu Icons*/
.icon {
visibility: hidden; display: none;
}




Now on these Icons:






/* HIDE ICON ADD & SELECT */

a.select, a:link.select, a:visited.select {
background: none;
}
div.select {
background: none;
}

a.add, a:link.add, a:visited.add {
background: none;
}





Also see: Changing Icons
http://makulitrepublic.multiply.com/journal/item/56

Multiply Republic
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