Lessons


Lesson 1:
Making a border on THE INSIDE of a scrollbox.

For this, usually when you design a border with multiple layers. The only way I know to put a border with multiple layers on a scrollbox is on the INSIDE.

It sounds complicated sure, but it's really easy!

SO FIRSTLY:

When putting a border on the INSIDE, do not put it all the way around. You have to put it on the sides otherwise the scrollbox will look like crap.

INSTRUCTIONS:

[1] Look at the picture [below] Click to make it bigger.




[2] Okay, the red box with the arrow with '1' is showing the borders' code. Now the green boxes inside the red one have "border-left" or "border-right".

Now, I have 3 multiple layers, but there are 4 "border-lefts" and "border-rights". If you are panicking, DON'T. One of them [first code of the border layer of each group of "border-left"&"border-right"] is an INVISIBLE layer. Don't ask me why.

So the "border-left" group will stay on the left, and for the right, just keep continuing using the same pattern as the left:

e.g. <span style="border-left" 5px solid #000000 ; display : block">
<span style="border-right" 5px solid #000000 ; display : block">
DO NOT ADD ANYTHING EXTRA TO THE 'SPAN'.
The red boxes below the code are the borders and how they look. This look much nicer than putting a border on the inside! It would look pretty weird.

This is pretty much it! If you are confuzzled by my explanations, please tell me and ask in the comments. Thank you!
More lessons coming soon! If you need help with something, it could be for next lesson! So ask in comments :)

No comments:

Post a Comment