garrettw87,
garrettw87 avatar

I have /m/learnesperanto and I am slowly working on sprucing up the CSS. So far all I’ve really done is add a green bottom border to some link hovers in the sidebar.

Fern,
@Fern@lemmy.world avatar

Feels a bit like myspace looking through all these.

patchw3rk,
patchw3rk avatar

I'm a mod. My subreddit (kbin.social/m/bestof) will not get a facelift any time soon, I don't think. Aren't people expecting to customize their own view of all communities?

Also, do the visuals persist to all of the fediverse? How does your community look on kbin, lemmy, etc?

garrettw87,
garrettw87 avatar

Visuals definitely would not federate.

a_mac_and_con,
a_mac_and_con avatar

As a magazine having a custom CSS isn't important for whether I decide to interact with a community, I'm much more focused on other methods of gathering an audience and activity which isn't just me posting over and over.

cutitdown, (edited )

I've done some decorating over at https://kbin.social/m/ArcBrowser. Not done yet, but for Arc Browser users, the colors will adjust to match your browser theme!

garrettw87,
garrettw87 avatar

Fancy!

callyral,

i would but it'd be too interesting for my magazine

garrettw87,
garrettw87 avatar

What does “too interesting” even mean?

Prej,
Prej avatar

I did it, waiting for the results. Still new to CSS, but I used ChatGPT and it worked pretty well.

PrimalHero,
PrimalHero avatar

I did not know that is was possible. Maybe I will play around with it but I am kinda afraid of making everything ugly.

atocci,
atocci avatar

I got some basic theming set up at my magazine after looking up what CSS is.

Jaysyn,
Jaysyn avatar

Looks good!

joobeejoo47,
joobeejoo47 avatar

Can you share your code for that? It looks really good! If you're okay with it, I'd like to copy it and tweak a bit for my own magazine.

atocci, (edited )
atocci avatar

Edit: Added a comment and updated the option bar to match the navbar.
Sure, here you go! I've never done anything like this before so it's probably a formatting disaster, but I've done my best to clean it a bit and add some comments about what does what here. This is what I've come up with after a few hours of just poking around with the inspect element feature and reading some tutorials:

/* Navbar */
{
background: linear-gradient(to top right, rgba(229, 0, 32, .8) , rgba(242, 151, 57, .8));
box-shadow: 0px 4px 10px 1px rgba(0,0,0,0.5);
backdrop-filter: blur(10px);
position: relative; z-index: 4001
}

/* Page background image */
{
background: url(https://toaru-project.com/railgun_t/core_sys/images/main/common/logo_t.svg) no-repeat center center fixed;
background-size: contain;
}

/* Post box transparency */
.section {
opacity: 0.96;
}

/* kbin footer background */
{
background: linear-gradient(to top right, rgba(229, 0, 32, 1) , rgba(242, 151, 57, 1));
}

/* The little arrow button in the bottom right that takes you back to the top of the page */
-top {
background: linear-gradient(to top right, rgba(229, 0, 32, .8) , rgba(242, 151, 57, .8));
box-shadow: 0px 4px 10px 1px rgba(0,0,0,0.5);
backdrop-filter: blur(10px);
}

/* Options bar */
{
background: linear-gradient(to top right, rgba(229, 0, 32, .8) , rgba(242, 151, 57, .8));
box-shadow: 0px 4px 10px 1px rgba(0,0,0,0.25);
backdrop-filter: blur(10px);
position: relative
}

/* upvote color */
.vote .active.vote__up button {
color: rgba(242, 151, 57);
}

/* Media viewer background blur */
.goverlay {
background: rgba(0,0,0,.5);
backdrop-filter: blur(15px);
}

garrettw87,
garrettw87 avatar

Nice gradient!

DarkThoughts,
Jaysyn,
Jaysyn avatar

Yes. Is something wrong with that?

Hakaku,
Hakaku avatar

I played around with it but honestly it's a bit of a nightmare to support given all the different Kbin user themes and the differences between desktop and mobile. Kbin is also not stable in the sense that new changes are expected and new themes are still being added. I figured I'd wait until it stabilized and/or until someone came up with a decent design you can easily plug and play.

realcaseyrollins,

I didn't even know that was a thing, that's kinda cool!

missingno,
missingno avatar

Let's just say graphic design is not my passion.

That said, if anyone who does know how to art wants to do anything with /m/splatoon, /m/fgc, or /m/mahjong, I'd be happy to add you aboard.

sensibilidades,

I must be in the minority here, I turned off sub-specific CSS as soon as I could.

FfaerieOxide,
FfaerieOxide avatar

If I may suggest an alternative:

Rather than, "Why is no one..."

...instead why don't you make an easy to follow tutorial and post an article, "THIS is how you can decorate your magazine using CSS..."

If your goal is to have a more beautiful user experience for all who browse the second would seem more effective at achieving that goal.

If your goal is to humble brag and position your magazine (and coding skills) as superior to those of other mag mods, the first phrasing is the superior way to go about that.

I very much doubt your intent was to talk down to anyone, however, so I would very much advocate your writing up a CSS guide in pursuit of what I presume to be your goals (a vibrant and beautiful library of magazines here on kbin).

Your magazine is very pretty and I commend you for your decorative and coding skills.

Jaysyn,
Jaysyn avatar

I don't know CSS. I took the automatically generated background CSS (under appearance) & fed it into ChatGTP & told it how I wanted it to look. After a little trial & error to get that right, I tweaked the color codes till I liked them. That's pretty much it.

I definitely wasn't trying to talk down to anyone.

Balssh,
Balssh avatar

Still, could do a small informative post about how to go about modifying CSS of a magazine. This place is still relatively small and I bet many people don't even know there can be custom CSS (like myself lol).

  • All
  • Subscribed
  • Moderated
  • Favorites
  • AskKbin
  • kavyap
  • thenastyranch
  • GTA5RPClips
  • tester
  • InstantRegret
  • DreamBathrooms
  • ngwrru68w68
  • magazineikmin
  • everett
  • Youngstown
  • mdbf
  • slotface
  • rosin
  • cisconetworking
  • megavids
  • khanakhh
  • normalnudes
  • osvaldo12
  • cubers
  • tacticalgear
  • Durango
  • ethstaker
  • modclub
  • anitta
  • provamag3
  • Leos
  • JUstTest
  • lostlight
  • All magazines