- Posting Speed
- 1-3 posts per day
- One post per day
- 1-3 posts per week
- One post per week
- Slow As Molasses
- Writing Levels
- Intermediate
- Adaptable
- Preferred Character Gender
- No Preferences
- Genres
- Anything, really! I like world development and rationale though, so, for instance, the source of magical ability and how the magic works being explained at some level.
This is just going to be me for now, playing around with what works. I'm back to Iwaku after essentially five years, so many things have changed. I have some experience with graphic design and HTML/CSS/JS however, so this should go okay.
EDIT: Things are harder than anticipated, but the challenge is fun.
I try to make all of my code mobile-friendly!
It doesn't always turn out beautiful, but everything should be readable.
Positioning
EDIT: Things are harder than anticipated, but the challenge is fun.
I try to make all of my code mobile-friendly!
It doesn't always turn out beautiful, but everything should be readable.
Things I Have Learned
Positioning
- Flexbox is your friend.
- The
position
attribute of all divs and other elements generated by the forum is alwaysrelative !important
due to how the forum is set up. (Even if you try to override it with an !important of your own.)
- If you are using
visible
for eitheroverflow-x
oroverflow-y
and something other thanvisible
for the other, thevisible
value is interpreted asauto
. [Stack Overflow]
-
Tab Width Example
-
-
content
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-
content
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ut tincidunt ligula, a faucibus orci. Maecenas libero nibh, pellentesque ac commodo sed, lobortis quis sem. Nullam feugiat facilisis ipsum id viverra. Nam mattis, purus eget dictum molestie, tortor nisi pharetra tellus, nec cursus magna justo in metus. Nullam dictum erat eget erat euismod iaculis.
-
- Code
-
Code:
[div="background-color: white; border: #777"][TABS=100] [TAB="Div Example"][div="background-color: #777; width: 100%; padding: 7px; text-align: center;"]content[/div][/TAB] [TAB="Text Example"][color="black"]Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/color] [/TAB] [/TABS][/div] [div="background-color: white; border: #777"][TABS=400] [TAB="div Example"][div="background-color: #777; width: 100%; padding: 7px; text-align: center;"]content[/div][/TAB] [TAB="Text Example"][color="black"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ut tincidunt ligula, a faucibus orci. Maecenas libero nibh, pellentesque ac commodo sed, lobortis quis sem. Nullam feugiat facilisis ipsum id viverra. Nam mattis, purus eget dictum molestie, tortor nisi pharetra tellus, nec cursus magna justo in metus. Nullam dictum erat eget erat euismod iaculis.[/color][/TAB] [/TABS][/div]
Last edited: