summer sunday nights

my templates

my basic forum code
Code:
[div=width: 270px; height: inherit; margin: auto; font-family: arial; font-size: 11px; color: auto; text-align: justify; line-height: 11px;]
[/div]
 
Last edited by a moderator:
S

solstice

Guest
Original poster
this is where i'm gonna be testing and dumping all my stuff. hopefully i'll try to get some of my xanje/bb codes from there to here with no hassle.
with my luck though...

anyways anybody can post here but i'd rather peeps i know only do so. i might tag their names here once i find actual friends.

IMPORTANT NOTE TO SELF
display: inline-block; for aligning objects horizontally (example, see #3)

[div=display: flex] [div=flex: 1;] stacked stuff [/div] [/div] for aligning stacked objects side by side (example, see #6)

 
Last edited by a moderator:

'cause after all
TEXT

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ultrices in iaculis nunc sed augue lacus viverra vitae congue. Rhoncus urna neque viverra justo nec ultrices dui sapien. Morbi enim nunc faucibus a pellentesque. In egestas erat imperdiet sed euismod. Tortor pretium viverra suspendisse potenti nullam ac tortor vitae purus. Ut etiam sit amet nisl purus in. Posuere urna nec tincidunt praesent semper feugiat nibh sed. Dignissim enim sit amet venenatis urna cursus eget nunc scelerisque. Blandit cursus risus at ultrices mi tempus imperdiet. Tellus pellentesque eu tincidunt tortor. Sit amet consectetur adipiscing elit. Vitae aliquet nec ullamcorper sit amet risus nullam eget felis. Pellentesque pulvinar pellentesque habitant morbi tristique senectus et. Pharetra diam sit amet nisl suscipit. Laoreet sit amet cursus sit amet dictum sit. Ullamcorper sit amet risus nullam.

Facilisis gravida neque convallis a cras. Elit ullamcorper dignissim cras tincidunt. Ac turpis egestas integer eget. Metus vulputate eu scelerisque felis imperdiet proin fermentum. Nullam vehicula ipsum a arcu cursus vitae congue mauris. Vitae ultricies leo integer malesuada nunc vel. Arcu dictum varius duis at consectetur lorem. Et ultrices neque ornare aenean euismod elementum nisi quis. Mi sit amet mauris commodo quis imperdiet massa tincidunt. Non pulvinar neque laoreet suspendisse interdum. Elementum tempus egestas sed sed risus pretium.

the city never sleeps at night

Code:
[div=width: 385px; height: 275px; padding: 0px; margin: auto; background:url(BACKGROUND-IMAGE) center; background-size: cover;][div=width: 385px; height: 275px; padding: 0px; background:url(https://orig15.deviantart.net/e50c/f/2013/146/9/f/coding_by_darxsamurott-d66plxs.png);]
[div=width: 335px; height: 30px; margin-top: -10px; margin-left: 20px; font-family: gabriola; font-size: 22px; color: ivory; line-height: 30px; text-align: left; text-transform: lowercase;]TITLE PART ONE[/div] [div=width: 340px; height: 190px; padding: 5px; overflow: hidden;][div=width: 120%; height: 190px; overflow-y: scroll; margin-left: 20%; padding-right: 20%;][div=width: 150%; min-height: 200px; padding: 0px; font-family: arial; font-size: 11px; color: ivory; text-align: justify; line-height: 12px;]TEXT GOES HERE DARLING

[/div][/div][/div] [div=width: 335px; height: 30px; margin-top: 8px; margin-left: 25px; font-family: gabriola; font-size: 22px; color: ivory; line-height: 30px; text-align: right; text-transform: lowercase;]TITLE PART TWO[/div] [/div][/div][div=width: inherit; height: 9px; font-family: verdana; font-size: 10px; color: auto; text-align: center; font-variant: small-caps; text-transform: lowercase;][tooltip=template by solstice]☼[/tooltip][/div]
 
Last edited by a moderator:

DARLING
TEXT
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ultrices in iaculis nunc sed augue lacus viverra vitae congue. Rhoncus urna neque viverra justo nec ultrices dui sapien. Morbi enim nunc faucibus a pellentesque. In egestas erat imperdiet sed euismod. Tortor pretium viverra suspendisse potenti nullam ac tortor vitae purus. Ut etiam sit amet nisl purus in. Posuere urna nec tincidunt praesent semper feugiat nibh sed. Dignissim enim sit amet venenatis urna cursus eget nunc scelerisque. Blandit cursus risus at ultrices mi tempus imperdiet. Tellus pellentesque eu tincidunt tortor. Sit amet consectetur adipiscing elit. Vitae aliquet nec ullamcorper sit amet risus nullam eget felis. Pellentesque pulvinar pellentesque habitant morbi tristique senectus et. Pharetra diam sit amet nisl suscipit. Laoreet sit amet cursus sit amet dictum sit. Ullamcorper sit amet risus nullam.

Facilisis gravida neque convallis a cras. Elit ullamcorper dignissim cras tincidunt. Ac turpis egestas integer eget. Metus vulputate eu scelerisque felis imperdiet proin fermentum. Nullam vehicula ipsum a arcu cursus vitae congue mauris. Vitae ultricies leo integer malesuada nunc vel. Arcu dictum varius duis at consectetur lorem. Et ultrices neque ornare aenean euismod elementum nisi quis. Mi sit amet mauris commodo quis imperdiet massa tincidunt. Non pulvinar neque laoreet suspendisse interdum. Elementum tempus egestas sed sed risus pretium.




Code:
[div=width: 385px; height: 275px; padding: 0px; margin: auto; background:url(BACKGROUND-IMAGE); background-position: center; background-size: cover;][div=width: 385px; height: 275px; padding: 0px; background:url(https://orig15.deviantart.net/e50c/f/2013/146/9/f/coding_by_darxsamurott-d66plxs.png);]
[div=width: 250px; height:30px; margin-top: -10px; margin-left: 63px; font-family: gabriola; font-size: 22px; color:ivory; line-height: 30px; text-align: center; text-transform: lowercase;] TITLE [/div] [div=width: 257px; margin: auto;][div=border: 1px solid black; width: 75px; height: 75px; padding: 0px; margin-left: 65px; background:url(IMAGE-ONE); background-position: center; background-size: cover; display: inline-block;][/div][div=border: 1px solid black; width: 75px; height: 75px; padding: 0px; margin-left: 10px; background:url(IMAGE-TWO); background-position: center; background-size: cover; display: inline-block;"][/div][div=border: 1px solid black; width: 75px; height: 75px; padding: 0px; margin-left: 10px; background:url(IMAGE-THREE);background-position: center; background-size: cover; display: inline-block;][/div][/div] [div=width: 340px; height: 150px; padding: 5px; overflow: hidden; margin-top: -3px;][div=width: 120%; height: 150px; overflow-y: scroll; margin-left: 18%; padding-right: 20%;][div=width: 150%; min-height: 170px; padding: 0px; font-family: arial; font-size: 11px; color: ivory; text-align: justify; line-height: 12px;]TEXT GOES HERE DARLING

[/div][/div][/div]
[/div][/div] [div=width: inherit; height: 9px; font-family: verdana; font-size: 10px; color: auto; text-align: center; font-variant: small-caps; text-transform: lowercase;][tooltip=template by solstice]☼[/tooltip][/div]
 
Last edited by a moderator:

TEXT
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ultrices in iaculis nunc sed augue lacus viverra vitae congue. Rhoncus urna neque viverra justo nec ultrices dui sapien. Morbi enim nunc faucibus a pellentesque. In egestas erat imperdiet sed euismod. Tortor pretium viverra suspendisse potenti nullam ac tortor vitae purus. Ut etiam sit amet nisl purus in. Posuere urna nec tincidunt praesent semper feugiat nibh sed. Dignissim enim sit amet venenatis urna cursus eget nunc scelerisque. Blandit cursus risus at ultrices mi tempus imperdiet. Tellus pellentesque eu tincidunt tortor. Sit amet consectetur adipiscing elit. Vitae aliquet nec ullamcorper sit amet risus nullam eget felis. Pellentesque pulvinar pellentesque habitant morbi tristique senectus et. Pharetra diam sit amet nisl suscipit. Laoreet sit amet cursus sit amet dictum sit. Ullamcorper sit amet risus nullam.

Facilisis gravida neque convallis a cras. Elit ullamcorper dignissim cras tincidunt. Ac turpis egestas integer eget. Metus vulputate eu scelerisque felis imperdiet proin fermentum. Nullam vehicula ipsum a arcu cursus vitae congue mauris. Vitae ultricies leo integer malesuada nunc vel. Arcu dictum varius duis at consectetur lorem. Et ultrices neque ornare aenean euismod elementum nisi quis. Mi sit amet mauris commodo quis imperdiet massa tincidunt. Non pulvinar neque laoreet suspendisse interdum. Elementum tempus egestas sed sed risus pretium.




Code:
[div=width: 385px; height: 275px; padding: 0px; margin: auto; background:url(BACKGROUND-IMAGE); background-position: center; background-size: cover;][div=width: 385px; height: 275px; padding: 0px; background:url(https://orig15.deviantart.net/e50c/f/2013/146/9/f/coding_by_darxsamurott-d66plxs.png);]
[div=width: 257px; margin: auto;][div=border: 1px solid black; width: 75px; height: 75px; padding: 0px; background:url(IMAGE-ONE); background-position: center; background-size: cover; display: inline-block;][/div][div=border: 1px solid black; width: 75px; height: 75px; padding: 0px; margin-left: 10px; background:url(IMAGE-TWO); background-position: center; background-size: cover; display: inline-block;][/div][div=border: 1px solid black; width: 75px; height: 75px; padding: 0px; margin-left: 10px; background:url(IMAGE-THREE);background-position: center; background-size: cover; display: inline-block;][/div][/div] [div=width: 340px; height: 170px; padding: 5px; overflow: hidden; margin-top: -3px;][div=width: 120%; height: 170px; overflow-y: scroll; margin-left: 18%; padding-right: 20%;][div=width: 150%; min-height: 200px; padding: 0px; font-family: arial; font-size: 11px; color: ivory; text-align: justify; line-height: 12px;]TEXT GOES HERE DARLING

[/div][/div][/div]
[/div][/div] [div=width: inherit; height: 9px; font-family: verdana; font-size: 10px; color: auto; text-align: center; font-variant: small-caps; text-transform: lowercase;][tooltip=template by solstice]☼[/tooltip][/div]
 
Last edited by a moderator:
BC I FORGOT TO ADD FROM XANJE
Inspired by my friend and fellow ARPS member @zenith from a post on BearbonesRP





TITLE


tags
TAG - TAG - TAG - TAG - TAG - TAG - TAG - TAG - TAG - TAG - TAG - TAG - TAG - TAG - TAG - TAG - TAG

links
LINK - LINK - LINK - LINK
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ultrices in iaculis nunc sed augue lacus viverra vitae congue. Rhoncus urna neque viverra justo nec ultrices dui sapien. Morbi enim nunc faucibus a pellentesque. In egestas erat imperdiet sed euismod. Tortor pretium viverra suspendisse potenti nullam ac tortor vitae purus. Ut etiam sit amet nisl purus in. Posuere urna nec tincidunt praesent semper feugiat nibh sed. Dignissim enim sit amet venenatis urna cursus eget nunc scelerisque. Blandit cursus risus at ultrices mi tempus imperdiet. Tellus pellentesque eu tincidunt tortor. Sit amet consectetur adipiscing elit. Vitae aliquet nec ullamcorper sit amet risus nullam eget felis. Pellentesque pulvinar pellentesque habitant morbi tristique senectus et. Pharetra diam sit amet nisl suscipit. Laoreet sit amet cursus sit amet dictum sit. Ullamcorper sit amet risus nullam.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ultrices in iaculis nunc sed augue lacus viverra vitae congue. Rhoncus urna neque viverra justo nec ultrices dui sapien. Morbi enim nunc faucibus a pellentesque. In egestas erat imperdiet sed euismod. Tortor pretium viverra suspendisse potenti nullam ac tortor vitae purus. Ut etiam sit amet nisl purus in. Posuere urna nec tincidunt praesent semper feugiat nibh sed. Dignissim enim sit amet venenatis urna cursus eget nunc scelerisque. Blandit cursus risus at ultrices mi tempus imperdiet. Tellus pellentesque eu tincidunt tortor. Sit amet consectetur adipiscing elit. Vitae aliquet nec ullamcorper sit amet risus nullam eget felis. Pellentesque pulvinar pellentesque habitant morbi tristique senectus et. Pharetra diam sit amet nisl suscipit. Laoreet sit amet cursus sit amet dictum sit. Ullamcorper sit amet risus nullam.




Code:
[div=background: #eeeeee; border: 2px solid #b1b1b1; width: 393px; height: 533px; padding-left: 4px; margin: auto;]
[div=display: flex;]
[div=flex: 1;] [div=border: none; width: 100px; height: 100px; padding: 0px; margin-top: -11px; margin-left: 4px; background:url(IMAGE-ONE); background-position: center; background-size: cover;][/div] [div=border: none; width: 100px; height: 100px; padding: 0px; margin-top: 3px; margin-left: 4px; background:url(IMAGE-TWO); background-position: center; background-size: cover;][/div] [div=border: none; width: 100px; height: 100px; padding: 0px; margin-top: 3px; margin-left: 4px; background:url(IMAGE-THREE); background-position: center; background-size: cover;][/div] [div=border: none; width: 100px; height: 100px; padding: 0px; margin-top: 3px; margin-left: 4px; background:url(IMAGE-FOUR); background-position: center; background-size: cover;][/div] [div=border: none; width: 100px; height: 100px; padding: 0px; margin-top: 3px; margin-left: 4px; background:url(IMAGE-FIVE); background-position: center; background-size: cover;][/div] [/div]
[div=flex: 1;] [div=background: #ACCENT-COLOR; border: none; width: 265px; height: 12px; padding: 0px; margin-right: 9px; margin-top: -11px;][/div] [div=border: 1px solid #b1b1b1; width: 265px; height: 70px; padding: 0px; margin-right: 9px; margin-top: 3px;] [div=border: none; width: 350px; height: 65px; padding: 5px; overflow: hidden; margin-top: 0px; margin-left: -18px;][div=border: none; width: 230%; height: 65px; overflow-y: scroll; margin-left: 11%; padding-right: 5px;][div=border: none; width: 150%; min-height: 200%; padding: 0px; font-family: arial; font-size: 11px; color: black; text-align: center; line-height: 12px;] [div=width: 280px; padding: 0px; line-height: 13px; font-family: arial; font-size: 13px; color: black; text-transform: uppercase; text-align: center;] TITLE [/div]

[div=border-bottom: 1px solid #b1b1b1; width: 270px; padding: 0px; line-height: 11px; font-family: arial; font-size: 11px; color: black; text-transform: uppercase;]TAGS[/div]TAG - TAG - TAG - TAG - TAG - TAG - TAG - TAG - TAG - TAG - TAG - TAG - TAG - TAG - TAG - TAG - TAG

[div=border-bottom: 1px solid #b1b1b1; width: 270px; padding: 0px; line-height: 11px; font-family: arial; font-size: 11px; color: black; text-transform: uppercase;]LINKS[/div]LINK - LINK - LINK - LINK
[/div][/div][/div] [/div] [div=background: #ACCENT-COLOR; border: none; width: 265px; height: 12px; padding: 0px; margin-right: 9px; margin-top: 3px;][/div] [div=border: 1px solid #b1b1b1; width: 265px; height: 188px; padding: 0px; margin-right: 9px; margin-top: 3px;] [div=border: none; width: 350px; height: 181px; padding: 5px; overflow: hidden; margin-top: 0px; margin-left: -18px;][div=border: none; width: 230%; height: 181px; overflow-y: scroll; margin-left: 11%; padding-right: 5px;][div=border: none; width: 150%; min-height: 145%; padding: 0px; font-family: arial; font-size: 11px; color: black; text-align: justify; line-height: 12px;]  TEXT HERE DARLING
[/div][/div][/div] [/div] [div=background: #ACCENT-COLOR; border: none; width: 265px; height: 12px; padding: 0px; margin-right: 9px; margin-top: 3px;][/div] [div=border: 1px solid #b1b1b1; width: 265px; height: 188px; padding: 0px; margin-right: 9px; margin-top: 3px;] [div=border: none; width: 350px; height: 181px; padding: 5px; overflow: hidden; margin-top: 0px; margin-left: -18px;][div=border: none; width: 230%; height: 181px; overflow-y: scroll; margin-left: 11%; padding-right: 5px;][div=border: none; width: 150%; min-height: 145%; padding: 0px; font-family: arial; font-size: 11px; color: black; text-align: justify; line-height: 12px;]  SECOND TEXT BOX

[/div][/div][/div] [/div] [div=background: #ACCENT-COLOR; border: none; width: 265px; height: 12px; padding: 0px; margin-right: 9px; margin-top: 3px;][/div]
[/div][/div][/div] [div="border:none;width:inherit;height:9px;font-family:verdana;font-size:10px;color:auto;text-align:center;font-variant:small-caps;text-transform:lowercase;"][tooltip=template by solstice]☼[/tooltip][/div]
 
Last edited by a moderator:



here's to the hearts that ache
here's to the mess we make

Ellie Sandoval
seventeen
cisgender female
feminine pronouns
demi-heterosexual

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ultrices in iaculis nunc sed augue lacus viverra vitae congue. Rhoncus urna neque viverra justo nec ultrices dui sapien. Morbi enim nunc faucibus a pellentesque. In egestas erat imperdiet sed euismod. Tortor pretium viverra suspendisse potenti nullam ac tortor vitae purus. Ut etiam sit amet nisl purus in. Posuere urna nec tincidunt praesent semper feugiat nibh sed. Dignissim enim sit amet venenatis urna cursus eget nunc scelerisque. Blandit cursus risus at ultrices mi tempus imperdiet. Tellus pellentesque eu tincidunt tortor. Sit amet consectetur adipiscing elit. Vitae aliquet nec ullamcorper sit amet risus nullam eget felis. Pellentesque pulvinar pellentesque habitant morbi tristique senectus et. Pharetra diam sit amet nisl suscipit. Laoreet sit amet cursus sit amet dictum sit. Ullamcorper sit amet risus nullam.



Code:
[div=background: #eeeeee; border: 2px solid #b1b1b1; width: 393px; height: 327px; padding-left: 4px; margin: auto;]
[div=display: flex;]
[div=flex: 1;] [div=border: none; width: 100px; height: 100px; padding: 0px; margin-top: -11px; margin-left: 4px; background:url(IMAGE-ONE); background-position: center; background-size: cover;][/div] [div=border: none; width: 100px; height: 100px; padding: 0px; margin-top: 3px; margin-left: 4px; background:url(IMAGE-TWO); background-position: center; background-size: cover;][/div] [div=border: none; width: 100px; height: 100px; padding: 0px; margin-top: 3px; margin-left: 4px; background:url(IMAGE-THREE); background-position: center; background-size: cover;][/div] [/div]
[div=flex: 1;] [div=background: #ACCENT-COLOR; border: none; width: 265px; height: 12px; padding: 0px; margin-right: 9px; margin-top: -11px;][/div] [div=border: 1px solid #b1b1b1; width: 265px; height: 70px; padding: 0px; margin-right: 9px; margin-top: 3px;] [div=border: none; width: 350px; height: 65px; padding: 5px; overflow: hidden; margin-top: 0px; margin-left: -18px;][div=border: none; width: 230%; height: 65px; overflow-y: scroll; margin-left: 11%; padding-right: 5px;][div=border: none; width: 150%; min-height: 200%; padding: 0px; font-family: arial; font-size: 11px; color: black; text-align: right; line-height: 12px;] [div=width: 280px; padding: 0px; line-height: 10px; font-family: arial; font-size: 10px; color: black; text-transform: uppercase; text-align: left;][I]LINE OF LYRICS / QUOTES [/I][/div]
[B]First+Last Name
Age
Gender
Pronouns
Sexuality[/B]
[/div][/div][/div] [/div] [div=background: #ACCENT-COLOR; border: none; width: 265px; height: 12px; padding: 0px; margin-right: 9px; margin-top: 3px;][/div] [div=border: 1px solid #b1b1b1; width: 265px; height: 188px; padding: 0px; margin-right: 9px; margin-top: 3px;] [div=border: none; width: 350px; height: 181px; padding: 5px; overflow: hidden; margin-top: 0px; margin-left: -18px;][div=border: none; width: 230%; height: 181px; overflow-y: scroll; margin-left: 11%; padding-right: 5px;][div=border: none; width: 150%; min-height: 145%; padding: 0px; font-family: arial; font-size: 11px; color: black; text-align: justify; line-height: 12px;]  TEXT HERE DARLING
[/div][/div][/div] [/div] [div=background: #ACCENT-COLOR; border: none; width: 265px; height: 12px; padding: 0px; margin-right: 9px; margin-top: 3px;][/div]
[/div][/div][/div] [div="border:none;width:inherit;height:9px;font-family:verdana;font-size:10px;color:auto;text-align:center;font-variant:small-caps;text-transform:lowercase;"][tooltip=template by solstice]☼[/tooltip][/div]
 
Last edited by a moderator:
to do list
- to do
- to do
- to do, to do, to do, to do, to doooooooo, dododododo
- transfer xanje fancyposts:
- cabernet kinda​
- angel on fire v.2
- denim jacket
- stripes??? will be heckin difficult​
- shades
- royal
- cruella de vil
- the fools who dream; intro + form
 
Last edited by a moderator:
omf these look so good i'm in awe
also i'm gonna take note of your important note to self
because tables... tables can go away...
 
i'm blushing ty

between tables and hidden scrollies i'm mad
took me TWO HOURS to figure it all out and even still i get discombobulated
 
ITOffy2.png
do not delete this pls


name here

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ultrices in iaculis nunc sed augue lacus viverra vitae congue. Rhoncus urna neque viverra justo nec ultrices dui sapien. Morbi enim nunc faucibus a pellentesque. In egestas erat imperdiet sed euismod. Tortor pretium viverra suspendisse potenti nullam ac tortor vitae purus. Ut etiam sit amet nisl purus in. Posuere urna nec tincidunt praesent semper feugiat nibh sed. Dignissim enim sit amet venenatis urna cursus eget nunc scelerisque. Blandit cursus risus at ultrices mi tempus imperdiet. Tellus pellentesque eu tincidunt tortor. Sit amet consectetur adipiscing elit. Vitae aliquet nec ullamcorper sit amet risus nullam eget felis. Pellentesque pulvinar pellentesque habitant morbi tristique senectus et. Pharetra diam sit amet nisl suscipit. Laoreet sit amet cursus sit amet dictum sit. Ullamcorper sit amet risus nullam.





Code:
[div=width: 545px; margin: auto;]
[div=display: flex;]
[div=flex: 1;] [div=background: #COLOR-ONE; border: none; width: 245px; height: 200px; padding-top: 75px;] [div=background: #COLOR-TWO; border: 3px solid #COLOR-TWO; width: 195px; height: 50px; margin: auto; padding: 0px;] [div=padding: 0px; width: 195px; height: 50px; margin: auto; margin-top: -3px; line-height: 47px; font-family: palatino linotype; font-size: 24px; color: #FONT-COLOR; text-align: center; text-transform: lowercase; z-index: 1;][I]NAME / TITLE HERE[/I][/div][/div] [div=border: 1px solid #COLOR-TWO; width: 75px; height: 75px; padding: 0px; border-radius: 100%; margin: auto; margin-top: -63px; background:url(IMAGE); background-position: center; background-size: cover;][/div] [/div] [/div]
[div=flex:1;] [div=background: #COLOR-TWO; border: none; width: 300px; height: 200px; padding-top: 4px;] [div=border: none; width: 300px; height: 187px; padding: 5px; overflow: hidden; margin-top: 0px; margin-left: -18px;][div=border: none; width: 120%; height: 187px; overflow-y: scroll; margin-left: 11%; padding-right: 5px;][div=border: none; width: 98%; min-height: 215px; padding: 0px; font-family: arial; font-size: 11px; color: black; text-align: justify; line-height: 12px;]  TEXT HERE DARLING

[/div][/div][/div] [/div] [/div]
[/div]
[div=height: 10px; margin-top: -20px; text-align: center; font-family: verdana; font-size: 11px; color: auto; font-variant: small-caps; text-transform: lowercase;][tooltip=template by solstice]☼[/tooltip][/div][/div]
 
Last edited by a moderator:
QtFqyiB.png




Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ultrices in iaculis nunc sed augue lacus viverra vitae congue. Rhoncus urna neque viverra justo nec ultrices dui sapien. Morbi enim nunc faucibus a pellentesque. In egestas erat imperdiet sed euismod. Tortor pretium viverra suspendisse potenti nullam ac tortor vitae purus. Ut etiam sit amet nisl purus in. Posuere urna nec tincidunt praesent semper feugiat nibh sed. Dignissim enim sit amet venenatis urna cursus eget nunc scelerisque. Blandit cursus risus at ultrices mi tempus imperdiet. Tellus pellentesque eu tincidunt tortor. Sit amet consectetur adipiscing elit. Vitae aliquet nec ullamcorper sit amet risus nullam eget felis. Pellentesque pulvinar pellentesque habitant morbi tristique senectus et. Pharetra diam sit amet nisl suscipit. Laoreet sit amet cursus sit amet dictum sit. Ullamcorper sit amet risus nullam.

and more text here


Code:
[div=background: #BG-COLOR; border: none; width: 385px; height: 235px; margin: auto; ]
[div=display: flex;]
[div=flex: 1;] [div=background: #MAIN-COLOR; border: none; width: 90px; height: 210px; margin-left: 8px; margin-top: -6px; padding-top: 5px;][div=border: 1px solid #BG-COLOR; width: 80px; height: 200px; margin-left: 5px;][/div][/div] [div=border: 4px solid #MAIN-COLOR; width: 95px; height: 95px; padding: 0px; border-radius: 100%; margin-top: -152px; margin-left: 50px; background:url(IMAGE); background-position: center; background-size: cover;][/div] [/div]
[div=flex: 1;] [div=width: 240px; height: 210px; border-right: 3px solid #MAIN-COLOR; border-radius: 0px 5px 5px 0px; margin-left: -10px;][div=border: none; width: 220px; height: 210px; padding: 5px; overflow: hidden; margin-top: -7px; margin-left: -12px;][div=border: none; width: 120%; height: 220px; overflow-y: scroll; margin-left: 11%; padding-right: 0px;][div=border: none; width: 100%; min-height: 245px; padding: 0px; font-family: arial; font-size: 11px; color: black; text-align: justify; line-height: 12px;]  TEXT HERE DARLING

[/div][/div][/div][/div] [/div][/div][/div][div=height: 10px; margin-top: 0px; text-align: center; font-family: verdana; font-size: 11px; color: auto; font-variant: small-caps; text-transform: lowercase;][tooltip=template by solstice]☼[/tooltip][/div]
 
Last edited by a moderator:
  • Like
Reactions: Chizu
PvV4gWG.png



Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ultrices in iaculis nunc sed augue lacus viverra vitae congue. Rhoncus urna neque viverra justo nec ultrices dui sapien. Morbi enim nunc faucibus a pellentesque. In egestas erat imperdiet sed euismod. Tortor pretium viverra suspendisse potenti nullam ac tortor vitae purus. Ut etiam sit amet nisl purus in. Posuere urna nec tincidunt praesent semper feugiat nibh sed. Dignissim enim sit amet venenatis urna cursus eget nunc scelerisque. Blandit cursus risus at ultrices mi tempus imperdiet. Tellus pellentesque eu tincidunt tortor. Sit amet consectetur adipiscing elit. Vitae aliquet nec ullamcorper sit amet risus nullam eget felis. Pellentesque pulvinar pellentesque habitant morbi tristique senectus et. Pharetra diam sit amet nisl suscipit. Laoreet sit amet cursus sit amet dictum sit. Ullamcorper sit amet risus nullam.

and more text here



———————
'cause the
color of that
blue sky
just reminds
me of our
goodbye
———————


Code:
[div=background: #BG-COLOR; border: none; width: 400px; height: 265px; margin: auto;]
[div=display: flex;]
[div=flex: 1;] [div=border: none; width: 290px; height: 180px; padding: 5px; overflow: hidden; margin-top: 20px; margin-left: -14px;][div=border: none; width: 120%; height: 180px; overflow-y: scroll; margin-left: 10%; padding-right: 5px;][div=border: none; width: 100%; min-height: 245px; padding: 0px; font-family: arial; font-size: 10px; color: black; text-align: justify; line-height: 11px;]  TEXT HERE DARLING
[/div][/div][/div] [/div]
[div=flex: 1;] [div=background: #MAIN-COLOR; border: none; width: 112px; height: 264px; margin-top: -19px; margin-left: 0px; padding-top: 7px;] [div=border: 10px solid #MAIN-COLOR; outline: 1px solid #BG-COLOR; width: 90px; height: 90px; margin-left: 11px; background:url(IMAGE); background-position: center; background-size: cover;][/div] [div=width: 102px; height: 145px; margin-left: 5px; margin-top: 10px; line-height: 11px; font-family: arial; font-variant: small-caps; font-size: 11px; color: #e0e0e0; text-align: center; text-transform: lowercase; ]
you can add several lines of lyric, quote or information in this text box here
[/div] [/div][/div][/div][/div][div=height: 10px; margin-top: 0px; text-align: center; font-family: verdana; font-size: 11px; color: auto; font-variant: small-caps; text-transform: lowercase;][tooltip=template by solstice]☼[/tooltip][/div]
 
Last edited by a moderator:
#bf1a09
Also inspired by @zenith from BearbonesRP




spots spots spots
summary • plot • rules • links • characters

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ultrices in iaculis nunc sed augue lacus viverra vitae congue. Rhoncus urna neque viverra justo nec ultrices dui sapien. Morbi enim nunc faucibus a pellentesque. In egestas erat imperdiet sed euismod. Tortor pretium viverra suspendisse potenti nullam ac tortor vitae purus. Ut etiam sit amet nisl purus in. Posuere urna nec tincidunt praesent semper feugiat nibh sed. Dignissim enim sit amet venenatis urna cursus eget nunc scelerisque. Blandit cursus risus at ultrices mi tempus imperdiet. Tellus pellentesque eu tincidunt tortor. Sit amet consectetur adipiscing elit. Vitae aliquet nec ullamcorper sit amet risus nullam eget felis. Pellentesque pulvinar pellentesque habitant morbi tristique senectus et. Pharetra diam sit amet nisl suscipit. Laoreet sit amet cursus sit amet dictum sit. Ullamcorper sit amet risus nullam.





Code:
[div=width: 410px; margin: auto;]
[div=display: flex;]
[div=flex: 1;] [div=border: 5px solid #COLOR; width: 110px; height: 110px; padding: 0px; margin: auto; background:url(IMAGE); background-position: center; background-size: cover;][/div] [/div] 
[div=flex: 1;] [div=background: #COLOR; border: none; width: 300px; height: 65px; margin-left: 0px; line-height: 60px; font-family: palatino linotype; font-size: 27px; color: snow; text-transform: lowercase; text-align: center; text-shadow: 1.5px 1.5px 1.5px black;]NAME OR TITLE[/div] [div=background: white; border: none; width: 300px; height: 45px; margin-left: 0px; line-height: 50px; font-family: gabriola; font-size: 18px; color: black; text-align: center;] SUBTITLE [/div] [/div]
[/div] [div=display: flex;] [div=flex: 1;][div=background: #COLOR; border: none; width: 65px; height: 180px;][/div][/div] [div=flex: 1;][div=background: white; border: none; width: 45px; height: 180px;][/div][/div] [div=flex: 1;][div=background: white; border: none; width: 300px; height: 180px; padding: 0px; padding-top: 3px; ] [div=border: none; width: 300px; height: 165px; padding: 5px; overflow: hidden; margin-top: 0px; margin-left: -20px;][div=border: none; width: 120%; height: 165px; overflow-y: scroll; margin-left: 11%; padding-right: 5px;][div=border: none; width: 98%; min-height: 215px; padding: 0px; font-family: arial; font-size: 11px; color: black; text-align: justify; line-height: 11px;]  TEXT HERE DARLING

[/div][/div][/div]
 [/div][/div]
[/div][/div][div=height: 10px; margin-top: 0px; text-align: center; font-family: verdana; font-size: 11px; color: auto; font-variant: small-caps; text-transform: lowercase;][tooltip=template by solstice]☼[/tooltip][/div]
 
Last edited by a moderator:
feel the fear
background

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ultrices in iaculis nunc sed augue lacus viverra vitae congue. Rhoncus urna neque viverra justo nec ultrices dui sapien. Morbi enim nunc faucibus a pellentesque. In egestas erat imperdiet sed euismod. Tortor pretium viverra suspendisse potenti nullam ac tortor vitae purus. Ut etiam sit amet nisl purus in. Posuere urna nec tincidunt praesent semper feugiat nibh sed. Dignissim enim sit amet venenatis urna cursus eget nunc scelerisque. Blandit cursus risus at ultrices mi tempus imperdiet. Tellus pellentesque eu tincidunt tortor. Sit amet consectetur adipiscing elit. Vitae aliquet nec ullamcorper sit amet risus nullam eget felis. Pellentesque pulvinar pellentesque habitant morbi tristique senectus et. Pharetra diam sit amet nisl suscipit. Laoreet sit amet cursus sit amet dictum sit. Ullamcorper sit amet risus nullam.


plot

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ultrices in iaculis nunc sed augue lacus viverra vitae congue. Rhoncus urna neque viverra justo nec ultrices dui sapien. Morbi enim nunc faucibus a pellentesque. In egestas erat imperdiet sed euismod. Tortor pretium viverra suspendisse potenti nullam ac tortor vitae purus. Ut etiam sit amet nisl purus in. Posuere urna nec tincidunt praesent semper feugiat nibh sed. Dignissim enim sit amet venenatis urna cursus eget nunc scelerisque. Blandit cursus risus at ultrices mi tempus imperdiet. Tellus pellentesque eu tincidunt tortor. Sit amet consectetur adipiscing elit. Vitae aliquet nec ullamcorper sit amet risus nullam eget felis. Pellentesque pulvinar pellentesque habitant morbi tristique senectus et. Pharetra diam sit amet nisl suscipit. Laoreet sit amet cursus sit amet dictum sit. Ullamcorper sit amet risus nullam.

ranks

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ultrices in iaculis nunc sed augue lacus viverra vitae congue. Rhoncus urna neque viverra justo nec ultrices dui sapien. Morbi enim nunc faucibus a pellentesque. In egestas erat imperdiet sed euismod. Tortor pretium viverra suspendisse potenti nullam ac tortor vitae purus. Ut etiam sit amet nisl purus in. Posuere urna nec tincidunt praesent semper feugiat nibh sed. Dignissim enim sit amet venenatis urna cursus eget nunc scelerisque. Blandit cursus risus at ultrices mi tempus imperdiet. Tellus pellentesque eu tincidunt tortor. Sit amet consectetur adipiscing elit. Vitae aliquet nec ullamcorper sit amet risus nullam eget felis. Pellentesque pulvinar pellentesque habitant morbi tristique senectus et. Pharetra diam sit amet nisl suscipit. Laoreet sit amet cursus sit amet dictum sit. Ullamcorper sit amet risus nullam.



summary

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ultrices in iaculis nunc sed augue lacus viverra vitae congue. Rhoncus urna neque viverra justo nec ultrices dui sapien. Morbi enim nunc faucibus a pellentesque. In egestas erat imperdiet sed euismod. Tortor pretium viverra suspendisse potenti nullam ac tortor vitae purus. Ut etiam sit amet nisl purus in. Posuere urna nec tincidunt praesent semper feugiat nibh sed. Dignissim enim sit amet venenatis urna cursus eget nunc scelerisque. Blandit cursus risus at ultrices mi tempus imperdiet. Tellus pellentesque eu tincidunt tortor. Sit amet consectetur adipiscing elit. Vitae aliquet nec ullamcorper sit amet risus nullam eget felis. Pellentesque pulvinar pellentesque habitant morbi tristique senectus et. Pharetra diam sit amet nisl suscipit. Laoreet sit amet cursus sit amet dictum sit. Ullamcorper sit amet risus nullam.

rules

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ultrices in iaculis nunc sed augue lacus viverra vitae congue. Rhoncus urna neque viverra justo nec ultrices dui sapien. Morbi enim nunc faucibus a pellentesque. In egestas erat imperdiet sed euismod. Tortor pretium viverra suspendisse potenti nullam ac tortor vitae purus. Ut etiam sit amet nisl purus in. Posuere urna nec tincidunt praesent semper feugiat nibh sed. Dignissim enim sit amet venenatis urna cursus eget nunc scelerisque. Blandit cursus risus at ultrices mi tempus imperdiet. Tellus pellentesque eu tincidunt tortor. Sit amet consectetur adipiscing elit. Vitae aliquet nec ullamcorper sit amet risus nullam eget felis. Pellentesque pulvinar pellentesque habitant morbi tristique senectus et. Pharetra diam sit amet nisl suscipit. Laoreet sit amet cursus sit amet dictum sit. Ullamcorper sit amet risus nullam.

template by solstice
do it anyways


Code:
[div=background: #BG-COLOR; width: 530px; height: inherit; padding-left: 0px; padding-right: 0px; margin: auto;] [div=background:linear-gradient(LIST, HEX, COLOR/S, HERE); width: 530px; height: 45px; line-height: 40px; font-family: palatino linotype; font-size: 19px; color: #FONT-COLOR; text-align: center;] TOP TITLE [/div] [div=width: 399px; margin: auto; margin-top: 3px;] [div=width: 130px; height: 130px; background:url(IMAGE-ONE); background-position: center; background-size: 120%; display: inline-block;][/div] [div=width: 130px; height: 130px; background:url(IMAGE-TWO); background-position: center; background-size: cover; display: inline-block;][/div] [div=width: 130px; height: 130px; background:url(IMAGE-THREE); background-position: center right -14px; background-size: cover; display: inline-block;][/div] [/div] [div=background: white; width: 502px; height: 145px; margin: auto; margin-top: -3px;][div=background: none; width: 502px; height: 20px; padding-left: 15px; line-height: 30px; font-family: palatino linotype; font-size: 18px; color: #FONT-COLOR; text-align: left; font-style: italic; letter-spacing: 1.5px;] TITLE, MAIN BOX [/div]
[div=border: none; width: 495px; height: 107px; padding: 5px; overflow: hidden; margin-top: -10px; margin-left: -9px;][div=border: none; width: 120%; height: 107px; overflow-y: scroll; margin-left: 5%; padding-right: 5px;][div=border: none; width: 100%; min-height: 215px; padding: 0px; font-family: arial; font-size: 11px; color: black; text-align: justify; line-height: 11px;]  TEXT HERE DARLING, first main text box

[/div][/div][/div] [/div] [div=display: flex;]
[div=flex: 1;] [div=background: white; width: 250px; height: 240px; margin: auto; margin-left: 14px; margin-top: 2px;] [div=background: none; width: 250px; height: 20px; line-height: 30px; font-family: palatino linotype; font-size: 18px; color: #FONT-COLOR; text-align: center; font-style: italic; letter-spacing: 1.5px;] TITLE, TOP LEFT BOX [/div]
[div=border: none; width: 275px; height: 195px; padding: 5px; overflow: hidden; margin-top: -5px; margin-left: -14px;][div=border: none; width: 120%; height: 195px; overflow-y: scroll; margin-left: 11%; padding-right: 5px;][div=border: none; width: 98%; min-height: 215px; padding: 0px; font-family: arial; font-size: 11px; color: black; text-align: justify; line-height: 11px;]  TEXT HERE DARLING, top left text box

[/div][/div][/div] [/div] [div=background: white; width: 250px; height: 240px; margin: auto; margin-left: 14px; margin-top: 2px;] [div=background: none; width: 250px; height: 20px; line-height: 30px; font-family: palatino linotype; font-size: 18px; color: #FONT-COLOR; text-align: center; font-style: italic; letter-spacing: 1.5px;] TITLE, BOTTOM LEFT BOX[/div]
[div=border: none; width: 275px; height: 195px; padding: 5px; overflow: hidden; margin-top: -5px; margin-left: -14px;][div=border: none; width: 120%; height: 195px; overflow-y: scroll; margin-left: 11%; padding-right: 5px;][div=border: none; width: 98%; min-height: 215px; padding: 0px; font-family: arial; font-size: 11px; color: black; text-align: justify; line-height: 11px;]  TEXT HERE DARLING, bottom left text box

[/div][/div][/div] [/div]
[/div]
[div=flex: 1;][div=background: white; width: 250px; height: 240px; margin: auto; margin-right: 14px; margin-top: 2px;] [div=background: none; width: 250px; height: 20px; line-height: 30px; font-family: palatino linotype; font-size: 18px; color: #FONT-COLOR; text-align: center; font-style: italic; letter-spacing: 1.5px;] TITLE, TOP RIGHT BOX[/div]
[div=border: none; width: 275px; height: 195px; padding: 5px; overflow: hidden; margin-top: -5px; margin-left: -14px;][div=border: none; width: 120%; height: 195px; overflow-y: scroll; margin-left: 11%; padding-right: 5px;][div=border: none; width: 98%; min-height: 215px; padding: 0px; font-family: arial; font-size: 11px; color: black; text-align: justify; line-height: 11px;]  TEXT HERE DARLING, top right box

[/div][/div][/div] [/div] [div=background: white; width: 250px; height: 240px; margin: auto; margin-right: 14px; margin-top: 2px;] [div=background: none; width: 250px; height: 20px; line-height: 30px; font-family: palatino linotype; font-size: 18px; color: #FONT-COLOR; text-align: center; font-style: italic; letter-spacing: 1.5px;] TITLE, BOTTOM RIGHT BOX[/div]
[div=border: none; width: 275px; height: 195px; padding: 5px; overflow: hidden; margin-top: -5px; margin-left: -14px;][div=border: none; width: 120%; height: 195px; overflow-y: scroll; margin-left: 11%; padding-right: 5px;][div=border: none; width: 98%; min-height: 215px; padding: 0px; font-family: arial; font-size: 11px; color: black; text-align: justify; line-height: 11px;]  TEXT HERE DARLING, bottom right box

[/div][/div][/div] [/div] [/div] [/div] [div=background: white; width: 502px; margin: auto; margin-top: -18px; text-align: center; font-family: verdana; font-size: 11px; color: auto; font-variant: small-caps; text-transform: lowercase;]template by solstice[/div] [div=background:linear-gradient(LIST, SAME, COLOR/S, REVERSED); width: 530px; height: 45px; margin-top: 4px; line-height: 40px; font-family: palatino linotype; font-size: 19px; color: #FONT-COLOR; text-align: center;] BOTTOM TITLE [/div][/div]
 
Last edited by a moderator:
shit man i didn't think that one would turn out but it works
the whole flex think made it weird but it works
 

i may be 17 but this music speaks to me
i was born in the wrong generation
hecking unfair​
 
"playback on other websites has been disabled by the video owner" sighs
the song is nice though, i'm listening to it on youtube smhhh
and hey, maybe you weren't born in the wrong generation
because like... you're here, and able to enjoy it, and that's what matters
 
to do list
- revive old xanje roleplays​
- dragons, adv
- my marvel rp, semi/adv
- Push rp, semi/adv
-
- MORE TBA​
 
Last edited by a moderator:
Don't test my power or tempt my fury...

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ultrices in iaculis nunc sed augue lacus viverra vitae congue. Rhoncus urna neque viverra justo nec ultrices dui sapien. Morbi enim nunc faucibus a pellentesque. In egestas erat imperdiet sed euismod. Tortor pretium viverra suspendisse potenti nullam ac tortor vitae purus. Ut etiam sit amet nisl purus in. Posuere urna nec tincidunt praesent semper feugiat nibh sed. Dignissim enim sit amet venenatis urna cursus eget nunc scelerisque. Blandit cursus risus at ultrices mi tempus imperdiet. Tellus pellentesque eu tincidunt tortor. Sit amet consectetur adipiscing elit. Vitae aliquet nec ullamcorper sit amet risus nullam eget felis. Pellentesque pulvinar pellentesque habitant morbi tristique senectus et. Pharetra diam sit amet nisl suscipit. Laoreet sit amet cursus sit amet dictum sit. Ullamcorper sit amet risus nullam.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ultrices in iaculis nunc sed augue lacus viverra vitae congue. Rhoncus urna neque viverra justo nec ultrices dui sapien. Morbi enim nunc faucibus a pellentesque. In egestas erat imperdiet sed euismod. Tortor pretium viverra suspendisse potenti nullam ac tortor vitae purus. Ut etiam sit amet nisl purus in. Posuere urna nec tincidunt praesent semper feugiat nibh sed. Dignissim enim sit amet venenatis urna cursus eget nunc scelerisque. Blandit cursus risus at ultrices mi tempus imperdiet. Tellus pellentesque eu tincidunt tortor. Sit amet consectetur adipiscing elit. Vitae aliquet nec ullamcorper sit amet risus nullam eget felis. Pellentesque pulvinar pellentesque habitant morbi tristique senectus et. Pharetra diam sit amet nisl suscipit. Laoreet sit amet cursus sit amet dictum sit. Ullamcorper sit amet risus nullam.


template by solstice
... because you will lose


Code:
[div=background: #BG-COLOR; width: 530px; height: inherit; padding-left: 0px; padding-right: 0px; margin: auto;] [div=background: #TITLE-COLOR; width: 530px; height: 45px; line-height: 40px; font-family: palatino linotype; font-size: 19px; color: #FONT-COLOR; text-align: center;] TOP TITLE [/div] [div=width: 365px; margin: auto; margin-top: 3px;] [div=border: 1px solid white; width: 120px; height: 120px; background:url(IMAGE-ONE); background-position: center; background-size: cover; display: inline-block;][/div] [div=border: 1px solid white; width: 120px; height: 120px; margin-left: -1px; margin-right: -1px; background:url(IMAGE-TWO); background-position: center; background-size: cover; display: inline-block;][/div] [div=border: 1px solid white; width: 120px; height: 120px; background:url(IMAGE-THREE); background-position: center; background-size: cover; display: inline-block;][/div] [/div] [div=background: white; width: 364px; height: 215px; margin: auto; margin-top: -3px;]
[div=border: none; width: 359px; height: 200px; padding: 5px; overflow: hidden; margin-top: -10px; margin-left: -9px;][div=border: none; width: 120%; height: 200px; overflow-y: scroll; margin-left: 7%; padding-right: 5px;][div=border: none; width: 100%; min-height: 315px; padding: 0px; font-family: arial; font-size: 11px; color: black; text-align: justify; line-height: 11px;]  TEXT HERE DARLING

[/div][/div][/div] [/div] 
[div=background: white; width: 364px; margin: auto; margin-top: -20px; text-align: center; font-family: verdana; font-size: 11px; color: auto; font-variant: small-caps; text-transform: lowercase;]template by solstice[/div] [div=background: #SAME-TITLE-COLOR; width: 530px; height: 45px; margin-top: 4px; line-height: 40px; font-family: palatino linotype; font-size: 19px; color: black; text-align: center;] BOTTOM TITLE [/div][/div]
 
Last edited by a moderator: