Mountain Siren
Among the Pines
[class name=title]
font-weight: bold;
font-size: 30pt;
letter-spacing: 5px;
text-shadow: 0px 0px 2px #e4d1e9;
position: relative;
bottom: 39px;
left: 5px;
[/class]
[class name=back]
margin: auto;
width: 300px;
height: 300px;
font-size: 10pt;
background: url('https://images.unsplash.com/photo-1497704628914-8772bb97f450?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=1886ee8844a0e5e06d323aa007c96f7c&w=1000&q=80') no-repeat;
background-size: 100%;
border: 1px solid #000000;
[/class]
[class name=cont]
margin: auto;
width: 280px;
height: 280px;
opacity: 0.27;
position: relative;
top: -55px;
background: #d9c8d5;
border: 1px solid #000000;
[/class]
[class name=cont2]
margin: auto;
width: 280px;
height: 275px;
position: relative;
bottom: 332px;
left: 10px;
[/class]
[class name=ScrollP]
width: 280px;
height: 275px;
box-sizing: border-box;
overflow: hidden;
padding: 0px;
padding-left: 0px;
[/class]
[class name=ScrollC]
width: 280px;
height: 100%;
overflow-y: scroll;
padding-right: 60px;
[/class]
[div class=back][div class=title]Welcome[/div][div class=cont][/div][div class=cont2][div class=ScrollP][div class=ScrollC]
[div class=back][div class=title]Welcome[/div][div class=cont][/div][div class=cont2][div class=ScrollP][div class=ScrollC]
Hello! I just want to say right off the start that everyone in this center has been super duper helpful in understanding how to code pretty things, and maybe with lots and lots and lots and lots of practice I can maybe get on your level. That being said, I needed somewhere public to post my codes so that people would see them and maybe 1. help me out by giving me feedback/criticism/etc, and 2. let me know if they want me to make anything for them because honest to goodness I want all the practice I can get.
So, some things to be said: I don't know that anything is mobile friendly, because I only use my computer to make these things. So if they aren't, I'm sorry! If someone wanted to teach me how, that'd be awesome, but in the meantime, they really only work for sure (I think) on an actual computer. Secondly, if anyone wants to use something, feel free! Just PM me and I can adjust things for you to make it fit your purposes. Third, if anyone likes anything, please let me know! Like it, leave a comment, PM, whatever you want to do. I'm aware that there are MUCH better codes on this forum, so really any validation that I'm not making trash is really appreciated.
Thank you everyone for your consideration! (PS: none of these images are mine)
Requests:
What: Post template, Character Sheet, something else?
Color Scheme: Any images you want in there? Any specific colors?
Style: What kind of aesthetic do you want?
Elements: Any specific elements you want? Tabs, invisible scrolling, accordions, animations, that sort of thing?
[/div][/div][/div][/div]So, some things to be said: I don't know that anything is mobile friendly, because I only use my computer to make these things. So if they aren't, I'm sorry! If someone wanted to teach me how, that'd be awesome, but in the meantime, they really only work for sure (I think) on an actual computer. Secondly, if anyone wants to use something, feel free! Just PM me and I can adjust things for you to make it fit your purposes. Third, if anyone likes anything, please let me know! Like it, leave a comment, PM, whatever you want to do. I'm aware that there are MUCH better codes on this forum, so really any validation that I'm not making trash is really appreciated.
Thank you everyone for your consideration! (PS: none of these images are mine)
Requests:
What: Post template, Character Sheet, something else?
Color Scheme: Any images you want in there? Any specific colors?
Style: What kind of aesthetic do you want?
Elements: Any specific elements you want? Tabs, invisible scrolling, accordions, animations, that sort of thing?
Last edited: