Group's posts with tag: themes
 I received confirmation from CS today that when you choose the CUSTOM COLOR BASE THEME, and either knowingly or unknowingly upload a Hi Resolution image as a background VIA the "browse to your computer" option, this Hi Res image will not expire. It doesn't go into an album on your site to monitor for an expiration as your other images do. However, if you alter the background image using CSS with that base theme, then you can assume the hi res image will expire.
Custom Color
Link: http://skylinethemes.multiply.com/journal/item/8/A_skinny_SkylineGroup may be set on members only viewing but you can still see the theme and yes it IS a Skyline theme
basically its been done like this
instead of using the default Skyline code of this
div#page_start {
padding:10px 10px 0;
}
this
div#page_start {
padding: 10px 60px 0 60px;
}
is used instead
and yes that works on any base theme just adjust the padding to suit, you could make a wide Avlack if you wanted too
|  |
- NEVER PAY FOR A THEME !! ALL THEMES FREE !!
- NEVER CHARGE FOR A THEME !!
- NEVER USE A THEME THAT HAS AD TAMPERING CODE
- BE KIND AND LEAVE A REPLY TO THE THEME AUTHOR
- RESPECT THEME AUTHORS "NO REQUEST" RULES
- NEVER REMOVE THEME AUTHOR'S CREDITS
- NEVER REDISTRIBUTE A THEME AUTHOR'S CODE WITHOUT PERMISSION
- SHARE YOUR ORIGINAL THEMES IN GROUPS TOO!
CLICK ON EACH GROUPS LOGO BELOW
(In Random Order)
GROUPS WILL BE REMOVED FROM THIS LIST
FOR THE FOLLOWING REASONS:
* IF ANY GROUP REQUESTS MONEY FOR A THEME
* IF ANY THEME GROUP ON THIS LIST BECOMES PRIVATE
* IF ANY GROUP IS CANCELLED
* A GROUP HAS NO ACTIVE ADMIN
* AT THE REQUEST OF A GROUP ADMIN
====================
PLEASE LET ME KNOW IF ANY GROUP NEEDS TO BE ADDED OR
GROUP LOGO CHANGES SO I CAN UPDATE THIS LIST AND/OR GROUP LOGOS
I'VE MADE EVERY ATTEMPT TO USE EACH GROUP'S LOGO EXCEPT WHERE ANIMATED LOGOS WERE USED.
====================
PLEASE REVIEW THIS LIST FOR ANY CORRECTIONS TO THEME GROUP NAMES, LINKS ETC. THAT I MAY NEED TO MAKE. THANKS IN ADVANCE FOR HELPING TO KEEP THIS LIST UP TO DATE!
===================
DISCLAIMER:
ALWAYS READ GROUP PROFILES AND RULES.
BE SURE AND SET YOUR EMAIL ALERTS AFTER JOINING ANY GROUP TO AVOID HAVING YOUR MAILBOX FLOODED WITH GROUP POSTS.
ALL THEMES MUST BE INSTALLED AFTER YOU CHOOSE THE CORRECT BASE THEME DESIGNATED BY THE THEME DESIGNER.
IF YOU HAVE ANY FEATURE ISSUES AT ALL AFTER INSTALLING A THEME, REMOVE THE CSS AND CHANGE THEMES OR SEEK ASSISTANCE.
AGAIN, AVOID ANY THEME THAT HAS ANY AD TAMPERING.
THIS WILL DISABLE SITE FEATUERS
IF YOU CAN'T SEE ADS, THAT'S THE FIRST CLUE.
IF THERE ARE /*REMARKS*/ IN A THEME CODE THAT STATE IT HAS SOFTENED, OPAQUED OR HIDDEN THE ADS, DON'T USE IT.
IF YOU DON'T KNOW FOR SURE, ASK.
ALWAYS VIEW YOUR THEME IN TWO BROWSERS - FIREFOX AND IE FOR EXAMPLE TO ENSURE YOUR THEME WASN'T MADE TO ONLY WORK IN ONE BROWSER.
====================
CREDITS:
WITH MUCH APPRECIATION TO THE MEMBERS OF MULTIPLY DESIGN FOR ASSISTING IN THE
COMPILATION OF THIS EXTENSIVE LIST
OF SOME OF THE BEST THEME GROUPS ON MULTIPLY.
MANY THANKS TO PICTURESTOWORDS FOR MAKING THE IMAGE AT THE TOP,
AND HER MORAL SUPPORT!!
PLEASE FEEL FREE TO LINK TO THIS POST!
====================
|
|
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...  Working with the height and padding of the div.owner_nav portion, and adjusting the padding-top of div#subnav to coordinate those efforts...
/*Navigation bar*/
div.owner_nav {
border: none;
margin: auto;
height: 260px;
width: auto;
padding: 25px 0px 285px 0px;
background: none;
}
/*owner nav bar - BG & border*/
div#subnav {
padding: 1px;
padding-left: 30px; padding-top: 310px;
background: none;
border: none;
height: auto;
width: auto;
}
"Pushing" the page title a little, if you want it aligned to the left as I do...aligning it with the "Home" tab, placing it more within the body of your page as you scroll down, is accomplished here:
h1#page_owner_title {
padding-left: 25px;
}
This is what I came up with...
JFYI: The image I am using is 750x562px...
body {
background-color: #000000;
/* GTO - image from http://www.gtoforum.com/photopost/showphoto.php/photo/454/limit/views */
background-image:url(IMAGE URL);
background-attachment: scroll;
background-position: top center;
background-repeat: no-repeat;
width: auto;
} You also realize that you have options at this point...ie:
background-attachment: fixed;
background-position: center;
Another feature that can be used with this rendition is the vertical navigation bar...Thanks go to Denim, my friend, who passed this concept on to me...and which I modified to fit the illusion I wanted:
/*Navigation bar*/
div.owner_nav {
border: none;
margin: auto;
height: 260px;
width: auto;
padding: 25px 0px 285px 0px;
background: none;
}
/*Vertical Nav bar CSS from Denim - modified*/
div#subnavc {
background: none;
width: 110px;
border: none;
/*moved bar down fr title - and to rt*/
padding-top: 60px;
padding-left: 35px;
margin: 0px;
position: absolute;
}
div#subnav {
padding: 0px;
padding-left: 8px;
margin: 0px;
background: none;
border: none;
height: 25px;
}
/*nav buttons - not "In Use" or hover*/
a.topt, a:visited.topt {
line-height: 2.4em;
display: block;
float: left;
width: 110px;
/*spacing between tabs*/
height: 40px;
text-align: left;
font-family: comic sans-serif;
font-weight: bold;
font-size: 18px;
font-style: oblique;
color: #ECE5B6;
padding: 0px;
margin: 0px;
background: none;
/*background: url(URL) no-repeat center;*/
border: none;
}
/*hover on all - not "In Use"*/
a.topt:hover, a:visited.topt:hover {
line-height: 2.4em;
display: block;
float: left;
text-align: left;
font-family: Arial;
font-weight: bold;
font-size: 18px;
color: #fff;
padding: 0px;
margin: 0px;
background: none;
/*background: url(URL) no-repeat center;*/
border: none;
}
/*"In Use" tab - not hover*/
a.toptsel, a:visited.toptsel {
line-height: 2.4em;
display: block;
float: left;
width: 110px;
/*space below "In Use" tab*/
height: 40px;
text-align: left;
font-family: comic sans-serif;
font-style: oblique;
font-weight: bold;
font-size: 18px;
color: #ECE5B6;
padding: 0px;
margin: 0px;
background: none;
/*background: url(URL); no-repeat center;*/
border: none;
/*to add blinking (FF) "In Use" tab on nav bar*/
text-decoration: blink;
}
/*"In Use" tab - hover*/
a.toptsel:hover, a:visited.toptsel:hover {
line-height: 2.4em;
display: block;
float: left;
text-align: left;
font-family: Arial;
font-weight: bold;
font-size: 20px;
color: #fff;
padding: 0px;
margin: 0px;
background: none;
/*background: url(URL) no-repeat center;*/
border: none;
}
/*end of modified vertical CSS*/
This is what I came up with...
 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!
 We have been repeatedly telling this over and over but for some reason, people aren't realizing this can happen. So all we can do is put up this post, and then it's up to the THEME AUTHORS AND THEME USERS to do this correctly.
CSS codes that have image urls hosted ANYWHERE else, and not in the album here WITH the album's image property url IN the CSS, are subject to the images disappearing. POOF. GONE. Both at the other site and your SITE here.
All of these off sites have a bandwidth limit. EVERY time that background or other image is viewed, it is HOTLINKED to that site and it draws on that limit. When that limit is reached, no more image. And there is NO retrieving until and if that image shows back up.
So if you use a theme from this or any theme group and you don't HOST the image yourself, and change the image property urls, then this can and most likely will happen to you.
See the image above? That's what your site will look like. Every page. For as long as it takes or until you change your theme. Like the theme you are using?
SAVE the images to your computer, host them in an album HERE at Multiply and change the image properties url to YOUR hosted image.
Need to know how to HOTLINK your images into your theme?
TUTORIAL HERE. and TUTORIAL HERE.
Each Individual Theme Group listed below has been created solely to share & bring to you different styles of that Base Theme.
 Link: http://malethemes.multiply.com/Welcome to malethemes.multiply.com were it's only purpose is to share themes or banners suitable for guys .
There is no female themes allowed although girls are allowed to join!!!!!!
 For sure it's the most asked question, besides transparency (well, at least before Custom Color and Whiteout appear), so it's a quick answer:
1. You don't need to use CSS if you just want to add an image to your Header, simply use plain HTML to add an image in your Page Title. For more info, take a look at these tutorials about editing the Page Title and using images inside Multiply:
2. If you want more control and flexibility, and be able to change other theme images as well, simply look for the image you want to change in the CSS. In this post you can find all the CSS for the base themes:
with a plus that the images URL are links so you just have to click on them to see what image it is. Then you copy that block to your Custom CSS and change the image URL to the one that points to the image you want to use instead.
Didn't get it? Let's look at an example. One of the most popular themes is Avlack because it has a very simple layout so it's easy to find what you want to change. Its CSS is here:
and you can see that its header is set in this block: div.owner_nav {
border: none;
margin: 0 auto;
margin-top: 20px;
height: 310px;
height: 130px;
width: 760px;
border: 10px solid #fff;
border-bottom: none;
padding: 113px 0 0 0;
background: url(http://images.multiply.com/multiply/style/avlack/top.png) no-repeat top left;
background-color: #fff;
background-position: 0 -10px;
}
You can then copy it to the end of your Custom CSS (or edit the block if you are doing a full theme customization as explained here) and change the image URL, something like this:
div.owner_nav {
border: none;
margin: 0 auto;
margin-top: 20px;
height: 310px;
height: 130px;
width: 760px;
border: 10px solid #fff;
border-bottom: none;
padding: 113px 0 0 0;
background: url(IMAGE_URL) no-repeat top left;
background-color: #fff;
background-position: 0 -10px;
}
Actually the only code you need is the one that sets the background image, so you can use just this: div.owner_nav {
background: url(IMAGE_URL) no-repeat top left; }
If you need to change other parameters, simply add them to the CSS block, like this: div.owner_nav {
background: url(IMAGE_URL) repeat-x top left; background-color: #000;
background-position: 0 0;
}
For info about hosting images on Multiply and hot-linking them, see:
and for generic CSS/background tips:
 Always remember that every CSS block (selector) must have a starting "{" and a closing "}". Always double-check for errors.
Have fun! 
Attachment: phpinfo.php
 A short tutorial about the rail, the column that has the headshot on personal pages or the group logo in group pages.
Usually it is composed in this way:
td.rail div.railstart div.railbody div.railend
The railbody contains the headshot, and the text/links, and may also contain a separating div.railsep in some themes, used just to put some space between the content. The railstart and railend contain background images in some themes, like Black Lily (you can view all the base themes codes in this post).
Knowing this, it's very easy to customize any part of the rail. For instance, if you want to remove the background and border around the headshot, add this code to the end of your Custom CSS: .railbody .userlogo { border: none; background: none; }
If you want to change the link color below the headshot: .railbody .userlogo a { color: #900; }
If you want to change the headshot background (may be visible if you have an image with transparency): .railbody .userlogo img { background: #fff; }
If you want to change the color of the text (plain text, not links): .railbody { color: red; }
If you want to put an image in the end of the rail (below the ads), you can use this: .rail { background: url(IMAGE_URL); background-position: bottom center; background-repeat: no-repeat; }
PS: if you want to change the generic text/links on your theme, check this post:
and if you want fine-tune the text displayed under your headshot:
Have fun!
 Hotlinking and Bandwidth Theft SimplifiedBandwidth refers to the amount of data transferred from a web site to a user's computer. When you view a web page, you are using that site's bandwidth to display the files. Since web hosts charge based on the amount of data transferred, bandwidth is an issue. If a site is over its monthly bandwidth, it's billed for the extra data or taken offline.
Laymans terms:
Copying and pasting ANY graphic from ANY site other than your own is hotlinking and bandwidth theft unless you have permission from the site owner and creator to do so.
When you copy and paste someone's images from another site to your page, you are using their bandwidth...this means you are costing someone money! If their bandwidth is exceeded, not only will they have to pay more for their images to show up in the future on their own site---but you will start seeing red x's or "image not found" messages wherever you have copied and pasted the image. And we have all seen that here at Multiply. Usually though because someone has hosted somewhere else, and then used the image here. (That's why I always recommend hosting your Multiply images at Multiply and then that doesn't happen)
What can happen to you if you hotlink?? Most websites do NOT allow hotlinking (again they are paying for that space) And they do have several options to take action against you. They can tell where their image is being displayed, and by whom and take action accordingly. If I was paying for a site and the bandwidth, and I found someone was intentionally hotlinking my images without permission, the first thing I would do is delete the image they hotlinked--put a new image with the exact same file name with a message..that way everywhere they copied and pasted the image--they would see that message and NOT the image they planned on. If you were expecting a particular image to show in your post or page, and it actually does at first... and then later on before you realize it, a different image appeared that included the words "image stolen - shame on me" ,you would think twice about doing it again, right?
I have seen this on someone's page here on Multiply! And a lot of other people saw it before the Multiply user did and got it off there. lol (Sorry, but it WAS funny and I knew what happened) Though the intent was not malicious, the results were the same. The person just didn't know! They just copy and pasted an entire page that included an image without realizing... you can't do that without permission!!
Hotlinking and bandwidth theft is NEVER the right thing to do...NEVER. If you see an image on a site that you want, first make sure the site is giving you permission to snag the images--and secondly, save it to your computer FIRST. Then YOU host it in an album, here or other image hosting site that you are a member of and use it from there.
How can you tell if an image has been hotlinked?? Yes, even you can tell!
You can right click on any image and hit Properties..and that gives you the HTTP address of where the image is hosted.
In the case of Multiply photos that are shared, its may be a little trickier to tell if its been copied and pasted, but the same thing applies. Right click, properties and if the image ends in the same letters/numbers as the original image--then its been hotlinked.
 So please don't hotlink to my images without permission - or instead of the image you think you are using, you just might see this later in it's place.... LOL SAVE the image to your computer first and host it yourself!
There are exceptions to the rule of bandwidth theft though. If I hotlink (with permission of course) by copying and pasting something that includes an image from a Multiply page TO a Multiply page, then I'm not stealing your bandwidth nor costing Multiply extra money. I'm still hotlinking, (with permission) but I'm not stealing bandwidth. Because it's all within the same Service. However, if they pull their image, then my pasted image disappears also. I'd rather take the extra step to keep my content's appearance!
NOTE: Multiply currently allows photos to be hosted on Multiply and used on other sites. They do however, mark or watermark these photos with the Multiply logo.
(This is a repost of a post I did at usersupport .)
 The following is a list of items that should NOT be tampered with on any site or group theme, when customizing, that renders these items blocked, hidden, obscured or unusable.
RIGHT RAIL ADS
CLICK HERE FOR TERMS
CLICK HERE FOR RAIL ADS MANIPULATION - Important Information
GLOBAL NAVIGATION (To Include the Multiply Logo Link)
settings · logout * Contacts
* Groups
* Inbox
* My Site
* Groups
* Post
* Invite
* Search
BLOCK USER, REPORT ABUSE, QUIT GROUP ETC. (Links Under Headshot & Group Logo.)
(Do not attempt to customize to disallow the block/report/quit process to complete, even if the links are still there.)
FOOTER CREDITS AND LINKS (Multiply)
© 2008 Multiply, Inc. About · Blog · Terms · Privacy · Corp Info · Contact Us · Help
This list may be edited as necessary. Some of these are against the Terms, and some against Policy. So don't risk your account by rendering these unusable on your site or group.
How to get a theme up Part 3 (Advanced)
There aren't as many screen shots in this one as most of you will have worked your way though doing a little bit of shall we say "improvements" already (colors and using a Customised theme and adjusting it)
You should know a little about CSS ..well ok how to copy paste links and where they go
And have a Photoshopping programme or image editing program that is similar
So you want your own image up on your theme huh but you want it looking a bit different to anyone elses and you want a header and an image on the side and one here and one there you do don't you?
Yes so did I
Well here is what I did ..still do
Start off with the base theme this one is Sandskrit
but you can use Black Lilly or Skyline
Just have a look at each and see which one will suit the theme you have in mind
there is a trick to it see ( giving away trade secrets here)
Each base theme has a different lets say personality, they are made by different people so have different variations
Skyline is a wide theme and has a skinny tiled header, Black Lilly has rail images and Sandskrit and Dance with Me (based on Sandskrit) have a centered page with their own background image over the top of the main body background Now I'm going with Sandskrit here (doesn't everyone) so bring it up ( Customize site- Choose theme)
To start off you could do this 
Use the image size to make an image the same size
But its easier to borrow the images and use them as templates, its not stealing I'm just borrowing them not going to be using those images only using them for a template that way my image is the right size and everything else will fit
Make a new folder on your computer name it Sandskrit
Use the Sandskrit base code to get and save the images ( use the links on the base code)
Store the Sandskrit base code in with the images as well
Now you have your template images
Bring up the Sandscrit top image on your image editor and make a couple new layers 
Here as an example I've put some bugs on the new layer
 Make the template layer transparent
It looks like this (I've put a darker background layer on here as well)
Throw the template layer away on your workspace (you saved it before remember) You end up with something like this ( this was a quickie )
 Do the same with the rest of the images, even make one with a slightly reduced fill on the "bugs" so it looks transparent
Make a new folder under the Sandskrit folder you created before, save them on your computer
Upload them to Multiply
Go into the album you created for the new theme images you've just uploaded and click Zoom on the larger ones to grab the url
That url is what you replace on the default Sandskrit theme ( the yellow sand sea shell image for the new one you just made)
Do the same for the rest of the images
Use the other tutorials on Multiply Design to change transparency and adjust things like Guestbooks and replies for Calendar and popups next but start with images and colours get those right and you can do anything
This was part 3 in a series of 3 tutorials on "how to get a theme up"
How to get a theme up- Part 1
How to get a theme up - Part 2
How to get a theme up Part 2 (Intermediate) Simple theme not enough for you ?
Want more I see.. Ok well first you have to find a theme you like
This may be the most difficult part there are so many available so many ..so many its a little confusing Once you get over the choice its gets easier
I'll use one of mine as an example from Customized Themes
Read the instructions carefully as they will or should show you how to install the code
It will say which base theme you need and I'm getting to that
First copy the code that is in the little box or if its not in the box from where it says *--start code--*
to where to says *--end code--* copy it onto a Notepad (the one on your computer, not pen and paper that would be a bit silly)
Then when you have copied the code click on Customize My Site, the link under your headshot
and choose the correct base theme (step 1)
I'll be using Sandskrit here as that is what the Pirates theme goes on
Then click Customize site again but this time click Custom CSS (step 2)
You will have a blank box if you've never done this before
Paste the code in and Preview ( just to make sure it works)
Then save if you like it
You will then end up with something like this  or bunnies or puppies or kittens or fish or footballs which ever theme you choose There are so many themes available and theme groups with so many authors making themes there is even a Request Themes group where you can ask for a theme too be made or if there is one available but always search first I just typed in the search here "Teddy bear theme" and got 1,190 different items. So before you go asking go LOOK first
Next theme tutorial for advanced users who want to make their own theme
How to get a theme up- Part 1(beginners)
How to get a theme up - Part 3(advanced)
|
|
Link: 
Link: 
Link: 
