Useful customization links

macromeistermacromeister Registered Users Posts: 490 Major grins
edited November 9, 2015 in SmugMug Customization
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
I'm Rob Ashcroft - MACROMEISTER IMAGES . . . .
«1

Comments

  • denisegoldbergdenisegoldberg Administrators Posts: 14,213 moderator
    edited August 11, 2013
    Thanks for pulling these together, very helpful!

    --- Denise
  • McQMcQ Registered Users Posts: 165 Major grins
    edited August 11, 2013
    Rob, thank you! Huge help to us trying to get our sites in order. Someone give this man a free year of SM!
    "Where have you gone, Joe DiMaggio, our nation turns its lonely eyes to you?"

    http://mcq.smugmug.com
  • einateinat Registered Users Posts: 193 Major grins
    edited August 11, 2013
    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).
  • denisegoldbergdenisegoldberg Administrators Posts: 14,213 moderator
    edited August 11, 2013
    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. --- Denise
  • macromeistermacromeister Registered Users Posts: 490 Major grins
    edited August 11, 2013
    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
    I'm Rob Ashcroft - MACROMEISTER IMAGES . . . .
  • macromeistermacromeister Registered Users Posts: 490 Major grins
    edited August 11, 2013
    added smug status, and W3schools.com
    I'm Rob Ashcroft - MACROMEISTER IMAGES . . . .
  • einateinat Registered Users Posts: 193 Major grins
    edited August 11, 2013
    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.
  • macromeistermacromeister Registered Users Posts: 490 Major grins
    edited August 11, 2013
    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.
    I'm Rob Ashcroft - MACROMEISTER IMAGES . . . .
  • macromeistermacromeister Registered Users Posts: 490 Major grins
    edited August 11, 2013
    added links for developer tools for Chrome and Firefox, from Denise.

    Also added Lynda.com CSS training.
    I'm Rob Ashcroft - MACROMEISTER IMAGES . . . .
  • einateinat Registered Users Posts: 193 Major grins
    edited August 11, 2013
    You'll need to use a tool in your browser to identify the names. --- Denise

    Thanks, Denise. I didn't notice your reply at first. This is just what I need.
    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 wings.gif, not "learning how to use CSS" night. After all - what's this site for if not for some new photos?
  • macromeistermacromeister Registered Users Posts: 490 Major grins
    edited August 11, 2013
    einat wrote: »
    Now the only problem is that there's so much to learn... and tomorrow is meteor night wings.gif, 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.
    I'm Rob Ashcroft - MACROMEISTER IMAGES . . . .
  • einateinat Registered Users Posts: 193 Major grins
    edited August 11, 2013
    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 (-:
  • olliolli Registered Users Posts: 16 Big grins
    edited August 11, 2013
    Thanks for this. Very helpful.
  • macromeistermacromeister Registered Users Posts: 490 Major grins
    edited August 11, 2013
    Added Smug youtube channel
    I'm Rob Ashcroft - MACROMEISTER IMAGES . . . .
  • Darter02Darter02 Registered Users Posts: 947 Major grins
    edited August 13, 2013
    Here's that Screenfly tool someone posted a few days ago.
  • macromeistermacromeister Registered Users Posts: 490 Major grins
    edited August 13, 2013
    Darter02 wrote: »
    Here's that Screenfly tool someone posted a few days ago.


    Added, thanks. I could play with that for hours.
    I'm Rob Ashcroft - MACROMEISTER IMAGES . . . .
  • macromeistermacromeister Registered Users Posts: 490 Major grins
    edited August 13, 2013
    added customisation thread on rounded corners for images
    I'm Rob Ashcroft - MACROMEISTER IMAGES . . . .
  • Uncle BumUncle Bum Registered Users Posts: 33 Big grins
    edited August 14, 2013
    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).
  • macromeistermacromeister Registered Users Posts: 490 Major grins
    edited August 18, 2013
    added thread on screen prints
    I'm Rob Ashcroft - MACROMEISTER IMAGES . . . .
  • synaturesynature Registered Users Posts: 191 Major grins
    edited August 20, 2013
    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.
    Brandon Smith
    http://redwoodtwig.com
    Sony A7r4 with a selection of Rokinon Cine primes that I'm really enjoying learning how to use.
  • macromeistermacromeister Registered Users Posts: 490 Major grins
    edited August 25, 2013
    added "Frequently Requested Simple Modifications / Tweaks" thread
    I'm Rob Ashcroft - MACROMEISTER IMAGES . . . .
  • Antonio CorreiaAntonio Correia Registered Users Posts: 6,241 Major grins
    edited September 3, 2013
    Rob, does this has any interest at all ?
    All the best ! ... António Correia - Facebook
  • OakleyOakley Registered Users Posts: 446 Major grins
    edited September 3, 2013
    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
    Ryan Oakley - www.ryanoakleyphotography.ca [My smugmug site]
    www.photographyontheside.com [My blog about creating a part-time photography business]
    Create A Gorgeous Photography Website with Smugmug in 90 Minutes [My free course if you need help setting up and customizing your SmugMug site]
  • macromeistermacromeister Registered Users Posts: 490 Major grins
    edited September 8, 2013
    Rob, does this has any interest at all ?

    Added. Many thanks.
    I'm Rob Ashcroft - MACROMEISTER IMAGES . . . .
  • macromeistermacromeister Registered Users Posts: 490 Major grins
    edited September 8, 2013
    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.
    I'm Rob Ashcroft - MACROMEISTER IMAGES . . . .
  • Darter02Darter02 Registered Users Posts: 947 Major grins
    edited September 8, 2013
    SmugRoom Tools was in a recent thread.
  • OakleyOakley Registered Users Posts: 446 Major grins
    edited September 8, 2013
    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. :)
    Ryan Oakley - www.ryanoakleyphotography.ca [My smugmug site]
    www.photographyontheside.com [My blog about creating a part-time photography business]
    Create A Gorgeous Photography Website with Smugmug in 90 Minutes [My free course if you need help setting up and customizing your SmugMug site]
  • macromeistermacromeister Registered Users Posts: 490 Major grins
    edited September 8, 2013
    Darter02 wrote: »
    SmugRoom Tools was in a recent thread.


    Many thanks. Link added.
    I'm Rob Ashcroft - MACROMEISTER IMAGES . . . .
  • denisegoldbergdenisegoldberg Administrators Posts: 14,213 moderator
    edited September 15, 2013
    I think a link to Lamah's customizations might be helpful - http://www.sherlockphotography.org/Customisations.

    --- Denise
  • thenickdudethenickdude Registered Users Posts: 1,302 Major grins
    edited September 15, 2013
Sign In or Register to comment.