Replies

Dec 30, 2015 10 years ago
Eiji
is a pumpkin punisher
User Avatar
Ash Lynx

Okay, so... To say that I'm CSS-illiterate is being kind. I finally want to put work into my profile (and my pet pages, but I suppose that'll come a little later), and I've read every guide I could find and played around with things for about two hours now, but I just do't know what I'm doing. If someone could help me out, like super dumb it down, I would be very, very appreciative.

Thanks. :)

[egg=Eiji] | [tot=Eiji] | [tp=Eiji]
[img align=center]https://i.imgur.com/eo6ncNI.jpg?1[/img][/center]

Jan 1, 2016 10 years ago
Silverfish
is a survivor
User Avatar
Xingese

Super dumbed down theory:

(apologies if it turns out more confusing than less, typing with a bit of a headache lol)

Every page is made out of a bunch of elements. There are different types of them but you can more or less imagine them as a lot of differently sized boxes that fit to inside and next to each other and they may contain text or images or other boxes that might in turn have other things inside of them... etc. Skeleton of a page is written in HTML, which determines how many boxes are there and how they are stacked next to or inside each other, ie say there is a header and two div elements under it, first div (that you named sth like 'aaaa' because that's a thing you can do, give things unique 'id's) only has some text, inside the other one ('bbbb') there are two images and a table and inside that table three links, one of them also an image... Okay but raw html is like you just typed the text and links into notepad, it doesn't look nice, so you write some CSS code to make it prettier. Now the 'aaaa' div has purple font, pink background and a 2px wide border, the second one, 'bbbb' is 500px wide, floats 20px to the left as opposed to hugging the edge of the browser, blue font, no border but the links are green. Or, you know. Something not actually hideous. Note that because you gave them a name they were easy to code, you just wrote something like {color:purple; background-color:pink; border: solid 2px;} {color:blue; width:500px; position:absolute; left: 20px; whatever else I said it is, etc xP} a {color: green;} and the browser immediately knows what you meant.

NOW, that holds true if you are writing your own webpage. But for subeta profiles Keith or grelca or whoever already put all those elements in there and you are somewhat limited in what you can do and have to work with (or around) what you are given. Aka html skeleton was already done by someone else, that structure you can't really touch much, all you can do is change how it all looks or where it shows with css. Well, that and toss some of it out, usually doing something like {display: none;} But not much in adding completely new stuff.

The good news is that all of those elements usually have names and classes already you can use to refer to them. And that because of how CSS language works any new code you write will take priority over subeta's original code 95% of the time and there is also a way to make it behave the other 5% of the time. The bad news is that you need to find out what they are if you want to achieve anything. The good news again is that if you dig through all of those threads and tutorials someone probably already did all of that for you and put it in a form of a nice graphic. or you can look all of it yourself either by looking at the source code of the page or right clicking on the bit you are curious about and choosing 'inspect element' or something similar.

And voila, once you know what the hell it's called you can make it purple or striped or disappear altogether. Because all of those fantasy novels were right apparently and True Names have power. Or sth. Repeat ad infinitum until the profile looks exatly like you wanted it to. So yeah, that's how it works. In general. Though as to how make something that is actually aesthetically pleasing don't ask ME XD

Art by p-sebae ❤️
| | -Night Mode- Shengui Guo Custom CSS [v2.0]

Looking to adopt a December 31st, 1969 glitched date pet

Jan 2, 2016 10 years ago
Eiji
is a pumpkin punisher
User Avatar
Ash Lynx

Hot dog! That's actually super duper helpful, thank you so much! I think I can go forward with this, or at least have a better grasp on things.

Thank you again!!

[egg=Eiji] | [tot=Eiji] | [tp=Eiji]
[img align=center]https://i.imgur.com/eo6ncNI.jpg?1[/img][/center]

Please log in to reply to this topic.