buttons
obsidian-css-snippets
Our great sponsors
buttons | obsidian-css-snippets | |
---|---|---|
17 | 6 | |
435 | 1,286 | |
- | - | |
7.3 | 3.6 | |
2 months ago | about 1 month ago | |
TypeScript | ||
The Unlicense | - |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
buttons
-
Is there a way to run code/Call a function only after you've clicked some type of link on a page?
The Buttons plugin might work for you (except for maybe the running-code-on-startup thing): https://github.com/shabegom/buttons
-
Can I use buttons to switch between pages?
Here is the link to the plugin: GitHub - shabegom/buttons: Buttons in Obsidian
-
MetaData, Tags, Database and Templater
You will need Templater plugin (I think) and Buttons plugin (https://github.com/shabegom/buttons)
-
Using Obsidian as a task manager and a personal knowledge database
button (mobile)
-
Journal Question Template - Clickable Content
While there is a plugin to make buttons, but I couldn't get it to work how I wanted. They have a replace line function, but it's not relative, and I'm unsure if the section you want to modify moves around from writing above it. This means that it's quite hard for me to give you a good solution for clickable items so instead I've got a different solution. It also might scale better for you if you ever consider using Dataview tables to show your journal entries.
- I love Obsidian, the best document manager and more i've ever tried, but i can't underline a text!
-
Dashboard
Well, I will do my best and try to describe as much as possible. - At the top of the sidebar is an iframe widget for listening to internet radio. I pasted its code into a new note and dragged the note there. - Below that is the file navigation panel and I used this CSS snippet, created by Lithou to colour my folders and I adjusted this later to suit my needs. - At the top left of my dashboard is a CSS ribbon with the text "Home" on it. - Next to the ribbon are custom buttons, created thanks to the Buttons plugin. I have moved them up there in CSS, using the "position: absolute;" declaration and adjusting the position by trial and error, using the "top" and "right" properties. Among them are three buttons called "Flash". These are shortcuts to my notes, where I create a list of words to study, and I repeat them later using the Spaced Repetition plugin. - Below the ribbon is a "ᗐ Footer" link that scrolls the dashboard to the bottom. I also have one at the bottom that scrolls it to the "ᗑ Top". - Below that is a list of my tasks for today, managed by the Tasks plugin. - Next to it is an iframe widget with a digital clock. - And below is a link to a list of my weekly meals, generated by the Dataview plugin.
-
Changing the style of a button (buttons plugin) with CSS
Are there any CSS wizards out there able to help me with this? I'm fairly good with coding/scripting and whatnot, but I've never done CSS before. I'm using the buttons plugin (https://github.com/shabegom/buttons), and I'd like to apply this glassmorphism CSS snippet to my buttons (generated from https://hype4.academy/tools/glassmorphism-generator) background: rgba( 157, 60, 234, 0.4 ); box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 ); backdrop-filter: blur( 15.5px ); -webkit-backdrop-filter: blur( 15.5px ); border-radius: 10px;
-
making pretty notes faster?
In terms of making elements which look good quickly getting great plugins and learning them in and out is the move. For me advanced tables is a must have. I can create table about as quickly as I can filling out excel sheets. Data view is another great one as well as banners and buttons. There is also a notions like tables which is amazing in its functionality but still pretty early in development.
-
Dynamically/Programmatically editing frontmatter, and creating folders?
I'm able to create buttons using the "buttons" plugin, and I can use that to call a template. So far, so good.
obsidian-css-snippets
-
How to make the [!info] textbox prettier?
Thanks! I checked it out and I found this
- Could this be done
-
making pretty notes faster?
Some cool customisation will often come in the form of snippets. You can write or find snippets which do all some of cool stuff and make elements immediately pretty (no googling needed). Dashboard++ is a great one for formatting dashboard quickly. There is also a bunch of other great ones collected here.
-
Change appearance of notes in notes ( ![[]])
This is probably a good place to start: https://github.com/Dmytro-Shulha/obsidian-css-snippets
- Let's gather all the best CSS snippets
-
Not sure how to stop stuff from showing up.
If you mean you want the transclusion but not the actual box around it, head here: https://github.com/Dmytro-Shulha/obsidian-css-snippets/blob/develop/Snippets/Embeds.md
What are some alternatives?
obsidian-commander - Commander - Obsidian Plugin | Add Commands to every part of Obsidian's user interface
Yin-and-Yang-Theme - An Obsidian.md theme with a stark contrast between dark mode and light mode, much like the Yin and Yang symbol ☯️.
admonitions - Adds admonition block-styled content to Obsidian.md
obsidian-banners - An Obsidian plugin that adds banners to your notes
obsidian-note-from-template - Simple plugin to create Notes from a template, and fill in fields defined there
Obsidian-Theme-Mado-Miniflow - A beautiful minimalism theme for Obsidian.
obsidian-dataview - A data index and query language over Markdown files, for https://obsidian.md/.
obsidian-notion-like-tables - Your premiere tool for creating and managing tabular data in Obsidian.md
obsidian-editing-toolbar - An obsidian toolbar plugin, modified from the Cmenu plugin
obsidian-minimal - A distraction-free and highly customizable theme for Obsidian.