Hello everyone. :) As the title says, I spent most of today making my very first profile! I've never actually coded anything before, and I'm still figuring everything out, but I'm happy with what I made. uwu I'd like to know what other people think of it though, which brings me here. Any sort of feedback, advice or tips for a newbie coder would be greatly appreciated. <3
As for the help part, I can't stand the default chrome scroll-bars, and the css compendium said you can change how they look, but... I just don't understand what I'm supposed to do to make them look nice. ^^;; I was hoping someone might be able to explain it to me?
If you can do the graphics things you can make an overlay for them that looks good in both chrome and firefox and then you just kinda pop it on top of the scroll bar. Otherwise for chrome you can edit width and colour and things, but it might look off for firefox users. This site explains each of the sections and stuff.
this is the code i use. it works in chrome and safari, but unfortunately there isn't really a way to style scrollbars in firefox without using javascript, so if that's an issue then you'd have to use scrollbar covers (though personally i don't like scrollbar covers because some people, including myself, have scrollbars set to hide when not in use which means text extends into the space usually reserved for the scrollbar which means if you cover the scrollbars, you cover that part of the text and it becomes difficult to read).
::-webkit-scrollbar {width:5px; height:5px}
::-webkit-scrollbar-thumb {-webkit-border-radius:5px; border-radius:5px; background: rgba(255,255,255,1)}
so you can adjust the thickness of the scrollbar with 'width' and 'height' (vertical scrollbars use 'width' and horizontal scrollbars use 'height'), the roundedness (or lack thereof) of the scrollbar with 'border radius' (more pixels = more rounded), and the color/opacity of the scrollbar (each of the first three numbers corresponds to the RGB value of the color - if you have the hex value, you can convert it using a site like this one - and the fourth number corresponds to opacity; that number can be anything between 0 and 1, i.e. .4, .85, 1).
Not a coder, but it looks good! :)
I'm new here, and my profile is so plain D: I'll probably try to learn to make my own profile. Good job on your first coding!
Thank you for the link! I appreciate it. ^^
Oh gosh, thank you so much! That makes it look so much nicer! :'D
Ah, thank you!! ❤️
I only know the basics myself, but it's pretty once you get the hang of it. c: I'm sure you could have a really nice one in no time at all!
Aha, thanks! :) It's going to take some time for me to learn the basics... D:
Any guides you can recommend? (thanks, heheh)
^^ It's not too difficult, though, so I'm sure it won't take too long. c:
Well, everything I know I learned from the Useful Profiles and Graphics Threads topic, w3schools and KhanAcademy, they're great. ^^