Multiply Tutorials

HTML Basic | Tips Basic HTML

Use HTML to add personality on your Multiply Welcome box or anywhere on Multiply that accepts HTML: like comments, posts and inyour Page title. (Of course, you can also use this in a non Multiply page)

HTML is very easy to learn. All you have to do is surround whatever text you want to modify with tags. So lets start:

BOLD your text:
<b>Sample text</b>
This will show up like this: Sample text

UNDERLINE a text:
<u>Sample text</u>
This will show up like this: Sample text

STRIKETHROUGH a text
<S>Sample texts</S>
This will show up like this: Sample text

to make text ITALIC:
<i>Sample text</i>
This will show up like this: Sample text

to CENTER a text:
<center>Sample text</center>
This will center your text

You can even combine tags:

bold, italic and strikethrough
<B><I><S>Sample text</S></I></B>
This will show up like this: Sample text

So that’s it guys, hope this post was a help

How to Link to This Page

To link to this page from your website, simply cut and paste the following code to your web page.

It will appear on your page as:

HTML Basic | Tips Basic HTML

How to Link Image | HTML Code to Link Image

I know lots of you already know the HTML code to link Images or how to link Image. But for those who don’t know yet, here’s the code:

<a href="YOUR TARGET SITE URL HERE" target="_blank"><img src="IMAGE URL HERE" alt=" "/></a>

Relpace the words YOUR TARGET SITE URL HERE with the URL of the site you want to link the image, and replace the words IMAGE URL HERE with the image url, of course.

You can put text inside alt tags (alt=” “) if you wish to, so when the image does not show up, there will be an alternate text for the image.

target=”_blank” is optional. It is use if you want the link to open in new tab or window.

Example:

<a href="http://multiplythemeslayouts.com/" target="_blank"><img src="http://i257.photobucket.com/albums/hh202/underscore30/button_.png" alt="Multiply Themes and Layouts "/></a>


If you want to link to this page from your website, simply cut and paste the following code to your web page.

It will appear on your page as:

How to Link Image | HTML Code to Link Image

Have a great day everyone!

Replace Text-Decoration In Multiply Links | Text Decoration Tutorial

Just a little CSS tricks for your Multiply site, by replacing the usual underline text decoration of links in your Multiply site.

I used a small animated gif arrow image as my underline text decoration for the links when hovered,. (size of image depends on you, just make it sure it is small and will look like a line when on repeat-x)

This is the image i used (the size is 10×5)..

You can do this on all links on your entire site or just a section of your site links only..

This code is for navbar links only

a.topt:hover, a:visited.topt:hover, a:link.topt:hover, a.toptsel:hover, a:visited.toptsel:hover, a:link.toptsel:hover {
text-decoration:none;
padding-bottom: 2px;
background: url(image_url_here) repeat-x bottom ;
}

This code is for entire links..

a:hover, a:visited:hover, a:link:hover {
text-decoration:none;
padding-bottom: 2px;
background: url(image_url_here) repeat-x bottom;
}

Just choose a proper selector where you want to apply this..

You can adjust the padding to place it at the top (as overline), bottom (underline) or midlle (like strike-through)..

Value of text-decoration must be none..

NOTE: if you use the second code.. all links will have that underline image ,. including photos
in album, thumbnails (if sets in thumbnails) and all headshot links..

If you want the usual text decoration, here are some you can use,.

Value’s of text decoration

text-decoration: underline;
text-decoration: overline;
text-decoration: linethrough;
text-decoration: blink;
text-decoration: underline overline;

Banners Buttons Scroll Box: Blinky Codes

You must have seen a lot of blogs have their banner or button with the code inside a scroll box.It looks something like this:

Read more...

How To Install Multiply Themes CSS Codes

First step is to select a base theme from the original themes on the Multiply theme selection page. Go to SETTINGS located on the top right corner of the screen to select the base theme, then select My SITE (Another way is clicking the Customize My Site link located on the rail of your page under your headshot). A yellow “edit” box will appear at the very top of your page, Click the choose a theme link and choose the base theme of the pre-made theme you are going to use (Every pre-made themes is based on an original theme that can be found on the Multiply theme selection page). you may clink this link for a shortcut http://multiply.com/setup/pages/themes

After selecting a the base theme the second step is to copy the css code of the pre-made theme that you’re going to use. Repeat the First step and this time instead of the choose a theme link, Click the custom CSS link on the yellow “edit” box. Replace CSS with theme code that you’ve copied. preview the theme first before hitting save button. You may clink this link for a shortcut http://multiply.com/setup/pages/upload-css

NOTE: Back up any old Multiply themes CSS codes first before installing new theme

Multiply Base Theme CSS Codes

In Multiply, users can actually completely customize their multiply site just using CSS, no HTML or Javascript needed, well, javascript isn’t allowed in multiply by the way.

If you want customized or to create your own multiply themes, first thing you must know is which base theme you want to use. Many theme designers make a multiply themes by copying the CSS of the base theme and they’ll just tweak it.

Below are the images of multiply base theme and their corresponding CSS codes. Just click the images of the multiply base themes to view the CSS codes.

Clean (default)	Andros
Custom Colors	Classic
Oasis	Newspaper
Blue Slate	Blocks
Basecamp	Skyline
Mykonos	Melon
Sandskrit	Petals
Black Lily	Retro
Outburst	Avlack
Red Frog	Shadow Box
Whiteout	Japanese Minimalist
Live Love Laugh	MOD
Bacchus	Dance With Me
Bloody Romance	Independence
Notebook

How to Link to This Page

To link to this page from your website, simply cut and paste the following code to your web page.

It will appear on your page as:

Multiply Base Theme CSS Codes

Animated Headshot: How To Animate Headshot In Multiply

A server on multiply automatically convert your original picture to a format that comply to multiply standard when you upload your animated GIF as headshot in multiply. But this only happen to “Perfect animated GIF” (normal picture).

But if you upload a DEFECT animated GIF, multiply server don’t recognize it and so server will load your picture as-is, including animated picture frame.

How to make a defect animated GIF?

The easiest way to make a picture defect intentionally is by a HEX-Editor program, which you can find free on internet.

Open your animated gif with your HEX-Editor and delete just one row (the last row) of picture’s pixel to make an intentional-DEFECT animated-gif.

That’s it, you have your defect animated gif.

To see if it is working, you must upload it as a headshot in your multiply.

NOTE: make back-up first of your perfect animated gif before making it defect.. because you won’t be able to use or view it again.

How to Link to This Page

To link to this page from your website, simply cut and paste the following code to your web page.

It will appear on your page as:

Animated GIF headshot for your multiply site