How do I get started?
|
How do I get started?
|
|
|---|---|
|
Posted 2021-12-28 10:29:13
I don't know if this makes me dumb, but I know absolutely nothing about html or css or how to actually make changes to my profile. I've seen a lot of guides but I have no idea how to actually use it? None of the guides I've found have explained how to get started. Can someone help me, cause I'm completely lost here... 1. What is all of this *;>\ stuff and what does it mean? Like, how do I set the code up? 2. Do I need to create a separate file to implement css? How do I do that? Google drive? Can I do it online? I've heard the term "spreadsheet" but have no idea what it even is or how I get my hands on one?? 3. Honestly, I'd be okay with just learning how to get a nice background picture and a color theme on my profile like I've seen some users have... Um help? |
Jaxina #54114 |
|
Posted 2021-12-30 16:25:00
this tutorial helped me a lot, it says it's outdated but a lot still holds up, especially with learning the basics, but i'll try to answer what i know the answers too! 1. the symbols mean different things in code, but usually to do with organizing everything into different sections. you'll discover that you less need to learn what each thing means and typing all of the code yourself, and more copy pasting what you need and changing it accordingly. 2. i used the chrome extension Stylus to edit my page and see the changes in real time, and then i copy pasted that code to notepad, saved it as "all files" and added .css to the name, and it saved as a css file. from there i uploaded it to dropbox and copy pasted the link, changing the "www." to "dl." 3. color is a bit more complicated because i had to edit each separate section to the colors i wanted, but once you learn the basics of that, it'll be pretty simple. background is fairly simple, though! the guide has a template that gives you sections to put your code in. the code i put my background in looks like this: body { background: url(https://i.imgur.com/mnUkMOW.jpg) fixed; background-size: cover !important; } body is where the background is going to go, and you can put an image link there. this is assuming you know how to do that, but if you need help let me know! if you read the tutorial and still cant figure out colors let me know, it took me a bit for it to click. the basics of colors in css goes like this, though: for whatever you want to color, color: is gonna be the color of the text, and background: is going to be the solid color background behind it. for example: #sidebar .card { background: rgba(52, 40, 37, .77); color: #a69484; } if you copy paste that into stylus, it would let you color pick the colors for the sidebar using a colorpicker. if you have any questions let me know, and i can message you! it can be difficult to get used to, and theres still multiple aspects i don't understand. you're always learning! |
 bellicose #4957 |
|
Posted 2021-12-30 16:57:42
|
Jaxina #54114 |