Useful customization links

macromeistermacromeister SMUG anarchist!West WalesPosts: 490Registered Users 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 Major grins North Andover, MAPosts: 11,731Super Moderators moderator
    edited August 11, 2013
    Thanks for pulling these together, very helpful!

    --- Denise
  • McQMcQ Grinning From Ear To Ear Posts: 165Registered Users 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 Major grins Posts: 181Registered Users 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 Major grins North Andover, MAPosts: 11,731Super Moderators 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 SMUG anarchist! West WalesPosts: 490Registered Users 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 SMUG anarchist! West WalesPosts: 490Registered Users Major grins
    edited August 11, 2013
    added smug status, and W3schools.com
    I'm Rob Ashcroft - MACROMEISTER IMAGES . . . .
  • einateinat Major grins Posts: 181Registered Users 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 SMUG anarchist! West WalesPosts: 490Registered Users 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 SMUG anarchist! West WalesPosts: 490Registered Users 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 Major grins Posts: 181Registered Users 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 SMUG anarchist! West WalesPosts: 490Registered Users 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 Major grins Posts: 181Registered Users 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 Big grins Posts: 16Registered Users Big grins
    edited August 11, 2013
    Thanks for this. Very helpful.
  • macromeistermacromeister SMUG anarchist! West WalesPosts: 490Registered Users Major grins
    edited August 11, 2013
    Added Smug youtube channel
    I'm Rob Ashcroft - MACROMEISTER IMAGES . . . .
  • Darter02Darter02 Major grins Mount Horeb, WIPosts: 946Registered Users Major grins
    edited August 13, 2013
    Here's that Screenfly tool someone posted a few days ago.
  • macromeistermacromeister SMUG anarchist! West WalesPosts: 490Registered Users 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 SMUG anarchist! West WalesPosts: 490Registered Users Major grins
    edited August 13, 2013
    added customisation thread on rounded corners for images
    I'm Rob Ashcroft - MACROMEISTER IMAGES . . . .
  • Uncle BumUncle Bum Spoiling nieces & nephews Posts: 33Registered Users 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 SMUG anarchist! West WalesPosts: 490Registered Users Major grins
    edited August 18, 2013
    added thread on screen prints
    I'm Rob Ashcroft - MACROMEISTER IMAGES . . . .
  • synaturesynature redwoodtwig Posts: 189Registered Users 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 A900 with 1.4 85mm prime; A77, and couple other cameras floating around that see less usage. Lightroom, usually the latest version.
  • macromeistermacromeister SMUG anarchist! West WalesPosts: 490Registered Users Major grins
    edited August 25, 2013
    added "Frequently Requested Simple Modifications / Tweaks" thread
    I'm Rob Ashcroft - MACROMEISTER IMAGES . . . .
  • Antonio CorreiaAntonio Correia Always learning Setubal - PortugalPosts: 6,182Registered Users Major grins
    edited September 3, 2013
    Rob, does this has any interest at all ?
    All the best ! ... António Correia - Facebook
  • OakleyOakley ThePupil.ca Posts: 446Registered Users 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 SMUG anarchist! West WalesPosts: 490Registered Users Major grins
    edited September 8, 2013
    Rob, does this has any interest at all ?

    Added. Many thanks.
    I'm Rob Ashcroft - MACROMEISTER IMAGES . . . .
  • macromeistermacromeister SMUG anarchist! West WalesPosts: 490Registered Users 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 Major grins Mount Horeb, WIPosts: 946Registered Users Major grins
    edited September 8, 2013
    SmugRoom Tools was in a recent thread.
  • OakleyOakley ThePupil.ca Posts: 446Registered Users 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 SMUG anarchist! West WalesPosts: 490Registered Users 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 Major grins North Andover, MAPosts: 11,731Super Moderators moderator
    edited September 15, 2013
    I think a link to Lamah's customizations might be helpful - http://www.sherlockphotography.org/Customisations.

    --- Denise
  • thenickdudethenickdude Software developer Posts: 1,286Registered Users Major grins
    edited September 15, 2013
    I think a link to Lamah's customizations might be helpful - http://www.sherlockphotography.org/Customisations.

    --- Denise

    It's actually on the list already!
«1
Sign In or Register to comment.