Posts Tagged ‘multiply css codes’

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;

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