Editing Themes
DayBackForFileMaker.EditingThemes History
Hide minor edits - Show changes to output
Changed line 13 from:
%center% %width=440% [[https://panic.com/coda/ |https://www.seedcode.com/rootimages/stikipad/dayback/coda.jpg]]
to:
%center% %width=440% [[https://panic.com/coda/ |https://archive.seedcode.com/rootimages/stikipad/dayback/coda.jpg]]
Changed lines 15-19 from:
...and [[https://www.sublimetext.com/ | Sublime Text]] (all platforms) which offers great code completion and "multiple cursors" which are an absolute joy (shown with "next-skip" [[https://www.sublimetext.com/blog/articles/sublime-text-2-0-released | here]]).
to:
...and [[https://www.sublimetext.com/ | Sublime Text]] (all platforms) which offers great code completion and "multiple cursors" which are an absolute joy (shown with "next-skip" [[https://www.sublimetext.com/blog/articles/sublime-text-2-0-released | here]]).
!! Important Note on Smart Quotes:
Smart quotes (“ ”) are not compatible with CSS strings and will render the values invalid. When editing CSS themes in FileMaker, make sure to disable Smart Quotes (File Options -> Text -> Use smart quotes). Your opening and closing quotes should look identical in the editor (" ").
!! Important Note on Smart Quotes:
Smart quotes (“ ”) are not compatible with CSS strings and will render the values invalid. When editing CSS themes in FileMaker, make sure to disable Smart Quotes (File Options -> Text -> Use smart quotes). Your opening and closing quotes should look identical in the editor (" ").
Changed line 3 from:
https://youtu.be/M57jVakiDt4
to:
%newwin% [[https://youtu.be/M57jVakiDt4]]
Changed line 3 from:
[[youtube: M57jVakiDt4]]
to:
[[ youtube: M57jVakiDt4]]
Deleted lines 1-2:
<iframe width="560" height="315" src="https://www.youtube.com/embed/M57jVakiDt4" frameborder="0" allowfullscreen></iframe>
Added lines 2-3:
<iframe width="560" height="315" src="https://www.youtube.com/embed/M57jVakiDt4" frameborder="0" allowfullscreen></iframe>
Changed lines 1-3 from:
to:
Here's a great overview of how themes work and how to change DayBack's fonts, colors, and backgrounds with CSS:
(:youtube M57jVakiDt4 width=500:)
(:youtube M57jVakiDt4 width=500:)
Changed lines 1-11 from:
%color=red% >> Editing our themes' CSS. Description, video, and tips (ie searching, previewing, using Sublime)
to:
%color=red% >> Editing our themes' CSS. Description, video, and tips (ie searching, previewing, using Sublime)
!! Using 3rd Party Editors
You may find working in a actual code editor easier if you're making a lot of changes to either the css files in DayBack or the [[translation]] files. Copy the text you're editing out of DayBack, paste it into your favorite editor, make your changes and then copy and paste it back.
Editors we like include [[https://panic.com/coda/ | Coda]] (for Mac) which has inline color pickers--always handy...
%center% %width=440% [[https://panic.com/coda/ |https://www.seedcode.com/rootimages/stikipad/dayback/coda.jpg]]
...and [[https://www.sublimetext.com/ | Sublime Text]] (all platforms) which offers great code completion and "multiple cursors" which are an absolute joy (shown with "next-skip" [[https://www.sublimetext.com/blog/articles/sublime-text-2-0-released | here]]).
!! Using 3rd Party Editors
You may find working in a actual code editor easier if you're making a lot of changes to either the css files in DayBack or the [[translation]] files. Copy the text you're editing out of DayBack, paste it into your favorite editor, make your changes and then copy and paste it back.
Editors we like include [[https://panic.com/coda/ | Coda]] (for Mac) which has inline color pickers--always handy...
%center% %width=440% [[https://panic.com/coda/ |https://www.seedcode.com/rootimages/stikipad/dayback/coda.jpg]]
...and [[https://www.sublimetext.com/ | Sublime Text]] (all platforms) which offers great code completion and "multiple cursors" which are an absolute joy (shown with "next-skip" [[https://www.sublimetext.com/blog/articles/sublime-text-2-0-released | here]]).
Changed line 1 from:
to:
%color=red% >> Editing our themes' CSS. Description, video, and tips (ie searching, previewing, using Sublime)