Useful customization links

macromeister

Customisation related links

I thought these links might be useful for anyone setting up a new site, and/or using the new Smug. If you have others, please post them and I'll slot them here in post #1.

SMUG OFFICIAL


Smug Help Center http://help.smugmug.com/

Smug official blog http://news.smugmug.com/

Smug status http://status.smugmug.com/

Smug Youtube Channel http://www.youtube.com/channel/UClxrpYATgzIHVCgN_wPX1Tw All the Smug videos, including the latest webinars. Subscribe to channel to get personal update emails.


OTHERS

Colour picker tool http://www.colorpicker.com/ Useful to get a specific color.

Colour Scheme Designer http://colorschemedesigner.com/ Great tool to give you complementary colours and much more. Related SMUG thread

Color Wheel - Adobe Kuler https://kuler.adobe.com/create/color-wheel/ Check out your colour designs first.

Color Zilla for Firefox/Chrome http://www.colorzilla.com/ Great browser add-on for checking any color on any website - including yours.

CSS on W3schools.com http://www.w3schools.com/cssref/default.asp Also has HTML and much more.

CSS Training at Lynda.com Lynda.com Lynda.com offers excellent training modules on a huge range of subjects. This is a search for CSS - but try other searches. About $25 a moth subscription.

Customisation code - Aaron M Photography http://www.aaronmphotography.com/Customizations/ Excellent resource for CSS code mods.

Customisation code - Sherlock Photography http://www.sherlockphotography.org/Customisations Excellent resource for CSS code mods.

Design principles http://psd.tutsplus.com/tutorials/designing-tutorials/9-essential-principles-for-good-web-design/ Things to consider when designing your site.

Developer tools for Chrome https://developers.google.com/chrome-developer-tools/

Developer tools for Firefox https://developer.mozilla.org/en-US/docs/Tools

Fonts - Google fonts in Photoshop http://www.webink.com/webfontplugin Related SMUG thread

Ryan Oakley SmugMug customization video tutorials Converting from 'legacy' to 'new' Smugmug. http://www.youtube.com/watch?v=gb--arKdrdY Creating your Smugmug site from scratch http://www.photographyontheside.com/gorgeous-smugmug-tutorial

Screenfly tool https://quirktools.com/screenfly/ Useful tool for seeing how your site looks on different screen sizes and other devices, such as smart-phones.

SmugRoom Tools http://smugroom.com/tools/ Useful tools for Smug users

INTERESTING CUSTOMISATION THREADS

Screen prints - how to do them

rounded corners on images

Frequently requested modifications/tweaks

denisegoldberg

Thanks for pulling these together, very helpful!

--- Denise

McQ

Rob, thank you! Huge help to us trying to get our sites in order. Someone give this man a free year of SM!

einat

This is great. That's some work yo put in. Thanks.

I've used a few CSS codes that I came across in this forum, and I believe I could play around with CSS myself.
Can someone direct me to where I can find the names of the classes, their attributes\fields etc.? (I'm not even sure I'm using the correct terms here).

denisegoldberg

einat wrote: »

Can someone direct me to where I can find the names of the classes, their attributes\fields etc.? (I'm not even sure I'm using the correct terms here).

You'll need to use a tool in your browser to identify the names.

• For Chrome - https://developers.google.com/chrome-developer-tools/
• For Firefox - https://developer.mozilla.org/en-US/docs/Tools

--- Denise

macromeister

einat wrote: »

This is great. That's some work yo put in. Thanks.

I've used a few CSS codes that I came across in this forum, and I believe I could play around with CSS myself.
Can someone direct me to where I can find the names of the classes, their attributes\fields etc.? (I'm not even sure I'm using the correct terms here).

Do you mean the display type classes? They are in the Smugocity link at the top, under FAQ

macromeister

added smug status, and W3schools.com

einat

macromeister wrote: »

Do you mean the display type classes? They are in the Smugocity link at the top, under FAQ

No - that's not what I meant. Not only the gallery display classes, but a list of all classes - and the "things" I can change in them. By "things" I mean those "fields" that I can set. I know this is an awkward sentence, I just don't know how to call them (I've learnt programming long ago, and it was not in English...)

Anyway - like in this code, which is part of the Right Click Protect:

.sm-user-ui .sm-tooltip {
background-color: #fff;
border-radius: 10px !important;
box-shadow: -4px 5px 10px #000 !important;
color:black !important;
}

1. I guess that "sm-user-ui" is a class.
2. then "background-color" is an ... attribure? a field?
3. and for every "field" I can set a "setting" ("black", "inline" etc)

So I am wondering if there is a listing of all those - the classes, what I can change in them an to what.

macromeister

einat wrote: »

No - that's not what I meant. Not only the gallery display classes, but a list of all classes - and the "things" I can change in them. By "things" I mean those "fields" that I can set. I know this is an awkward sentence, I just don't know how to call them (I've learnt programming long ago, and it was not in English...)

Anyway - like in this code, which is part of the Right Click Protect:

.sm-user-ui .sm-tooltip {
background-color: #fff;
border-radius: 10px !important;
box-shadow: -4px 5px 10px #000 !important;
color:black !important;
}

1. I guess that "sm-user-ui" is a class.
2. then "background-color" is an ... attribure? a field?
3. and for every "field" I can set a "setting" ("black", "inline" etc)

So I am wondering if there is a listing of all those - the classes, what I can change in them an to what.

I just added a link for W3Schools which has them all. You can also just do a Google search for something specific if you are stuck such as 'CSS code border' etc.

macromeister

added links for developer tools for Chrome and Firefox, from Denise.

Also added Lynda.com CSS training.

einat

denisegoldberg wrote: »

You'll need to use a tool in your browser to identify the names.

• For Chrome - https://developers.google.com/chrome-developer-tools/
• For Firefox - https://developer.mozilla.org/en-US/docs/Tools

--- Denise

Thanks, Denise. I didn't notice your reply at first. This is just what I need.

macromeister wrote: »

I just added a link for W3Schools which has them all. You can also just do a Google search for something specific if you are stuck such as 'CSS code border' etc.

Thanks - this would be very useful.

BTW - "properties" & "values" were the words I couldn't come up with.

Now the only problem is that there's so much to learn... and tomorrow is meteor night , not "learning how to use CSS" night. After all - what's this site for if not for some new photos?

macromeister

einat wrote: »

Now the only problem is that there's so much to learn... and tomorrow is meteor night , not "learning how to use CSS" night. After all - what's this site for if not for some new photos?

Are you a subscriber to Lynda.com? There's a link at the top for CSS training. I find Lynda excellent for Photoshop and general photography. I didn't know they did CSS.

einat

macromeister wrote: »

Are you a subscriber to Lynda.com? There's a link at the top for CSS training. I find Lynda excellent for Photoshop and general photography. I didn't know they did CSS.

Not yet, but I guess I will be soon (-:

olli

Thanks for this. Very helpful.

macromeister

Added Smug youtube channel

Darter02

Here's that Screenfly tool someone posted a few days ago.

macromeister

Darter02 wrote: »

Here's that Screenfly tool someone posted a few days ago.

Added, thanks. I could play with that for hours.

macromeister

added customisation thread on rounded corners for images

Uncle Bum

You Guys and Gals Rock!
First, Scott/Dreampro/Mechanic (?) suggested I try his site: www.smugocity.com for customization code blocks (it is awesome, have used at least half a dozen); now Macromeister publishes a lengthy listing of customization support websites where I may begin to learn how to fish!

Thanks, everyone, you have provided important tools and resources to us novices (me).

macromeister

added thread on screen prints

synature

youtube is great -- for an introduction, for a tutorial. But when I want to find something specific, like how to make a drop down menu with the new smugmug menu tool, there is no way to figure out which youtube video might talk about it.

Where is the old-fashioned documentation? The legacy help system is reasonably good, but there's nothing even close for the new smugmug. And, despite the current rage for using video to explain stuff, I know I can scan through words on a screen a whole lot faster and with more comprehension than trying to find something in one of a dozen hour long videos.

If nothing else, I think SM ought to put someone to work to index all those videos with approximate time each of the various things are discussed and put that in some sort of reference document.

macromeister

added "Frequently Requested Simple Modifications / Tweaks" thread

Antonio Correia

Rob, does this has any interest at all ?

Oakley

Hi Rob,

I have recently created two tutorials about using the New SmugMug that I would love for dgriners to have access to.

The first shows people how to migrate from the old "Legacy" SmugMug to the New SmugMug

http://www.youtube.com/watch?v=gb--arKdrdY

The second tutorial shows people how to set up their SmugMug site from scratch.

http://www.photographyontheside.com/gorgeous-smugmug-tutorial

I would appreciate you adding these to your first post.

Thanks!

Ryan

macromeister

Antonio Correia wrote: »

Rob, does this has any interest at all ?

Added. Many thanks.

macromeister

Oakley wrote: »

Hi Rob,

I have recently created two tutorials about using the New SmugMug that I would love for dgriners to have access to.

The first shows people how to migrate from the old "Legacy" SmugMug to the New SmugMug

http://www.youtube.com/watch?v=gb--arKdrdY

The second tutorial shows people how to set up their SmugMug site from scratch.

http://www.photographyontheside.com/gorgeous-smugmug-tutorial

I would appreciate you adding these to your first post.

Thanks!

Ryan

Thank you, Ryan - they look very good. Links added. Sorry for the delay - I've been away.

Darter02

SmugRoom Tools was in a recent thread.

Oakley

macromeister wrote: »

Thank you, Ryan - they look very good. Links added. Sorry for the delay - I've been away.

No worries Rob. Thanks for posting the links.

macromeister

Darter02 wrote: »

SmugRoom Tools was in a recent thread.

Many thanks. Link added.

denisegoldberg

I think a link to Lamah's customizations might be helpful - http://www.sherlockphotography.org/Customisations.

--- Denise

thenickdude

denisegoldberg wrote: »

I think a link to Lamah's customizations might be helpful - http://www.sherlockphotography.org/Customisations.

--- Denise

It's actually on the list already!