This is a lil trick of lil importance. Wanted to share it though. lol
Sometimes we wanna direct someone to a comment (reply) rather than the post itself. Well, hope this trick helps.

It's simple. Just add this line to after the URL of the item replacing the red value with the comment's ordinal number.
?&view:replies=&goto=28#reply28

For example, I want to direct someone to one of my replies on
http://multiplydesign.multiply.com/journal/item/268

Then I'd go to (or tell someone to go to)..
http://multiplydesign.multiply.com/journal/item/268?&view:replies=&goto=28#reply28

But how am I supposed to know what's the number of the reply (in my example 28)?
That's easy, too. Just pay attention to the status bar of your browser (Lower left corner) when you hover on the 'reply' link of that particular comment. (screenshot provided, click to enlarge)




Note: This will only work on chronlogical view.

UPDATE:

Will now work on reverse or threaded view because this line: &view:replies= will automatically set the view to chronological..

The first thing one have to do in order to customize the navigation menu and/or Page Title is to understand its structure:

If you want to post a CSS code online (or anything but HTML codes), you can use a div container with fixed width and/or height and add scroll-bars to it. Example:

The table view
Now I've chosen Skyline here to show how tables can be changed which by default is like this
Now of course some other theme bases are white by default so of course if you have white links everything disappears and the table view just looks horrible

Well don't worry the table view like most other things can be changed
"But how? you say , well quite easily actually
lets start with a border the table I'll change that to orange  so you can see it
.tablediv1 {background-color:#FC9A05;}


and then change the main background color , pink as you can see
.tablediv1 tr{background-color:#F305FC;}

then the top part of the table the "header" make that pink as well
.tablediv1 th{background-color:#F305FC;}

That doesn't look very good does it?
needs a font color and a hover color
so make the font color black
.tablediv1 th{
background-color:#F305FC; color:#000;}
and add a hover color
.tablediv1 tr:hover{background-color:#1346A5;}

the hover is blue there it's a bit difficult to show you a hover color on a static image

But wait there's more , you want the text on the table easily read don't you well you need to add this as well
.bodysummary{color:#eee;}
Don't go away yet there is even more available .. no not a set of seak knives but an extra for those of you who have groups try this one on your group
.adminbg{
background-color: #F305FC; color:#F9FC05;}
You might want to change the colors though unless you like pink with yellow text

And even more for those who like more and I know you do, add a background image on hover if you like or background image and plain on hover  or even opaque the table image
What you can't do is make tables transparent using this
.tablediv1 tr{background-color:transparent;
I've crossed it out as it will not work the table will be white (trust me I know it turns white )

Here is the code for the simple table view above , play with this yourself and see what you come up with
/*border*/
.tablediv1 {background-color:#FC9A05;}
/*main*/
.tablediv1 tr{background-color:#F305FC;}
/*top*/
.tablediv1 th{background-color:#F305FC;
color:#000;
}
/*text*/
.bodysummary{
color:#eee;
}
/*hover*/
.tablediv1 th:hover{background-color:#1346A5;
color:#000;
}
.tablediv1 tr:hover{background-color:#1346A5;
}
/*for groups -- admin table view*/
.adminbg{
background-color: #F305FC; color:#F9FC05;
}

This tutorial of course was made up for Skyline, the same code works on almost all the base themes but you may have to add
background-image:none on some bases  as they have a background image on table view

As requested by a few people I have put together a tutorial on how to create "Flyout" or "Drop Down" menus. This is when you hover your mouse over a button and the contents appear either below or to the side of the button. If your not sure what I mean by this please go to my multiply site here >>> http://g00gs.multiply.com

The detail is quite involved and in explaining how to do this, so I have included quite a few screen shots to clearly explain how its done.

Because of this the file has been placed on a Free website, unfortunately there are pop ups when the visitor arrives at the page. Please just click them off at the X and they will turn off.

NOTE: When you go there, hover your mouse over the thumbnails to view full size pictures

Tutorial located here>>>> http://g00gs.0catch.com/tut.htm

Once you have made up one button copy the code, paste it then change the "#mainbox" number

I hope you all can work it out, I am happy to answer any question within this post, however as its bed time replies will be in about 12 hours from posting.

good luck,

g00gs.

As we have this size restriction for free accounts now I thought I would try a work around.
the latest theme I've made hasn't used any images over the 400x400 pixel size limitation
the largest size image is the footer its 399x 200 pixels in diameter and 11kb in file size
largest file size 62KB (blu-tile 379x382 pixels) a larger file size than the animation!
The only image in the album for the theme that is larger than 400x400 is the screenshot 508x1179 which is only 48KB in file size actually a smaller file size than "blu-tile"

This just proves that it can be done a theme can be made and hosted on Multiply without fear of images being deleted in 30 days as not one of the images are classified as "high resolution"

How I managed this ..
First and hardest part think of images that could be used , didn't want to go large of course they all had to be under the 400x400 so I went for a simple image of a fish a purple cartoon fish just to have a little fun with it as well
I opened up Adobe Photoshop (if you don't have it you can use what you have) and brought up the image cut the background color off and saved it as a gif, this way it had a transparent background
I also used Image Magic as I've got an older Adobe Photoshop to make an animation of the same fish and saved that as a smaller image size
I used the bubbles from the image to make some dots to go on the theme as well and made quote ends and a "dimples" too match the colors on the fish.
Now backgrounds of course they had to be seamlessly tiled so using the seamless tile filter that I have I made a purple background and a blue one
And just to finish off a fish cursor of course a purple one and a yellow one for hover both saved as a gif.

Where do the images go...
The purple background of course went in the CSS under the main body background and in the popups both edit boxes and profile, it also went into the table view so the background on "view groups and contacts" was the same as the main background and table view on "view as table" was the same as well
The blue one that went in as replybox odd, gives a nice border effect that way and on the top header of table view

The main fishy header of course is small so I placed that align right, could go center or left but I like it on the right

The cursors, dimples and quote ends of course they went in as well wont explain how to do that you can find how to do that by searching Multiply Design

The fishy animation went in replybox textarea is a bit big for there actually might need to grab hold of the dimples and move them down so it can be seen but left it that size so it could go on as the header image instead

Oh yes the bubbles I made some bubble dots , those of course go in itemboxsub for the larger one and the smaller on the main link background (View All links) I also used the same larger bubble dot as a spacer between post and comments  used repeat-x there so it went all the way accross same as I did in itemboxsub

Now of course I changed colors on a few things as well but we are talking images here not colors so wont go into that
Hint: I use the color picker on Adobe to pick colors off the images

So there you go you not only now know how to make a theme within the size limit if you don't go premium but now know how I go about making a theme as well
This theme hasn't even had the links made into tiny urls all links are same as they are on Multiply

Here is the link to the actual theme code the small images are in that album

If you have edited and saved your Custom CSS while the Multiply CSS parser was broken (or ever make a mistake and save the wrong code), then probably your code is missing height and width tags. It seems that the CSS parser is fixed now, but it won't bring back the tags to your code, so you have to fix it yourself.

Just like opacity isn't a standard command yet in CSS, rounded borders in corners of boxes aren't also. Probably you already know that you can do it for Gecko-based browsers (Firefox, Netscape, Camino, etc), using commands like:

It was asked some time ago and I could not find the answer then. Now, looking for info about how to use a cool SSB (Single Site Browser) for Mac called Fluid I found the info. And it's quite simple after all...

If you have used one of my themes you may have noticed that when you click on Customise My Site and then on the Edit links (on the yellow strips) the box that pops up is not white.
It matches the theme in most cases
looks similar to this (some of mine are completly dark no white at all)
click to view larger


Now there is a trick to that one, the image I used on that particular one is this


image is full size

See how it repeats on either side, its actually a repeating tile but don't worry too much about that as you can put almost any small seamless tiled image in the code and it will work .
Try it yourself, an image that is opposite to theme background color will look nicer eg: gold and black background, or light pink on purple even stripes or something as you want it to show, no good placing an image in there if it doesn't show up

All it is , is top, bottom, left and right images and / or color fairly easy when you have the code

Now you  want the code don't you ...
Pop up edit box from "Musicale Theme"
/*Pop up box upon edit*/
td.popup_top {
height: 43px;
background-image:url(http://tinyurl.com/2oeapk);
}
td.popup_bottom {
height: 15px;
background-image:url(http://tinyurl.com/2oeapk);
}
td.popup_left {
width: 14px;
background-image:url(http://tinyurl.com/2oeapk);
}
td.popup_right {
width: 15px;
background-image:url(http://tinyurl.com/2oeapk);
}
td.popup_body { /*<--- this can be an image as well*/
background-color: #000;
color: #eae0ca;
}
b.popup_top_left {
position: absolute;
line-height: 1px;
font-size: 1px;
top: -1px;
left: -1px;
background-position: top left;
display: inline;
background-position: top left;
background-image:url(http://tinyurl.com/2oeapk);
}
b.popup_top_right {
display: inline;
background-position: top right;
background-image:url(http://tinyurl.com/2oeapk);
height: 43px;
width: 15px;
}
b.popup_bottom_right {
position: absolute;
line-height: 1px;
font-size: 1px;
bottom: -1px;
right: -1px;
background-position: bottom right;
display: inline;
background-image:url(http://tinyurl.com/2oeapk);
height: 15px;
width: 15px;
}
b.popup_bottom_left {
position: absolute;
line-height: 1px;
font-size: 1px;
bottom: -1px;
left: -1px;
background-position: bottom left;
display: inline;
background-image:url(http://tinyurl.com/2oeapk);
height: 15px;
width: 14px;
}

Hints::
Remember allways validate your code and place any code you do add as an "extra" onto the bottom of your CSS or replace, you don't need to double up your codes.
Font colors, make sure your font colors are readable, links and text on this will flow over from rest of theme, so use the same or similar images and color to rest of theme
Oh and you have to save too see it, you can't see it on "preview" mode

Thought I might share this, it is something that most can't see but does look nicer when it matches the theme from your side

Some people have discovered a way to move the tag cloud out of the welcome box and move it to wherever they want on their homepage.  Since I've always wanted my tag cloud separate from my welcome message, I was highly inspired by this.  But I noticed that it was when I was looking for something on my blog page that the desire for access to the tag cloud would be the greatest.  No matter how hard I tried, I could not figure out how to get the tag cloud on every page using the relatedlinks class.  With help from Luiz's tutorial on adding a widget anywhere, I made up my own tagcloud class to place information in the css code, then made up an html code to enter into the site title area.

It meant pasting my tags into the code manually, but for me, the end result was worth it.  The great thing is that you can put the tags in any order you want - alphabetically, by order of importance, by topic, etc.  You can put in as few or as many as you want, even adding or removing tags at a later time.  And you can have them all one font size - a major bonus for me.

Through trial and error, I discovered that placing the tag cloud below the ads would mean that it would fall below the footer on shorter pages, like the calendar and the public view of my profile.  I ended up placing it above the rail, but it really can go anywhere based on personal preference.  It can even stay in the site title area if someone wanted it that way.  To make room so it would work where I wanted it, I added a little padding to h1#page_owner_title in my css to push the rail down a bit.  Since the footer lines up with the bottom of the ads on shorter pages, the padding in my site title area does not affect the way the footer looks.  And it renders very similar in both FireFox and IE7.  Guess which is which!  LOL.

         

So if you're still with me, this is how I got it to work.

Step 1 - Click Customize My Site and select Show All for the tags in the welcome module so that you can copy and paste them into a text editor of your choice.  You can then put the welcome module back to the way you had it before.  This is just a suggestion, but it is highly recommended so that you know what you're working with.  You may only want to use a few tags at first to test this out and, if you like it, add more as you have the time and/or patience.

Step 2 - Paste your tags into the following code.  Be sure to use font sizes of your choosing where the question marks are for both the title and the tags.  I have 16px for my title and 11px for my tags.

IMPORTANT! In order for this to work in the site title area, there must be no spaces between closing and opening brackets ><.  To get the comma and space between the tags, add them where I did in the hyperlink text.

<div class="tagcloud"><span style="font-size: ??px;"><TITLE FOR TAG CLOUD GOES HERE></span><span style="font-size: ??px;"><a href=/tag/TAG NAME 1>TAG NAME 1 REPEATED, </a><a href=/tag/TAG NAME 2>TAG NAME 2 REPEATED, </a><a href=/tag/TAG NAME 3>TAG NAME 3 REPEATED, </a><a href=/tag/TAG NAME 4>TAG NAME 4 REPEATED, </a></span></div>

My whole code just for the tag cloud alone ended up looking like this:

Click if you wish to enlarge the picture.

Step 3 - Backup a copy of your Site Title code, then add this to it (remember NO SPACES between brackets!)  and paste it back in.  FYI I had to play with the placement of this code a bit until I found what worked for me.

Step 4 - Add the code to the bottom of your CSS, customizing it to fit the way you want it to look.  Be sure to use the same class name as you did in the HTML code.

.tagcloud {
background-image: url(YOUR URL HERE Note: For purposes of IE, it is best to make the background image -if you use one- the same width and height as the tag cloud you create);
background-repeat: repeat; <-------- This was also added because of how it was viewing in IE
background-position: top center;
filter:alpha(opacity=50);  <-----------I wanted the background translucent
-moz-opacity:0.50;                                           "
opacity:0.50;                                                   "
-khtml-opacity:0.50;                                         "
border: 1px solid #9ab6cd;
top: -20px;  <-------------------------- This was to put it at the top above the site title margin
left: 104%; <--------------------------- This put it over the right rail 
position: absolute; <------------------ Needed if you want to move it out of the Site Title area
text-align:center;
font-family: georgia;
color: #5e7b99;
width: 150px;
max-height: 150px;
overflow-x: hidden;
overflow-y: auto; < ------------------- Added an automatic vertical scrollbar
}

Good luck.

PS  If you copy and paste the tagcloud code into your css, please FIRST REMOVE the notes in color.  They are for informational purposes only and will break the code if you leave them in.  And another FYI, I do run all my code through the css validator, and I haven't had any problems yet.  *knocks on wood*

Between Hiding footer credits, How do I add a footer to my page?, and another that I can't put my finger on for the life of me (been cleaning house...lol), I came up with this CSS for adding a personal "Created by - Owned by - Designed by - Whatever" logo to the footer.  

Be advised that this has been resolved utilizing the Skyline theme (Wide).  Some adjustments may be needed for others...I don't know for sure as I've not dealt with any ot them...Sorry!   

Pertinent commands are bolded:  

/*FOOTER - with logo below footer*/
div#ownedfooter {
margin: 0px;
padding: 5px 0px 5px 0px;
/*I set the width to be able to center logo & footer to body of theme, not page*/
/*If you want logo & footer to be centered on page, change to " width: auto; "*/
width: 790px;
border: none;
/*Only changes MP logo*/
font-size: 12px;
color: #C8DDEE;
/*Height must be adjusted to allow for your image/logo (I used a 153x51px image/logo)*/
height: 60px;
background-color: transparent;
background: url(Your image/logo URL) no-repeat bottom center;
background-repeat: no-repeat;
text-align: center;
}

With my wanting to open up the space between my page title and the navigation bar, I was running into problems...Then along came Dantcer with a similar situation ("Nav Bar Issue with IE").  Tho her resolve was different than my objective, the process she ended up using satisfied me, giving me the illusion I wanted.  Hadn't really thought about it much except that many questions regarding "How to make a banner?" have been asked recently...soooo, here goes.

Please take into consideration that this theme is Skyline, and it is the only theme I've worked with.  I can only give you legitimate findings in this realm, but it may give you an idea of what you may be able to do with other themes.  This all came about as the result of many "trials & errors"...I shouldn't be the only one...lol  

This is the base CSS pertaining to the positioning of the "owner navigation bar" of the Skyline theme:  

div.owner_nav {   
border: none;   
margin: 0;   
height: 163px;
}
div#subnavc {   
width: auto;
}
div#subnav {   
padding: 1px;   
padding-left: 5px;   
background: none;   
background-color: #000;   
border: none;   
border-top: 1px solid #99f;   
border-bottom: 1px solid #99f;   
height: auto;
}  

To give you an idea of the dimensional difference, this is the top portion of the Skyline theme with that CSS...


UPDATE: As of the "upgrade", mid June 2008, you MUST remove all /* notes */ within the brackets, ie { } , so the height and width don't get "stripped" from the Custom CSS!

I was wondering why a lot of theme designers don't make themes on Black Lilly, Outburst and Petals and you know I came to the conculusion its the footer credits
Well they can disapear easy enough

The footer credit on Outburst says
"Template design - Copyright © 2005 Chris Vincent All rights reserved."
Now I checked the link it doesn't work any more and really you've designed the theme you've made so why have it there right
It looks like this on default


There is a way of getting rid of it like this


Can you see what I've done?
I made the Multiply links a grey color and made my footer the same grey color , made the line height a bit more so they were further apart and **pooof** gone , the line of text is still there but it just can't be seen
my footer is 100px by 760px the grey part #ACACAC
Links and font color on footer #ACACAC

Here is the adjusted code ..change too same colors as your footer

div#ownedfooter {
margin: 0 auto;
line-height: 2em;
padding-top: 1px;
padding-right: 2px;
padding-bottom: 2px;
padding-left: 2px;
width: 756px;
border: 5px solid #E4E3E3;
border-top: none;
font-size: 10px;
color: #ACACAC;
background-color: #eeeeee;
height:110px;
text-align: bottom center;
background:url(image link goes here)no-repeat center;
}
div#ownedfooter a{color: #ACACAC;font-size: 10px;text-align: bottom center;}
div#ownedfooter a, div#ownedfooter a:visited, div#ownedfooter a:link{ color:#ACACAC;}

So there you go now you have no reason not to design a theme on Black Lilly, Petals, Outburst or any other theme base with that line of text on the footer

Note: this obviously does not work if your footer has transparency and no you can't put your own name there either that "template design by" is hard coded into the HTML..hiding it is the easiest way.

Excellent information/tutorials regarding some of the IE (a non web compliant browser) web page rendering issues we all suffer from.

Just as the title says. Very in - depth but easy to understand tutorial about "float".

NOTE: MOVED FROM NOTES

Click image for larger view.

I've always wanted my welcome box separate from my tag cloud, and now I've found a way to do that by using tagged content boxes. 

First I removed the linklist displayed in the itembox. 

Then I made the background and border of the item box transparent so that only the title box would show. 

If anyone wanted to make their own box for html, all they'd have to do is pick a tag for a tagged content box.  It doesn't matter which tag you use, since the list is not visible anyway.  The only thing is that if you wanted everyone to be able to view the title box, you would have to pick a tag that has content viewable for everyone. 

After the tag is selected, choose to display subjects only (I don't know how to remove the itembox if it's in summary view).

I just figured out how to do this on my own and thought I'd share.  If someone else has already done this, I'm sorry for the repeat, but I didn't see this in a search here.  This is the css code I used for the box:

/* WELCOME BOX ON HOME PAGE */
div#mainbox_1 .itembox {
border-color: transparent;
background-color: transparent;
}

div#mainbox_1 .itembox ul.linklist { display: none; }


demitmp pointed out that the "mainbox_1" assumes that the box is on top.

My response: Yes. When I added it to the top, I had to fix a couple of numbers of other customized boxes on my homepage.

Of course this module doesn't have to be a welcome box, and it doesn't have to be at the top of the page. The preview button on the custom css page is wonderful for making sure you've got the right box number.


Oh, and it worked for IE7 too. 

EDIT» Note on how the boxes are numbered on the homepage:

1- If you have a single column, then they are numbered from top to bottom:
div#mainbox_1; div#mainbox_2; etc.

2- If you have two columns, then they are numbered left; right; left; right; etc, until you reach the last box.  Even if they don't line up exactly, they will still be numbered that way.

3- If you have a single column on top and two columns on bottom, then the top left column will be the number following the last single column box, then the top right column box will be the next number, and so on.

Hope that makes sense.

The main page is kind of "huh". But click on the css and the html tutorial links, as they are outstanding. Click on any subject once there.

http://www.hscripts.com/tutorials/css/

http://www.hscripts.com/tutorials/html/

The TINY artwork collection and backgrounds are great. Click on any of it and you will find each of them in any color and can even test what it will look like first.

http://www.hscripts.com/freeimages/icons/index.php

Check out everything else there while you're at it.