knotofjupiter
๐๐๐ ๐๐ ๐๐๐๐ ๐๐ ๐๐๐๐๐๐๐๐๐
would someone be able to advise me on how I can make this code a little bit easier to work with so I'm not fighting so much the alignment when putting in new items? I would appreciate it!
e.g. I'd like the title to be above the first/thinner container, not halfway through it ;w;
punch-wasted
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque facilisis quam sit amet maximus interdum. Cras felis justo, elementum ut sollicitudin et, condimentum at erat. Nulla risus mauris, consequat ut ipsum et, cursus gravida urna. Vivamus vulputate condimentum dolor a cursus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aenean scelerisque semper risus, in vulputate sem venenatis at. Suspendisse sed lectus bibendum, malesuada arcu et, laoreet magna. Ut nec tellus convallis, porta dui at, interdum nisl. Sed sem lorem, convallis id eleifend ac, vestibulum at tellus. Donec in nibh diam. Mauris vitae ante placerat, consectetur velit nec, interdum neque. Integer vitae sem ac felis vulputate interdum eget at nisl. In a tortor gravida, molestie justo sit amet, rutrum enim. Donec volutpat maximus justo non tincidunt.
Pellentesque sed neque in massa tristique faucibus. Donec commodo, mi et porttitor molestie, nisl nunc tincidunt magna, eget posuere mi libero quis ipsum. Aenean convallis turpis quis ipsum tincidunt, eu porta enim laoreet. Nullam porta lorem id risus eleifend porta. Fusce lacinia iaculis euismod. Sed consectetur imperdiet tincidunt. In nec tincidunt urna. Donec vestibulum, dui at sagittis elementum, urna nunc sodales magna, et pretium metus nunc at nisl. In ultricies, lorem id convallis rhoncus, nisi metus pellentesque leo, ut sollicitudin tellus quam in erat. Nulla viverra felis ut tempus malesuada.
Sed tempus arcu convallis odio porta varius. Nam a velit in libero euismod imperdiet elementum quis tortor. Nulla vehicula lectus vel metus vehicula, ut scelerisque urna luctus. Donec et commodo elit. Sed molestie felis magna, eget tempus arcu luctus vel. Mauris vulputate euismod rhoncus. Pellentesque pretium arcu sed scelerisque finibus. Nullam mattis porttitor nisl. Nulla vitae porttitor ex. Ut semper sit amet velit id iaculis. Sed vestibulum egestas metus, at molestie augue dapibus id. Nunc faucibus, dolor sit amet rutrum consequat, odio velit molestie urna, sit amet blandit metus sem vitae lorem. Integer fringilla nunc in facilisis auctor.
For example. For example. For example. For example. For example. For example. For example. For example. For example. For example.
For example. For example. For example. For example. For example. For example. For example. For example. For example. For example.
e.g. I'd like the title to be above the first/thinner container, not halfway through it ;w;
punch-wasted
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque facilisis quam sit amet maximus interdum. Cras felis justo, elementum ut sollicitudin et, condimentum at erat. Nulla risus mauris, consequat ut ipsum et, cursus gravida urna. Vivamus vulputate condimentum dolor a cursus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aenean scelerisque semper risus, in vulputate sem venenatis at. Suspendisse sed lectus bibendum, malesuada arcu et, laoreet magna. Ut nec tellus convallis, porta dui at, interdum nisl. Sed sem lorem, convallis id eleifend ac, vestibulum at tellus. Donec in nibh diam. Mauris vitae ante placerat, consectetur velit nec, interdum neque. Integer vitae sem ac felis vulputate interdum eget at nisl. In a tortor gravida, molestie justo sit amet, rutrum enim. Donec volutpat maximus justo non tincidunt.
Pellentesque sed neque in massa tristique faucibus. Donec commodo, mi et porttitor molestie, nisl nunc tincidunt magna, eget posuere mi libero quis ipsum. Aenean convallis turpis quis ipsum tincidunt, eu porta enim laoreet. Nullam porta lorem id risus eleifend porta. Fusce lacinia iaculis euismod. Sed consectetur imperdiet tincidunt. In nec tincidunt urna. Donec vestibulum, dui at sagittis elementum, urna nunc sodales magna, et pretium metus nunc at nisl. In ultricies, lorem id convallis rhoncus, nisi metus pellentesque leo, ut sollicitudin tellus quam in erat. Nulla viverra felis ut tempus malesuada.
Sed tempus arcu convallis odio porta varius. Nam a velit in libero euismod imperdiet elementum quis tortor. Nulla vehicula lectus vel metus vehicula, ut scelerisque urna luctus. Donec et commodo elit. Sed molestie felis magna, eget tempus arcu luctus vel. Mauris vulputate euismod rhoncus. Pellentesque pretium arcu sed scelerisque finibus. Nullam mattis porttitor nisl. Nulla vitae porttitor ex. Ut semper sit amet velit id iaculis. Sed vestibulum egestas metus, at molestie augue dapibus id. Nunc faucibus, dolor sit amet rutrum consequat, odio velit molestie urna, sit amet blandit metus sem vitae lorem. Integer fringilla nunc in facilisis auctor.
For example. For example. For example. For example. For example. For example. For example. For example. For example. For example.
For example. For example. For example. For example. For example. For example. For example. For example. For example. For example.
Code:
[comment]
=== ๐๐๐ฌ๐ข๐ ๐ง๐๐ ๐๐ง๐ ๐๐จ๐๐๐ ๐๐ฒ ๐ค๐ง๐จ๐ญ๐จ๐๐ฃ๐ฎ๐ฉ๐ข๐ญ๐๐ซ! ===
=== this isn't for public use, and I have no idea what I'm doing ===
=== so if you end up copping this, I can't help you! ===
=== สเธโข แดฅ โขสเธ ===
/* ๐๐๐๐๐๐ ๐๐๐๐๐๐๐๐๐ / ๐๐๐๐ ๐๐๐๐๐, make the overall work area bigger or smaller here */
[/comment]
[border= transparent; position: relative; margin: 0 auto; padding: 0; height: fit-content; width: 100%; max-width: 670px;]
[comment]
/* ๐๐๐๐๐๐ ๐๐๐๐๐ ๐๐๐ ๐๐๐๐๐, top space and header font information
if there is too much space between the top of this space and the post, adjust the margin here!!! */
[/comment]
[border= transparent; position: relative; margin: 0 auto; width: 100%; max-width: 670px; height: 50px; padding: 10px; font-size: 50px; line-height: 100%; text-transform: uppercase; text-align: center;][comment]
/* ๐๐๐๐ ๐๐๐๐๐๐ */ [/comment][font=Yeseva One]
punch-wasted
[/font][/border][comment]
/* ๐๐๐๐ ๐๐๐๐๐๐๐๐๐, make adjusts to its looks here */
[/comment]
[border= transparent; position: relative: margin: 0 auto; width: 100%; max-width: 650px; height: 30px; padding: 10px; font-size: 12; line-height: auto; text-transform: uppercase; background-image: linear-gradient(50deg, #936052, #e5d2cb);]
[/border][comment]
=== ๐๐๐๐ ๐๐๐ ===
[/comment]
[border= transparent;
position: relative;
margin: 0 auto;
padding: 0 25px 0 25px;
max-width: 650px;
height: fit-content;
border-radius: 2px;
background-image: linear-gradient(50deg, #936052, #e5d2cb);
font-size: 12px;
line-height: 16px;
text-align: justify;][font=Karla]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque facilisis quam sit amet maximus interdum. Cras felis justo, elementum ut sollicitudin et, condimentum at erat. Nulla risus mauris, consequat ut ipsum et, cursus gravida urna. Vivamus vulputate condimentum dolor a cursus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aenean scelerisque semper risus, in vulputate sem venenatis at. Suspendisse sed lectus bibendum, malesuada arcu et, laoreet magna. Ut nec tellus convallis, porta dui at, interdum nisl. Sed sem lorem, convallis id eleifend ac, vestibulum at tellus. Donec in nibh diam. Mauris vitae ante placerat, consectetur velit nec, interdum neque. Integer vitae sem ac felis vulputate interdum eget at nisl. In a tortor gravida, molestie justo sit amet, rutrum enim. Donec volutpat maximus justo non tincidunt.
Pellentesque sed neque in massa tristique faucibus. Donec commodo, mi et porttitor molestie, nisl nunc tincidunt magna, eget posuere mi libero quis ipsum. Aenean convallis turpis quis ipsum tincidunt, eu porta enim laoreet. Nullam porta lorem id risus eleifend porta. Fusce lacinia iaculis euismod. Sed consectetur imperdiet tincidunt. In nec tincidunt urna. Donec vestibulum, dui at sagittis elementum, urna nunc sodales magna, et pretium metus nunc at nisl. In ultricies, lorem id convallis rhoncus, nisi metus pellentesque leo, ut sollicitudin tellus quam in erat. Nulla viverra felis ut tempus malesuada.
Sed tempus arcu convallis odio porta varius. Nam a velit in libero euismod imperdiet elementum quis tortor. Nulla vehicula lectus vel metus vehicula, ut scelerisque urna luctus. Donec et commodo elit. Sed molestie felis magna, eget tempus arcu luctus vel. Mauris vulputate euismod rhoncus. Pellentesque pretium arcu sed scelerisque finibus. Nullam mattis porttitor nisl. Nulla vitae porttitor ex. Ut semper sit amet velit id iaculis. Sed vestibulum egestas metus, at molestie augue dapibus id. Nunc faucibus, dolor sit amet rutrum consequat, odio velit molestie urna, sit amet blandit metus sem vitae lorem. Integer fringilla nunc in facilisis auctor.
[row]
[border= transparent; position: relative; margin: 0 0 0 -7px; padding: 0;][column=span4]
For example. For example. For example. For example. For example. For example. For example. For example. For example. For example.
[/column][/border]
[border= transparent; position: relative; margin: 0 -11px; 0 0; padding: 0;][column=span4]
For example. For example. For example. For example. For example. For example. For example. For example. For example. For example.
[/column][/border][/row][/font][row][border= transparent; position: relative; margin: 0 -11px; 0 0; padding: 0;][/border]
[/row][/border][/border][/comment]
Last edited: