obsidian-css-snippets VS buttons

Thanks! I checked it out and I found this

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.

This is probably a good place to start: https://github.com/Dmytro-Shulha/obsidian-css-snippets

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

The Buttons plugin might work for you (except for maybe the running-code-on-startup thing): https://github.com/shabegom/buttons

Here is the link to the plugin: GitHub - shabegom/buttons: Buttons in Obsidian

You will need Templater plugin (I think) and Buttons plugin (https://github.com/shabegom/buttons)

button (mobile)

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.

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.

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;

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.

I'm able to create buttons using the "buttons" plugin, and I can use that to call a template. So far, so good.