What's new

THE BIRD'S CAGE | tou's storage

toucant

crispy
hi yall! yet again another feralfront refugee hoping to find a home in a new site. so far everything is pretty cool and I like it here so far! with ff closing, I guess now is a good time as any to mark the beginning of a new chapter. rpnation, be prepared for a whole lot of new characters from yours truly! as I get used to the coding, I will likely edit this first post to allow for a table of contents/list and such as well as to make it all pretty.

started october 23rd, 2020.
 
big block cs code

toucant

crispy
YOON JEONGHAN

Name
Sexuality
Gender
Occupation
PRETTY
DARK
PERSONALITY
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin viverra tortor purus, id hendrerit enim dictum at. Nunc scelerisque eros mauris, ac tincidunt sem euismod at. Sed mollis sollicitudin enim, ut sollicitudin urna mollis et. Duis a risus quam. Mauris ultricies vehicula erat, eu tempus risus iaculis vitae.

Fusce id eros in eros dapibus finibus. Sed vel imperdiet velit, ac auctor eros. Suspendisse potenti. Curabitur dapibus metus et tellus accumsan feugiat. Donec est velit, porttitor vitae dignissim at, sollicitudin ac diam. Pellentesque condimentum augue eu magna facilisis, a ultricies felis ornare. Phasellus sit amet neque nisl. Maecenas fringilla,

lorem et pharetra efficitur, justo urna consectetur erat, et porta dui libero vel tortor. Praesent vehicula, ipsum euismod consequat aliquet, sapien purus dapibus urna, sit amet tempus libero arcu eu quam. Aliquam nec turpis nisi. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc porta mauris ex, non venenatis augue porta eu. Aliquam nibh sem, gravida non nulla nec, lacinia volutpat magna. Mauris semper massa eu turpis pulvinar semper

BIOGRAPHY
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin viverra tortor purus, id hendrerit enim dictum at. Nunc scelerisque eros mauris, ac tincidunt sem euismod at. Sed mollis sollicitudin enim, ut sollicitudin urna mollis et. Duis a risus quam. Mauris ultricies vehicula erat, eu tempus risus iaculis vitae.

Fusce id eros in eros dapibus finibus. Sed vel imperdiet velit, ac auctor eros. Suspendisse potenti. Curabitur dapibus metus et tellus accumsan feugiat. Donec est velit, porttitor vitae dignissim at, sollicitudin ac diam. Pellentesque condimentum augue eu magna facilisis, a ultricies felis ornare. Phasellus sit amet neque nisl. Maecenas fringilla,

lorem et pharetra efficitur, justo urna consectetur erat, et porta dui libero vel tortor. Praesent vehicula, ipsum euismod consequat aliquet, sapien purus dapibus urna, sit amet tempus libero arcu eu quam. Aliquam nec turpis nisi. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc porta mauris ex, non venenatis augue porta eu. Aliquam nibh sem, gravida non nulla nec, lacinia volutpat magna. Mauris semper massa eu turpis pulvinar semper

LIKES
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin viverra tortor purus, id hendrerit enim dictum at. Nunc scelerisque eros mauris, ac tincidunt sem euismod at. Sed mollis sollicitudin enim, ut sollicitudin urna mollis et. Duis a risus quam. Mauris ultricies vehicula erat, eu tempus risus iaculis vitae. Fusce id eros in eros dapibus finibus. Sed vel imperdiet velit, ac auctor eros. Suspendisse potenti. Curabitur dapibus metus et tellus accumsan feugiat.

Donec est velit, porttitor vitae dignissim at, sollicitudin ac diam. Pellentesque condimentum augue eu magna facilisis, a ultricies felis ornare. Phasellus sit amet neque nisl. Maecenas fringilla,

lorem et pharetra efficitur, justo urna consectetur erat, et porta dui libero vel tortor. Praesent vehicula, ipsum euismod consequat aliquet, sapien purus dapibus urna, sit amet tempus libero arcu eu quam. Aliquam nec turpis nisi. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc porta mauris ex, non venenatis augue porta eu. Aliquam nibh sem, gravida non nulla nec, lacinia volutpat magna. Mauris semper massa eu turpis pulvinar semper

DISLIKES
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin viverra tortor purus, id hendrerit enim dictum at. Nunc scelerisque eros mauris, ac tincidunt sem euismod at. Sed mollis sollicitudin enim, ut sollicitudin urna mollis et. Duis a risus quam. Mauris ultricies vehicula erat, eu tempus risus iaculis vitae. Fusce id eros in eros dapibus finibus. Sed vel imperdiet velit, ac auctor eros. Suspendisse potenti. Curabitur dapibus metus et tellus accumsan feugiat.

Donec est velit, porttitor vitae dignissim at, sollicitudin ac diam. Pellentesque condimentum augue eu magna facilisis, a ultricies felis ornare. Phasellus sit amet neque nisl. Maecenas fringilla,

lorem et pharetra efficitur, justo urna consectetur erat, et porta dui libero vel tortor. Praesent vehicula, ipsum euismod consequat aliquet, sapien purus dapibus urna, sit amet tempus libero arcu eu quam. Aliquam nec turpis nisi. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc porta mauris ex, non venenatis augue porta eu. Aliquam nibh sem, gravida non nulla nec, lacinia volutpat magna. Mauris semper massa eu turpis pulvinar semper

© pasta



Code:
[border=0px;width:830px;margin:auto;][border=0px;width:210px;float:left;][bg=0px;width:210px;height:260px;background:#111;][border=0px;float:left;width:210px;margin-top:5px;margin-left:15px;][border=transparent;border-top:3px solid #94aab5;width:30px;][/border][border=0px;color:#fff;font-size:15px;font-family:Arial;margin-left:-10px;margin-top:-30px;][b]YOON JEONGHAN[/b][/border][/border]
[border=0px;height:170px;width:170px;background:url('https://66.media.tumblr.com/0fb105b4433d2ed1d2c8c2b8251445a5/ebe3138839ccee11-88/s250x400/a92ae4a29853c48818fca0524d51422f8a235a76.png');background-size:100%;margin:30px 10px;;][bg=0px;background:rgba(28, 60, 77, 0.6);height:170px;width:170px;][/bg][/border][/bg][bg=0px;background:#222;height:170px;width:210px;color:#fff;font-size:12px;][bg=0px;height:10px;width:170px;background:#94aab5;line-height:10px;;margin:10px 10px;][bg=0px;width:30px;float:left;][fa] fa-user [/fa][/bg][bg=0px;width:140px;height:10px;background:#666;float:left;font-famly:Arial;]Name[/bg][/bg][bg=0px;height:10px;width:170px;background:#94aab5;line-height:10px;;margin:10px 10px;][bg=0px;width:30px;float:left;][fa] fa-heart [/fa][/bg][bg=0px;width:140px;height:10px;background:#666;float:left;font-famly:Arial;]Sexuality[/bg][/bg][bg=0px;height:10px;width:170px;background:#94aab5;line-height:10px;;margin:10px 10px;][bg=0px;width:30px;float:left;][fa] fa-mars[/fa][/bg][bg=0px;width:140px;height:10px;background:#666;float:left;font-famly:Arial;]Gender[/bg][/bg][bg=0px;height:10px;width:170px;background:#94aab5;line-height:10px;;margin:10px 10px;][bg=0px;width:30px;float:left;][fa] fa-dollar-sign [/fa][/bg][bg=0px;width:140px;height:10px;background:#666;float:left;font-famly:Arial;]Occupation[/bg][/bg][/bg][bg=0px;height:100px;width:210px;background:#111;float:left;margin-top:10px;][border=0px;color:#fff;font-size:40px;font-family:Arial;line-height:30px;margin-top:10px;][b]PRETTY
DARK[/b][/border][/bg][/border][border=0px;width:520px;float:left;][bg=0px;height:250px;width:520px;background:#394952;padding:30px 30px;][border=transparent;border-top:3px solid #94aab5;width:30px;][/border][border=0px;color:#fff;font-size:15px;font-family:Arial;margin-left:-10px;margin-top:-30px;][b]PERSONALITY[/b][/border][bg=transparent;overflow:hidden; height:200x; width:540px; padding:0px 0px;][bg=transparent;height:200px;width:540px;margin:0px 0px; overflow:auto;color:#fff;font-size:11px;text-align:justify;line-height:14px;letter-spacing:0.5px;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin viverra tortor purus, id hendrerit enim dictum at. Nunc scelerisque eros mauris, ac tincidunt sem euismod at. Sed mollis sollicitudin enim, ut sollicitudin urna mollis et. Duis a risus quam. Mauris ultricies vehicula erat, eu tempus risus iaculis vitae.

Fusce id eros in eros dapibus finibus. Sed vel imperdiet velit, ac auctor eros. Suspendisse potenti. Curabitur dapibus metus et tellus accumsan feugiat. Donec est velit, porttitor vitae dignissim at, sollicitudin ac diam. Pellentesque condimentum augue eu magna facilisis, a ultricies felis ornare. Phasellus sit amet neque nisl. Maecenas fringilla,

lorem et pharetra efficitur, justo urna consectetur erat, et porta dui libero vel tortor. Praesent vehicula, ipsum euismod consequat aliquet, sapien purus dapibus urna, sit amet tempus libero arcu eu quam. Aliquam nec turpis nisi. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc porta mauris ex, non venenatis augue porta eu. Aliquam nibh sem, gravida non nulla nec, lacinia volutpat magna. Mauris semper massa eu turpis pulvinar semper

[/bg][/bg][/bg][bg=0px;height:210px;width:520px;background:#333;float:left;padding:30px;margin-top:10px;][border=transparent;border-top:3px solid #94aab5;width:30px;][/border][border=0px;color:#fff;font-size:15px;font-family:Arial;margin-left:-10px;margin-top:-30px;][b]BIOGRAPHY[/b][/border][bg=transparent;overflow:hidden; height:160x; width:540px; padding:0px 0px;][bg=transparent;height:160px;width:540px;margin:0px 0px; overflow:auto;color:#fff;font-size:11px;text-align:justify;line-height:14px;letter-spacing:0.5px;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin viverra tortor purus, id hendrerit enim dictum at. Nunc scelerisque eros mauris, ac tincidunt sem euismod at. Sed mollis sollicitudin enim, ut sollicitudin urna mollis et. Duis a risus quam. Mauris ultricies vehicula erat, eu tempus risus iaculis vitae.

Fusce id eros in eros dapibus finibus. Sed vel imperdiet velit, ac auctor eros. Suspendisse potenti. Curabitur dapibus metus et tellus accumsan feugiat. Donec est velit, porttitor vitae dignissim at, sollicitudin ac diam. Pellentesque condimentum augue eu magna facilisis, a ultricies felis ornare. Phasellus sit amet neque nisl. Maecenas fringilla,

lorem et pharetra efficitur, justo urna consectetur erat, et porta dui libero vel tortor. Praesent vehicula, ipsum euismod consequat aliquet, sapien purus dapibus urna, sit amet tempus libero arcu eu quam. Aliquam nec turpis nisi. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc porta mauris ex, non venenatis augue porta eu. Aliquam nibh sem, gravida non nulla nec, lacinia volutpat magna. Mauris semper massa eu turpis pulvinar semper

[/bg][/bg][/bg][/border][border=0px;height:200px;width:250px;background:#58666e;float:left;][border=180px;width:230px;][border=transparent;border-top:3px solid #94aab5;width:30px;][/border][border=0px;color:#fff;font-size:15px;font-family:Arial;margin-left:-10px;margin-top:-30px;][b]LIKES[/b][/border][bg=transparent;overflow:hidden; height:130x; width:245px; padding:0px 0px;][bg=transparent;height:130px;width:245px;margin:0px 0px; overflow:auto;color:#fff;font-size:11px;text-align:justify;line-height:14px;letter-spacing:0.5px;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin viverra tortor purus, id hendrerit enim dictum at. Nunc scelerisque eros mauris, ac tincidunt sem euismod at. Sed mollis sollicitudin enim, ut sollicitudin urna mollis et. Duis a risus quam. Mauris ultricies vehicula erat, eu tempus risus iaculis vitae. Fusce id eros in eros dapibus finibus. Sed vel imperdiet velit, ac auctor eros. Suspendisse potenti. Curabitur dapibus metus et tellus accumsan feugiat.

Donec est velit, porttitor vitae dignissim at, sollicitudin ac diam. Pellentesque condimentum augue eu magna facilisis, a ultricies felis ornare. Phasellus sit amet neque nisl. Maecenas fringilla,

lorem et pharetra efficitur, justo urna consectetur erat, et porta dui libero vel tortor. Praesent vehicula, ipsum euismod consequat aliquet, sapien purus dapibus urna, sit amet tempus libero arcu eu quam. Aliquam nec turpis nisi. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc porta mauris ex, non venenatis augue porta eu. Aliquam nibh sem, gravida non nulla nec, lacinia volutpat magna. Mauris semper massa eu turpis pulvinar semper

[/bg][/bg][/border][/border][border=0px;height:200px;width:250px;background:#111;float:left;][border=0px;height:160px;width:210px;margin:10px 10px;background:url('https://66.media.tumblr.com/be3fc450b864dc43a179c633c9488858/tumblr_pyj9bjymkO1xgbfm0o2_250.jpg');background-size:100%;][bg=0px;background:rgba(28, 60, 77, 0.6);height:160px;width:210px;][/bg][/border][/border][border=0px;height:200px;width:250px;background:#58666e;float:left;][border=180px;width:230px;][border=transparent;border-top:3px solid #94aab5;width:30px;][/border][border=0px;color:#fff;font-size:15px;font-family:Arial;margin-left:-10px;margin-top:-30px;][b]DISLIKES[/b][/border][bg=transparent;overflow:hidden; height:130x; width:245px; padding:0px 0px;][bg=transparent;height:130px;width:245px;margin:0px 0px; overflow:auto;color:#fff;font-size:11px;text-align:justify;line-height:14px;letter-spacing:0.5px;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin viverra tortor purus, id hendrerit enim dictum at. Nunc scelerisque eros mauris, ac tincidunt sem euismod at. Sed mollis sollicitudin enim, ut sollicitudin urna mollis et. Duis a risus quam. Mauris ultricies vehicula erat, eu tempus risus iaculis vitae. Fusce id eros in eros dapibus finibus. Sed vel imperdiet velit, ac auctor eros. Suspendisse potenti. Curabitur dapibus metus et tellus accumsan feugiat.

Donec est velit, porttitor vitae dignissim at, sollicitudin ac diam. Pellentesque condimentum augue eu magna facilisis, a ultricies felis ornare. Phasellus sit amet neque nisl. Maecenas fringilla,

lorem et pharetra efficitur, justo urna consectetur erat, et porta dui libero vel tortor. Praesent vehicula, ipsum euismod consequat aliquet, sapien purus dapibus urna, sit amet tempus libero arcu eu quam. Aliquam nec turpis nisi. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc porta mauris ex, non venenatis augue porta eu. Aliquam nibh sem, gravida non nulla nec, lacinia volutpat magna. Mauris semper massa eu turpis pulvinar semper

[/bg][/bg][/border][/border][border=0px;width:790px;height:30px;background:#222;float:left;line-height:30px;text-align:center;color:#fff;font-size:13px;][b]© pasta[/b][/border][/border]
 
Last edited:
pantone code

toucant

crispy

home
one
two
three
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

    Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

    Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
    pantone
    ®

    #d0bcbb
    Christopher Davis


coded by weldherwings.

Code:
[comment]

‧͙⁺˚*・༓☾ coded by weldherwings ☽༓・*˚⁺‧͙

font-family for tabs+pantone: Montserrat
background color: #d0bcbb
font-family in scroll: Karla
1st tab image: [URL]https://i.pinimg.com/564x/a2/fa/3b/a2fa3bba27950acef72cc40943f9033a.jpg[/URL]

PLEASE DO NOT MESS WITH THE ROTATE AS IT WILL YEET THE TABS!
[/comment][border=0px; cursor: url(https://66.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_75sq.png), auto!important;width:450px; height:420px;position:relative;margin:auto;][border=0px;width:400px;height:420px;pointer-events:none;background:#d0bcbb;opacity:1;position:absolute;top:-10px; left:20px;
;][/border]
[border=0px; transform:rotate(90deg); margin-top:90px; margin-left:215px; width:280px;][border=0px;width:290px;height:215px;pointer-events:none; position:absolute;top:-5px;font-size:10px;font-family:Montserrat;text-transform:uppercase;letter-spacing:1px;color:black;z-index:2;background:#d0bcbb;][border=0px; width:50px; height:10px; text-align:center;display:inline-block; ]home[/border][border=0px; width:40px; height:10px; text-align:center;display:inline-block;]one[/border][border=0px; width:40px; height:10px; text-align:center;display:inline-block;]two[/border][border=0px; width:40px; height:10px; text-align:center;display:inline-block;]three[/border][/border][tabs]

[comment]
‧͙⁺˚*・༓☾ 1st tab ☽༓・*˚⁺‧͙
[/comment]
[tab=1][border=0px; transform:rotate(-90deg);width:270px; height:380px; padding:25px;background:#d0bcbb; margin:auto; position:absolute; top:-10px;z-index:2;][border=10px solid white; height:250px; width:250px; background:url(https://i.pinimg.com/564x/a2/fa/3b/a2fa3bba27950acef72cc40943f9033a.jpg); background-size:cover; margin:auto; margin-top:10px;border-bottom:100px solid white;overflow:hidden;][border=0px solid transparent; width: 250px;height: 250px; padding-right:50px;overflow-Y: scroll;overflow-X: hidden; font-family:Karla; font-size:11px;color: black; line-height:15px; text-align:justify; padding-bottom:20px; margin-left:-5px;][border=0px; background:#d0bcbb; margin-top:250px; margin-bottom:30px;][comment]

‧͙⁺˚*・༓☾ post starts here ☽༓・*˚⁺‧͙[/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
[/border][/border][/border][comment]
‧͙⁺˚*・༓☾ Pantone Banner ☽༓・*˚⁺‧͙
[/comment][border=0px; width:250px; position:absolute; left:40px; top:315px;text-transform:uppercase;display:inline-block; color:black][font=Montserrat][size=25px][b]pantone[/b][/size][border=0px; position:relative;left:-7px; top:-8px; display:inline-block]®[/border]
[border=0px; text-transform:none; margin-top:-18px; margin-left:-10px; line-height:16px; font-size:12px; letter-spacing:0.2px; ]#d0bcbb
Christopher Davis[/border][/font][border=0px; text-transform:none; margin-top:-18px; margin-left:-10px; line-height:16px; font-size:12px; letter-spacing:0.2px; ]
[/border][/border][/border][/tab]

[comment]
‧͙⁺˚*・༓☾ 2nd tab ☽༓・*˚⁺‧͙
[/comment]
[tab=2][border=0px; transform:rotate(-90deg);width:270px; height:380px; padding:25px;background:#d0bcbb; margin:auto; position:absolute; top:-10px;z-index:2;][border=10px solid white; height:250px; width:250px; margin:auto; margin-top:10px;border-bottom:100px solid white;overflow:hidden;][border=0px solid transparent; width: 240px;height: 250px; padding-right:30px;overflow-Y: scroll;overflow-X: hidden; font-family:Karla; font-size:11px;color: black; line-height:15px; text-align:justify; padding-bottom:20px; margin-left:-20px; margin:auto;][comment]

‧͙⁺˚*・༓☾ post starts here ☽༓・*˚⁺‧͙[/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
[/border][/border][comment]
‧͙⁺˚*・༓☾ Pantone Banner ☽༓・*˚⁺‧͙
[/comment][border=0px; width:250px; position:absolute; left:40px; top:315px;text-transform:uppercase;display:inline-block; color:black][font=Montserrat][size=25px][b]pantone[/b][/size][border=0px; position:relative;left:-7px; top:-8px; display:inline-block]®[/border]
[border=0px; text-transform:none; margin-top:-18px; margin-left:-10px; line-height:16px; font-size:12px; letter-spacing:0.2px; ]#d0bcbb
About the boy[/border][/font][border=0px; text-transform:none; margin-top:-18px; margin-left:-10px; line-height:16px; font-size:12px; letter-spacing:0.2px; ]
[/border][/border][/border][/tab]

[comment]
‧͙⁺˚*・༓☾ 3rd tab ☽༓・*˚⁺‧͙
[/comment]
[tab=3][border=0px; transform:rotate(-90deg);width:270px; height:380px; padding:25px;background:#d0bcbb; margin:auto; position:absolute; top:-10px;z-index:2;][border=10px solid white; height:250px; width:250px; margin:auto; margin-top:10px;border-bottom:100px solid white;overflow:hidden;][border=0px solid transparent; width: 240px;height: 250px; padding-right:30px;overflow-Y: scroll;overflow-X: hidden; font-family:Karla; font-size:11px;color: black; line-height:15px; text-align:justify; padding-bottom:20px; margin-left:-20px; margin:auto ][comment]

‧͙⁺˚*・༓☾ post starts here ☽༓・*˚⁺‧͙[/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
[/border][/border][comment]
‧͙⁺˚*・༓☾ Pantone Banner ☽༓・*˚⁺‧͙
[/comment][border=0px; width:250px; position:absolute; left:40px; top:315px;text-transform:uppercase;display:inline-block; color:black][font=Montserrat][size=25px][b]pantone[/b][/size][border=0px; position:relative;left:-7px; top:-8px; display:inline-block]®[/border]
[border=0px; text-transform:none; margin-top:-18px; margin-left:-10px; line-height:16px; font-size:12px; letter-spacing:0.2px; ]#d0bcbb
Persona[/border][/font][/border][/border][/tab]

[comment]
‧͙⁺˚*・༓☾ 4th tab ☽༓・*˚⁺‧͙
[/comment]
[tab=4][border=0px; transform:rotate(-90deg);width:270px; height:380px; padding:25px;background:#d0bcbb; margin:auto; position:absolute; top:-10px;z-index:2;][border=10px solid white; height:250px; width:250px; margin:auto; margin-top:10px;border-bottom:100px solid white;overflow:hidden;][border=0px solid transparent; width: 240px;height: 250px; padding-right:30px;overflow-Y: scroll;overflow-X: hidden; font-family:Karla; font-size:11px;color: black; line-height:15px; text-align:justify; padding-bottom:20px; margin-left:-20px; margin:auto][comment]

‧͙⁺˚*・༓☾ post starts here ☽༓・*˚⁺‧͙[/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
[/border][/border][comment]
‧͙⁺˚*・༓☾ Pantone Banner ☽༓・*˚⁺‧͙
[/comment][border=0px; width:250px; position:absolute; left:40px; top:315px;text-transform:uppercase;display:inline-block; color:black][font=Montserrat][size=25px][b]pantone[/b][/size][border=0px; position:relative;left:-7px; top:-8px; display:inline-block]®[/border]
[border=0px; text-transform:none; margin-top:-18px; margin-left:-10px; line-height:16px; font-size:12px; letter-spacing:0.2px; ]#d0bcbb
Relationships[/border][/font][/border][/border][/tab]
[/tabs][/border][/border][comment]

‧͙⁺˚*・༓☾ credit - please do not remove ☽༓・*˚⁺‧͙
[/comment]
[border=0px;  font-size:8px; letter-spacing:1px; text-align:center; ][font=Karla]coded by weldherwings.[/font][/border]
 
Last edited:
thread start code

toucant

crispy
BUTTERFLY
RULES
001 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin viverra tortor purus, id hendrerit enim dictum at.
002 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin viverra tortor purus, id hendrerit enim dictum at.
003 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin viverra tortor purus, id hendrerit enim dictum at.
004 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin viverra tortor purus, id hendrerit enim dictum at.
005 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin viverra tortor purus, id hendrerit enim dictum at.
006 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin viverra tortor purus, id hendrerit enim dictum at.

Flower petals wilt
ABOUT
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin viverra tortor purus, id hendrerit enim dictum at. Nunc scelerisque eros mauris, ac tincidunt sem euismod at. Sed mollis sollicitudin enim, ut sollicitudin urna mollis et. Duis a risus quam. Mauris ultricies vehicula erat, eu tempus risus iaculis vitae.

Fusce id eros in eros dapibus finibus. Sed vel imperdiet velit, ac auctor eros. Suspendisse potenti. Curabitur dapibus metus et tellus accumsan feugiat. Donec est velit, porttitor vitae dignissim at, sollicitudin ac diam. Pellentesque condimentum augue eu magna facilisis, a ultricies felis ornare. Phasellus sit amet neque nisl. Maecenas fringilla, lorem et pharetra efficitur, justo urna consectetur erat, et porta dui libero vel tortor. Praesent vehicula, ipsum euismod consequat aliquet, sapien purus dapibus urna, sit amet tempus libero arcu eu quam. Aliquam nec turpis nisi. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc porta mauris ex, non venenatis augue porta eu. Aliquam nibh sem, gravida non nulla nec, lacinia volutpat magna. Mauris semper massa eu turpis pulvinar semper

MORE
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin viverra tortor purus, id hendrerit enim dictum at. Nunc scelerisque eros mauris, ac tincidunt sem euismod at. Sed mollis sollicitudin enim, ut sollicitudin urna mollis et. Duis a risus quam. Mauris ultricies vehicula erat, eu tempus risus iaculis vitae.

Fusce id eros in eros dapibus finibus. Sed vel imperdiet velit, ac auctor eros. Suspendisse potenti. Curabitur dapibus metus et tellus accumsan feugiat. Donec est velit, porttitor vitae dignissim at, sollicitudin ac diam. Pellentesque condimentum augue eu magna facilisis, a ultricies felis ornare. Phasellus sit amet neque nisl. Maecenas fringilla, lorem et pharetra efficitur, justo urna consectetur erat, et porta dui libero vel tortor. Praesent vehicula, ipsum euismod consequat aliquet, sapien purus dapibus urna, sit amet tempus libero arcu eu quam. Aliquam nec turpis nisi. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc porta mauris ex, non venenatis augue porta eu. Aliquam nibh sem, gravida non nulla nec, lacinia volutpat magna. Mauris semper massa eu turpis pulvinar semper

© pasta


Code:
[bg=0px;width:750px;margin:auto;][bg=0px;height:20px;width:748px;background:#fff;border-top:1px solid #ccc;border-right:1px solid #ccc;border-left:1px solid #ccc;][/bg][bg=0px;background:#fff;height:250px;width:750px;][bg=0px;height:250px;width:509px;margin:-10px -10px;float:left;background:url('https://pm1.narvii.com/5871/a4129ce00c64d1045140020fc8386d25c72d75b9_hq.jpg');background-size:100%;line-height:450px;color:#fff;font-size:70px;text-align:center;][font=Georgia]BUTTERFLY[/font]
[/bg][bg=0px;background:#fff;height:249px;width:240px;margin:-10px -10px;border-top:1px solid #ccc;border-right:1px solid #ccc;float:left;][border=0px;color:#996655;font-size:15px;margin-left:0px;margin-top:-16px;float:left;][font=Georgia][b]RULES[/b][/font][/border][border=transparent;border-bottom:3px solid #996655;width:140px;float:left;margin-top:-15px;][/border][bg=transparent;overflow:hidden; height:208x; width:240px; padding:0px 0px;][bg=transparent;height:208px;width:240px;margin:-10px 0px; overflow:auto;color:#666;font-size:11px;text-align:justify;line-height:14px;letter-spacing:0.5px;][font=Georgia][color=#996655]001[/color] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin viverra tortor purus, id hendrerit enim dictum at. 
[color=#996655]002[/color] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin viverra tortor purus, id hendrerit enim dictum at. 
[color=#996655]003[/color] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin viverra tortor purus, id hendrerit enim dictum at. 
[color=#996655]004[/color] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin viverra tortor purus, id hendrerit enim dictum at. 
[color=#996655]005[/color] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin viverra tortor purus, id hendrerit enim dictum at. 
[color=#996655]006[/color] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin viverra tortor purus, id hendrerit enim dictum at. 

[/font][/bg][/bg][/bg][/bg][bg=0px;height:200px;width:748px;background:#fff;border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-right:1px solid #ccc;border-left:1px solid #ccc;][bg=0px;height:200px;width:180px;border-right:1px solid #ccc;float:left;margn-left:0px;margin-top:-10px;text-transform:uppercase;font-size:35px;font-family:Times New Roman;color:#000;text-align;center;line-height:30px;][bg=0px;height:0px;background:#bb8877;width:170px;margin-top:0px;margin-left:-10px;][/bg][border=0px;height:150px;][bg=0px;margin-top:20px;][b]Flower petals wilt[/b][/bg][/border][bg=0px;height:0px;background:#bb8877;width:170px;margin-top:-10px;margin-left:-10px;;][/bg][/bg][bg=0px;height:200px;width:480px;float:left;][border=0px;color:#996655;font-size:15px;margin-left:0px;margin-top:-16px;float:left;][font=Georgia][b]ABOUT[/b][/font][/border][border=transparent;border-bottom:3px solid #996655;width:375px;float:left;margin-top:-15px;][/border][bg=transparent;overflow:hidden; height:150x; width:480px; padding:0px 0px;][bg=transparent;height:150px;width:480px;margin:-10px 0px; overflow:auto;color:#666;font-size:11px;text-align:justify;line-height:14px;letter-spacing:0.5px;][font=Georgia]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin viverra tortor purus, id hendrerit enim dictum at. Nunc scelerisque eros mauris, ac tincidunt sem euismod at. Sed mollis sollicitudin enim, ut sollicitudin urna mollis et. Duis a risus quam. Mauris ultricies vehicula erat, eu tempus risus iaculis vitae.

Fusce id eros in eros dapibus finibus. Sed vel imperdiet velit, ac auctor eros. Suspendisse potenti. Curabitur dapibus metus et tellus accumsan feugiat. Donec est velit, porttitor vitae dignissim at, sollicitudin ac diam. Pellentesque condimentum augue eu magna facilisis, a ultricies felis ornare. Phasellus sit amet neque nisl. Maecenas fringilla, lorem et pharetra efficitur, justo urna consectetur erat, et porta dui libero vel tortor. Praesent vehicula, ipsum euismod consequat aliquet, sapien purus dapibus urna, sit amet tempus libero arcu eu quam. Aliquam nec turpis nisi. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc porta mauris ex, non venenatis augue porta eu. Aliquam nibh sem, gravida non nulla nec, lacinia volutpat magna. Mauris semper massa eu turpis pulvinar semper

[/font][/bg][/bg][/bg][bg=0px;float:left;height:200px;margin-top:-10px;width:25px;border-left:1px solid #ccc;background:#bb8877;][/bg][/bg][bg=0px;height:200px;width:748px;background:#fff;border-bottom:1px solid #ccc;border-right:1px solid #ccc;border-left:1px solid #ccc;][bg=0px;float:left;height:200px;margin-top:-10px;width:25px;border-left:1px solid #ccc;background:#777788;][/bg][bg=0px;height:200px;width:480px;float:left;margin-left:0px;][border=0px;color:#777788;font-size:15px;margin-left:0px;margin-top:-16px;float:left;][font=Georgia][b]MORE[/b][/font][/border][border=transparent;border-bottom:3px solid #777788;width:383px;float:left;margin-top:-15px;][/border][bg=transparent;overflow:hidden; height:150x; width:480px; padding:0px 0px;][bg=transparent;height:150px;width:480px;margin:-10px 0px; overflow:auto;color:#666;font-size:11px;text-align:justify;line-height:14px;letter-spacing:0.5px;][font=Georgia]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin viverra tortor purus, id hendrerit enim dictum at. Nunc scelerisque eros mauris, ac tincidunt sem euismod at. Sed mollis sollicitudin enim, ut sollicitudin urna mollis et. Duis a risus quam. Mauris ultricies vehicula erat, eu tempus risus iaculis vitae.

Fusce id eros in eros dapibus finibus. Sed vel imperdiet velit, ac auctor eros. Suspendisse potenti. Curabitur dapibus metus et tellus accumsan feugiat. Donec est velit, porttitor vitae dignissim at, sollicitudin ac diam. Pellentesque condimentum augue eu magna facilisis, a ultricies felis ornare. Phasellus sit amet neque nisl. Maecenas fringilla, lorem et pharetra efficitur, justo urna consectetur erat, et porta dui libero vel tortor. Praesent vehicula, ipsum euismod consequat aliquet, sapien purus dapibus urna, sit amet tempus libero arcu eu quam. Aliquam nec turpis nisi. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc porta mauris ex, non venenatis augue porta eu. Aliquam nibh sem, gravida non nulla nec, lacinia volutpat magna. Mauris semper massa eu turpis pulvinar semper

[/font][/bg][/bg][/bg][bg=0px;height:200px;width:180px;border-left:1px solid #ccc;float:left;margin-top:-10px;font-size:150px;font-family:Times New Roman;color:#fff;text-align;center;line-height:180px;text-align:center;][bg=0px;height:180px;width:170px;background:url('https://pa1.narvii.com/5897/14d7b6573c6a1b74ad8e2e2623355e435c48f747_00.gif');background-size:110%;][/bg][/bg][/bg][bg=0px;height:20px;width:748px;background:#fff;border-bottom:1px solid #ccc;border-right:1px solid #ccc;border-left:1px solid #ccc;font-size:12px;text-align:center;color:#666;line-height:20px;][font=Georgia][b]© pasta[/b][/font][/bg][/bg]
 
small cs code

toucant

crispy
NAME NAME
the crush
basics
name
bingle bangle
age
bingle bangle
DOB
bingle bangle
occupation
bingle bangle


© pasta
Traits
Trait1
Trait2
Trait3
Trait4
Trait5

Trait6
Trait7
Trait8
Trait9
Trait1

Code:
[bg=0px;width:380px;background:#ccc;margin:auto;height:430px;][bg=0px;height:315px;width:170px;float:left;padding:20px 20px;background:#f9f9f9;float:left;][bg=0px;color:#997788;font-size:20px;margin-top:-10px;letter-spacing:-2px;][b][i]NAME NAME[/i][/b][/bg][bg=0px;color:#886666;font-size:8px;text-transform:uppercase;margin-top:-25px;][b]the crush[/b][/bg][bg=0px;height:150px;width:150px;background:url('https://64.media.tumblr.com/50870d5b51c787fafec4b6127c4504fc/09c377c84ffbc610-d5/s400x600/e88cdf2c903816c618480c81ba5765139a42cf88.jpg');background-size:100%;border-radius:5px;margin-top:-5px;][/bg][bg=0px;color:#887788;;font-size:8px;;text-transform:uppercase;margin-top:0px;width:40px;height:5px;border-bottom:5px solid #998899;][fa] fa-toggle-on [/fa] [b]basics[/b][/bg][bg=0px;color:#999;;font-size:8px;float:left;text-transform:uppercase;margin-top:-5px;][fa] fa-magic [/fa] [b]name[/b][/bg][bg=0px;color:#997788;font-size:8px;float:right;text-transform:uppercase;margin-top:-5px;][b]bingle bangle[/b][/bg][bg=0px;color:#999;;font-size:8px;float:left;text-transform:uppercase;margin-top:-15px;][fa] fa-birthday-cake [/fa] [b]age[/b][/bg][bg=0px;color:#997788;font-size:8px;float:right;text-transform:uppercase;margin-top:-15px;][b]bingle bangle[/b][/bg][bg=0px;color:#999;;font-size:8px;float:left;text-transform:uppercase;margin-top:-15px;][fa] fa-calendar[/fa] [b]DOB[/b][/bg][bg=0px;color:#997788;font-size:8px;float:right;text-transform:uppercase;margin-top:-15px;][b]bingle bangle[/b][/bg][bg=0px;color:#999;;font-size:8px;float:left;text-transform:uppercase;margin-top:-15px;][fa] fa-book [/fa] [b]occupation[/b][/bg][bg=0px;color:#997788;font-size:8px;float:right;text-transform:uppercase;margin-top:-15px;][b]bingle bangle[/b][/bg]

[/bg][bg=0px;height:335px;background:#f9f9f9;width:140px;float:left;margin-left:10px;][bg=0px;height:315px;width:120px;background:url('https://64.media.tumblr.com/579e8031b6e1808a8bbfe126a60e0139/09c377c84ffbc610-ca/s400x600/005f95ad8b22409457eaff99895c192066184046.jpg');background-size:250%;background-position:0px 0px;color:#fff;font-size:8px;text-transform:uppercase;text-align:right;line-height:625px;][b]© pasta[/b][/bg][/bg][bg=0px;height:45px;width:360px;background:#f9f9f9;float:left;margin-top:10px;][bg=0px;padding:10px;border-bottom:7px solid #998899;font-size:8px;text-transform:uppercase;line-height:0px;color:#666;text-align:center;float:left;][b]Traits[/b][/bg][bg=0px;padding:10px;margin-left:10px;background: #998899;font-size:8px;text-transform:uppercase;line-height:0px;color:#fff;text-align:center;float:left;letter-spacing:0.5px;][b]Trait1[/b][/bg][bg=0px;padding:10px;margin-left:10px;background: #998899;font-size:8px;text-transform:uppercase;line-height:0px;color:#fff;text-align:center;float:left;letter-spacing:0.5px;][b]Trait2[/b][/bg][bg=0px;padding:10px;margin-left:10px;background: #998899;font-size:8px;text-transform:uppercase;line-height:0px;color:#fff;text-align:center;float:left;letter-spacing:0.5px;][b]Trait3[/b][/bg][bg=0px;padding:10px;margin-left:10px;background: #998899;font-size:8px;text-transform:uppercase;line-height:0px;color:#fff;text-align:center;float:left;letter-spacing:0.5px;][b]Trait4[/b][/bg][bg=0px;padding:10px;margin-left:10px;background: #998899;font-size:8px;text-transform:uppercase;line-height:0px;color:#fff;text-align:center;float:left;letter-spacing:0.5px;][b]Trait5[/b][/bg]
[bg=0px;padding:10px;margin-left:10px;background: #998899;font-size:8px;text-transform:uppercase;line-height:0px;color:#fff;text-align:center;float:left;letter-spacing:0.5px;][b]Trait6[/b][/bg][bg=0px;padding:10px;margin-left:10px;background: #998899;font-size:8px;text-transform:uppercase;line-height:0px;color:#fff;text-align:center;float:left;letter-spacing:0.5px;][b]Trait7[/b][/bg][bg=0px;padding:10px;margin-left:10px;background: #998899;font-size:8px;text-transform:uppercase;line-height:0px;color:#fff;text-align:center;float:left;letter-spacing:0.5px;][b]Trait8[/b][/bg][bg=0px;padding:10px;margin-left:10px;background: #998899;font-size:8px;text-transform:uppercase;line-height:0px;color:#fff;text-align:center;float:left;letter-spacing:0.5px;][b]Trait9[/b][/bg][bg=0px;padding:10px;margin-left:10px;background: #998899;font-size:8px;text-transform:uppercase;line-height:0px;color:#fff;text-align:center;float:left;letter-spacing:0.5px;][b]Trait1[/b][/bg][/bg][/bg]
 
safari 4 ic

toucant

crispy










tab one


tab two


tab three


tab four

  • NAME

    TAGLINE


    Pro no nisl tincidunt repudiandae, fabulas intellegam sit an. Sea quis nisl noluisse te. Erat detraxit vix ad, cum ei alterum voluptua, mei docendi fastidii ad. Vix ea antiopam contentiones.

    Eu timeam probatus usu, in alterum mentitum mea. Ridens tacimates nam an. Ne est ipsum phaedrum senserit. Mel odio mutat summo ad. Eloquentiam accommodare conclusionemque mei no, sit ex sale labitur eleifend. Vim at vivendo forensibus, et pri vocent deterruisset.

    Semper disputationi ex his, eos zril honestatis ei. Eum ea antiopam consulatu dissentiunt, at vero gubergren disputationi pro. Putent delicatissimi sea id, ea vix explicari signiferumque. Ex mei quod labitur dolorum, prima patrioque voluptatum ea vim.
    Pro no nisl tincidunt repudiandae, fabulas intellegam sit an. Sea quis nisl noluisse te. Erat detraxit vix ad, cum ei alterum voluptua, mei docendi fastidii ad. Vix ea antiopam contentiones.

    Eu timeam probatus usu, in alterum mentitum mea. Ridens tacimates nam an. Ne est ipsum phaedrum senserit. Mel odio mutat summo ad. Eloquentiam accommodare conclusionemque mei no, sit ex sale labitur eleifend. Vim at vivendo forensibus, et pri vocent deterruisset.

    Semper disputationi ex his, eos zril honestatis ei. Eum ea antiopam consulatu dissentiunt, at vero gubergren disputationi pro. Putent delicatissimi sea id, ea vix explicari signiferumque. Ex mei quod labitur dolorum, prima patrioque voluptatum ea vim.

    Pro no nisl tincidunt repudiandae, fabulas intellegam sit an. Sea quis nisl noluisse te. Erat detraxit vix ad, cum ei alterum voluptua, mei docendi fastidii ad. Vix ea antiopam contentiones.

    Eu timeam probatus usu, in alterum mentitum mea. Ridens tacimates nam an. Ne est ipsum phaedrum senserit. Mel odio mutat summo ad. Eloquentiam accommodare conclusionemque mei no, sit ex sale labitur eleifend. Vim at vivendo forensibus, et pri vocent deterruisset.

    Semper disputationi ex his, eos zril honestatis ei. Eum ea antiopam consulatu dissentiunt, at vero gubergren disputationi pro. Putent delicatissimi sea id, ea vix explicari signiferumque. Ex mei quod labitur dolorum, prima patrioque voluptatum ea vim.
    Pro no nisl tincidunt repudiandae, fabulas intellegam sit an. Sea quis nisl noluisse te. Erat detraxit vix ad, cum ei alterum voluptua, mei docendi fastidii ad. Vix ea antiopam contentiones.

    Eu timeam probatus usu, in alterum mentitum mea. Ridens tacimates nam an. Ne est ipsum phaedrum senserit. Mel odio mutat summo ad. Eloquentiam accommodare conclusionemque mei no, sit ex sale labitur eleifend. Vim at vivendo forensibus, et pri vocent deterruisset.

    Semper disputationi ex his, eos zril honestatis ei. Eum ea antiopam consulatu dissentiunt, at vero gubergren disputationi pro. Putent delicatissimi sea id, ea vix explicari signiferumque. Ex mei quod labitur dolorum, prima patrioque voluptatum ea vim.


    tab one






coded by weldherwings.



Code:
[comment]‧͙⁺˚*・༓☾ coded by weldherwings ☽༓・*˚⁺‧͙

[/comment][border=0px; width:750px; height:350px; background-color:var(--bg);background-image:url(https://www.transparenttextures.com/patterns/textured-paper.png); background-size:20%;margin:auto; padding:20px; line-height:0px;
--bg:#e9e9ea;
--border: #cbcdcc;
--mainbg:white;
--role:#DFB088;
--tab1image: url(URL HERE);
--tab2image:url(URL HERE);
--tab3image:url(URL HERE);
--tab4image:url(URL HERE)]
[border=0px; width:720px; height:350px; display:flex; justify-content:space-evenly; position:relative; margin:auto;]
[comment]

‧͙⁺˚*・༓☾ left side ☽༓・*˚⁺‧͙[/comment]
[border=2px solid var(--border); width:200px; height:250px; background:var(--mainbg); border-top: 20px solid var(--border); border-radius:10px;box-shadow: 5px 5px 8px 2px rgba(0,0,0,0.05); overflow:hidden; line-height:10px;]
[border=0px; width:200px; height:5px; position:absolute; margin-top:-45px; letter-spacing:5px; margin-left:-10px; font-size:8px;][color=#424242][fa]fa-circle[/fa][/color][color=#ececec][fa]fa-circle[/fa][/color][color=#afadad][fa]fa-circle[/fa][/color][/border][/border]
[comment]

‧͙⁺˚*・༓☾ main ☽༓・*˚⁺‧͙[/comment]
[border=2px solid var(--border); width:450px; height:250px; background:var(--mainbg); border-top: 20px solid var(--border); border-radius:10px;box-shadow: 5px 5px 8px 2px rgba(0,0,0,0.05); overflow:hidden;line-height:10px;]
[border=0px; width:200px; height:5px; position:absolute; margin-top:-45px; letter-spacing:5px; margin-left:-10px; font-size:8px;][color=#424242][fa]fa-circle[/fa][/color][color=#ececec][fa]fa-circle[/fa][/color][color=#afadad][fa]fa-circle[/fa][/color][/border]
[border=0px; padding:0px;width:471px; height:25px; background:#d7dbd9; position:absolute; top:30px; left:250px; z-index:2; pointer-events:none;display:flex; justify-content:center; text-align:center; font-family:Karla; font-size:10px; letter-spacing:0.2px;color: black; text-transform:uppercase;][comment]

‧͙⁺˚*・༓☾ tabs ☽༓・*˚⁺‧͙[/comment]
[border=0px; padding:5px; padding-top:6px;box-sizing:border-box; width:120px; height:25px;border-right: solid #c3c3c3 1px; ]tab one[/border]

[border=0px; padding:5px;box-sizing:border-box; width:120px; height:25px;padding-top:6px; border-right: solid #c3c3c3 1px;]tab two[/border]

[border=0px; padding:5px;box-sizing:border-box; width:115px; height:25px; padding-top:6px;border-right: solid #c3c3c3 1px;]tab three[/border]

[border=0px; padding:5px;box-sizing:border-box; width:115px; height:25px; padding-top:6px;]tab four[/border][/border][border=0px; width:420px; height:50px; margin-top:-40px;][tabs]

[comment]

‧͙⁺˚*・༓☾ tab one ☽༓・*˚⁺‧͙[/comment][tab=00001][border=0px; border-radius:10px;width:195px; height:240px; background:var(--mainbg); position:absolute; left:20px; overflow:hidden; top:40px;][border=0px; width: 98%;height: 94%; padding-right:40px; overflow-Y: hidden; overflow-X: hidden;font-family:Karla; font-size:11px; letter-spacing:0.2px;color: black; line-height:13px; text-align:justify; padding-bottom:10px; margin:auto; margin-top:-20px; ][comment]

‧͙⁺˚*・༓☾ side post starts here ☽༓・*˚⁺‧͙[/comment][border=4px solid var(--border); height:120px; width:120px; margin:auto; background:var(--tab1image); background-size:cover; filter:grayscale(100%); background-position:50% 50%; border-radius:10px; ][/border]
[border=0px; width:120px; background:var(--border); font-size:10px; letter-spacing:2px; font-family:Karla;text-transform:uppercase; font-weight:bold; margin:auto; text-align:center; ]NAME[/border]
[border=0px; width:120px; background:var(--role); font-size:10px; letter-spacing:2px; font-family:Karla;text-transform:uppercase; font-weight:bold; margin:auto; text-align:center;]TAGLINE[/border]
[/border][/border][border=0px; padding:0px; width:450px; height: 240px; background:var(--mainbg); position:absolute; margin-top:-30px; margin-left:-30px; overflow:hidden;]
[border=0px; padding:0px; width: calc(100% + 10px);height: 94%; padding-right:30px;overflow-Y: scroll;overflow-X: hidden; font-family:Karla; font-size:11px; letter-spacing:0.2px;color: black; line-height:13px; text-align:justify; padding-bottom:10px;  margin:auto;][comment]

‧͙⁺˚*・༓☾ main post start here ☽༓・*˚⁺‧͙[/comment] TEXT
[/border][/border]
[comment]

‧͙⁺˚*・༓☾ tab highlight ☽༓・*˚⁺‧͙[/comment]
[border=0px; padding:5px;box-sizing:border-box; width:120px; height:25px;padding-top:6px; border-right: solid #c3c3c3 1px; background:var(--mainbg); position:absolute; top:30px; left:250px;z-index:2; text-align:center; font-family:Karla; font-size:10px; letter-spacing:0.2px;color: black; text-transform:uppercase;]tab one[/border]
[/tab]
[comment]

‧͙⁺˚*・༓☾ tab two ☽༓・*˚⁺‧͙[/comment]
[tab=00002][border=0px; border-radius:10px;width:195px; height:240px; background:var(--mainbg); position:absolute; left:20px; overflow:hidden; top:40px;][border=0px; width: 98%;height: 94%; padding-right:40px;overflow-Y: hidden;overflow-X: hidden; font-family:Karla; font-size:11px; letter-spacing:0.2px;color: black; line-height:13px; text-align:justify; padding-bottom:10px; margin:auto; margin-top:-20px; ][comment]

‧͙⁺˚*・༓☾ side-post start here ☽༓・*˚⁺‧͙[/comment][border=4px solid var(--border); height:120px; width:120px; margin:auto; background:var(--tab2image); background-size:cover; filter:grayscale(100%); background-position:50% 50%; border-radius:10px; ][/border]
[border=0px; width:120px; background:var(--border); font-size:10px; letter-spacing:2px; font-family:Karla;text-transform:uppercase; font-weight:bold; margin:auto; text-align:center; ]NAME[/border]
[border=0px; width:120px; background:var(--role); font-size:10px; letter-spacing:2px; font-family:Karla;text-transform:uppercase; font-weight:bold; margin:auto; text-align:center;]TAGLINE[/border]
[/border][/border][border=0px; padding:0px; width:450px; height: 240px; background:var(--mainbg); position:absolute; margin-top:-30px; margin-left:-30px; overflow:hidden;]
[border=0px; padding:0px; width: calc(100% + 10px);height: 94%; padding-right:30px;overflow-Y: scroll;overflow-X: hidden; font-family:Karla; font-size:11px; letter-spacing:0.2px;color: black; line-height:13px; text-align:justify; padding-bottom:10px;  margin:auto;][comment]

‧͙⁺˚*・༓☾ main post start here ☽༓・*˚⁺‧͙[/comment] TEXT
[/border][/border][comment]


‧͙⁺˚*・༓☾ tab cover ☽༓・*˚⁺‧͙[/comment]
[border=0px; padding:5px;box-sizing:border-box; width:120px; height:25px;padding-top:6px; border-right: solid #c3c3c3 1px; background:var(--mainbg); position:absolute; top:30px; left:370px;z-index:2; text-align:center; font-family:Karla; font-size:10px; letter-spacing:0.2px;color: black; text-transform:uppercase;]tab two[/border]
[/tab]

[comment]

‧͙⁺˚*・༓☾ tab three ☽༓・*˚⁺‧͙[/comment]
[tab=00003][border=0px; border-radius:10px;width:195px; height:240px; background:var(--mainbg); position:absolute; left:20px; overflow:hidden; top:40px;][border=0px; width: 98%;height: 94%; padding-right:40px;overflow-Y: hidden;overflow-X: hidden; font-family:Karla; font-size:11px; letter-spacing:0.2px;color: black; line-height:13px; text-align:justify; padding-bottom:10px; margin:auto; margin-top:-20px; ][comment]

‧͙⁺˚*・༓☾ side post start here ☽༓・*˚⁺‧͙[/comment][border=4px solid var(--border); height:120px; width:120px; margin:auto; background:var(--tab3image); background-size:cover; filter:grayscale(100%); background-position:50% 50%; border-radius:10px; ][/border]
[border=0px; width:120px; background:var(--border); font-size:10px; letter-spacing:2px; font-family:Karla;text-transform:uppercase; font-weight:bold; margin:auto; text-align:center; ]NAME[/border]
[border=0px; width:120px; background:var(--role); font-size:10px; letter-spacing:2px; font-family:Karla;text-transform:uppercase; font-weight:bold; margin:auto; text-align:center;]TAGLINE[/border]
[/border][/border][border=0px; padding:0px; width:450px; height: 240px; background:var(--mainbg); position:absolute; margin-top:-30px; margin-left:-30px; overflow:hidden;]
[border=0px; padding:0px; width: calc(100% + 10px);height: 94%; padding-right:30px;overflow-Y: scroll;overflow-X: hidden; font-family:Karla; font-size:11px; letter-spacing:0.2px;color: black; line-height:13px; text-align:justify; padding-bottom:10px;  margin:auto;][comment]

‧͙⁺˚*・༓☾ main post start here ☽༓・*˚⁺‧͙[/comment] TEXT
[/border][/border]
[comment]

‧͙⁺˚*・༓☾ tab cover ☽༓・*˚⁺‧͙[/comment]
[border=0px; padding:5px;box-sizing:border-box; width:120px; height:25px;padding-top:6px; border-right: solid #c3c3c3 1px; background:var(--mainbg); position:absolute; top:30px; left:490px;z-index:2; text-align:center; font-family:Karla; font-size:10px; letter-spacing:0.2px;color: black; text-transform:uppercase;]tab three[/border]
[/tab]

[comment]


‧͙⁺˚*・༓☾ tab 4 ☽༓・*˚⁺‧͙[/comment]
[tab=00000004][border=0px; border-radius:10px;width:195px; height:240px; background:var(--mainbg); position:absolute; left:20px; overflow:hidden; top:40px;][border=0px; width: 98%;height: 94%; padding-right:40px;overflow-Y:  hidden;overflow-X: hidden; font-family:Karla; font-size:11px; letter-spacing:0.2px;color: black; line-height:13px; text-align:justify; padding-bottom:10px; margin:auto; margin-top:-20px; ][comment]


‧͙⁺˚*・༓☾ side post start here ☽༓・*˚⁺‧͙[/comment][border=4px solid var(--border); height:120px; width:120px; margin:auto; background:var(--tab4image); background-size:cover; filter:grayscale(100%); background-position:50% 50%; border-radius:10px; ][/border]
[border=0px; width:120px; background:var(--border); font-size:10px; letter-spacing:2px; font-family:Karla;text-transform:uppercase; font-weight:bold; margin:auto; text-align:center; ]NAME[/border]
[border=0px; width:120px; background:var(--role); font-size:10px; letter-spacing:2px; font-family:Karla;text-transform:uppercase; font-weight:bold; margin:auto; text-align:center;]TAGLINE[/border]
[/border][/border][border=0px; padding:0px; width:450px; height: 240px; background:var(--mainbg); position:absolute; margin-top:-30px; margin-left:-30px; overflow:hidden;]
[border=0px; padding:0px; width: calc(100% + 10px);height: 94%; padding-right:30px;overflow-Y: scroll;overflow-X: hidden; font-family:Karla; font-size:11px; letter-spacing:0.2px;color: black; line-height:13px; text-align:justify; padding-bottom:10px;  margin:auto;][comment]


‧͙⁺˚*・༓☾ main post start here ☽༓・*˚⁺‧͙[/comment] TEXT
[/border][/border]
[comment]

‧͙⁺˚*・༓☾ tab cover ☽༓・*˚⁺‧͙[/comment][border=0px; padding:5px;box-sizing:border-box; width:116px; height:25px;padding-top:6px; border-right: solid #c3c3c3 1px; background:var(--mainbg); position:absolute; top:30px; left:606px;z-index:2; text-align:center; font-family:Karla; font-size:10px; letter-spacing:0.2px;color: black; text-transform:uppercase;]tab four[/border]
[/tab][/tabs][/border]

[/border]

[/border]
[comment]

‧͙⁺˚*・༓☾ credit - please do not remove ☽༓・*˚⁺‧͙
[/comment][border=0px; font-size:8px; filter: grayscale(100%); letter-spacing:1px; text-align:center;font-family:Karla; margin-top:-50px;color:black]coded by weldherwings.[/border]
[/border]
 
Last edited:
pretty soft posty code

toucant

crispy
kennyth weir.
the lover • 18 •
— introduction.
name.
kennyth weir
nicknames.
ken, kenny
affiliation.
the seelie court
age.
18
zodiac.
pisces
sexuality.
pan
gender.
male
birthday.
unknown to him
race.
changeling

— appearance.
info.
x
info.
x
info.
x
info.
x
info.
x

— persona.
info.
x
info.
x
info.
x
info.
x
info.
x

— backstory.
info.
x
info.
x
info.
x
info.
x
info.
x


Code:
[comment]
by LEVIATHAN.

--bg here

[/comment][border=transparent; border: 5px solid #edaa0e; background: linear-gradient(360deg, #e9e9ea 70%, rgba(0, 0, 0, 0) 70%), url('https://i.pinimg.com/564x/56/38/1a/56381aab2d2a4f5f754a66382279d6a8.jpg'); margin: auto; background-position: 50% 50%; background-size: cover; border-radius: 10px; width: 450px; height: 550px;][comment]

--img here

[/comment][border=transparent; border-radius: 25px; border: 5px solid #e9e9ea; background: url('https://i.pinimg.com/564x/91/d9/27/91d927948891373757b5c575d7e6b4f8.jpg'); background-size: cover; height: 100px; width: 100px;][/border][comment]

--name + info here

[/comment][border=transparent; z-index: 2; font-size: 30px; margin-top: -100px; margin-left: 150px; font-weight: bold; color: white;]kennyth weir.[/border][border=transparent; font-size: 20px; color: white; margin-left: 150px; margin-top: -25px;]the lover • 18 • [fa]far fa-mars[/fa][/border][border=transparent; margin-top: 45px;][border=transparent; margin: auto; max-width: 400px; height: 300px; overflow: hidden; background-color: transparent;][comment]

--txt here

[/comment][border=transparent; width: 100%; height: 100%; overflow-y: scroll; padding-right: 150px; text-align: justify; font-size: 15px; font-family; Arial; color: black; line-height: 180%;][centerblock=95][b][fa]far fa-flower-tulip[/fa] — introduction.[/b]
[border=transparent; background: #edaa0e; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: white; font-weight: bold;]name.[/border] kennyth weir
[border=transparent; background: #edaa0e; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: white; font-weight: bold;]nicknames.[/border] ken, kenny
[border=transparent; background: #edaa0e; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: white; font-weight: bold;]affiliation.[/border] the seelie court
[border=transparent; background: #edaa0e; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: white; font-weight: bold;]age.[/border] 18
[border=transparent; background: #edaa0e; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: white; font-weight: bold;]zodiac.[/border] pisces
[border=transparent; background: #edaa0e; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: white; font-weight: bold;]sexuality.[/border] pan
[border=transparent; background: #edaa0e; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: white; font-weight: bold;]gender.[/border] male
[border=transparent; background: #edaa0e; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: white; font-weight: bold;]birthday.[/border] unknown to him
[border=transparent; background: #edaa0e; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: white; font-weight: bold;]race.[/border] changeling

[b][fa]far fa-eye[/fa] — appearance.[/b]
[border=transparent; background: #edaa0e; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: white; font-weight: bold;]info.[/border] x
[border=transparent; background: #edaa0e; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: white; font-weight: bold;]info.[/border] x
[border=transparent; background: #edaa0e; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: white; font-weight: bold;]info.[/border] x
[border=transparent; background: #edaa0e; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: white; font-weight: bold;]info.[/border] x
[border=transparent; background: #edaa0e; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: white; font-weight: bold;]info.[/border] x

[b][fa]far fa-brain[/fa] — persona.[/b]
[border=transparent; background: #edaa0e; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: white; font-weight: bold;]info.[/border] x
[border=transparent; background: #edaa0e; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: white; font-weight: bold;]info.[/border] x
[border=transparent; background: #edaa0e; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: white; font-weight: bold;]info.[/border] x
[border=transparent; background: #edaa0e; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: white; font-weight: bold;]info.[/border] x
[border=transparent; background: #edaa0e; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: white; font-weight: bold;]info.[/border] x

[b][fa]far fa-book[/fa] — backstory.[/b]
[border=transparent; background: #edaa0e; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: white; font-weight: bold;]info.[/border] x
[border=transparent; background: #edaa0e; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: white; font-weight: bold;]info.[/border] x
[border=transparent; background: #edaa0e; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: white; font-weight: bold;]info.[/border] x
[border=transparent; background: #edaa0e; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: white; font-weight: bold;]info.[/border] x
[border=transparent; background: #edaa0e; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: white; font-weight: bold;]info.[/border] x
[/centerblock][/border][/border][/border][/border]
 
insta placeholder code

toucant

crispy

jolene.newport
greetings from califournia.


......

1,729 likes
jolene.newport cherry flavoured conversations with you / got me hanging on / down to earth from all the waiting / take me somewhere beyond
View all 38 comments
jolene.newport placeholder.
April 14th
code by low fidelity.


Code:
[comment]

-- profile icon, username, and location/mini message below.

[/comment][bg=1px black solid; padding: 0; width: 350px; height: 560px; background: #f1f1f1; margin: auto; center;][border=0px; padding: 5px; width: 30px; height: 30px; float: left; margin-top: 15px; margin-left: 15px; border-radius: 100px; background: url(https://i.pinimg.com/236x/14/26/73/1426739d8dd7459a1eddab83cd8be2c7.jpg); background-size: cover; background-position: 50% 50%;][/border][border=0px; padding: 5px; font-family: Roboto; font-align: right; font-size: 12px; line-height: 15px; margin-top: -10px; margin-left: 65px; margin-bottom: 5px; color: #000000;]
[b]jolene.newport[/b]
greetings from califournia.[/border][border=0px; padding: 0px; font-size: 16px; color: #000000; float: right; margin-top: -40px; margin-right: 20px;][fa]fa-ellipsis-v[/fa][/border]
[comment]

-- image goes here.

[/comment][border=0px; padding: 0px; width: 350px; height: 350px; margin-top: -25px; background: url(https://i.imgur.com/o640OuU.jpg?1); background-size: cover; background-position: 50% 50%;][/border]
[border=0px; padding: 5px; width: 95%; margin: auto; font-size: 20px; color: #000000; justify-content: space-between; display: flex; margin-top: -32px;][border=0px; padding:0px;][fa]far fa-heart[/fa][color=transparent]...[/color][fa]far fa-comment[/fa][color=transparent]...[/color][fa]far fa-paper-plane[/fa][/border][border=0px; padding: 0px; text-align-right:][fa]far fa-bookmark[/fa][/border][/border]
[comment]

-- likes, post description, comments count, and post date are all below. this doesn't scroll, so try to keep your description the same-ish length as mine, around 3 lines. lyrics are from the song cherry flavoured by the neighbourhood.

[/comment][border=0px; padding: 10px; margin: auto; font-family: Roboto; font-size: 12px; line-height: 15px; overflow: hidden; color: #000000; text-align: left; margin-top: -40px;][b]1,729 likes[/b]
[b]jolene.newport[/b] cherry flavoured conversations with you / got me hanging on / down to earth from all the waiting / take me somewhere beyond
[color=#606060]View all 38 comments[/color]
[b]jolene.newport[/b] placeholder.
[color=#606060][size=9px]April 14th[/size][/color][/border][/bg][comment]

-- credit. do not remove or edit pls & thx.

[/comment][border=0px; padding: 0px; margin: auto; center; font-size: 10px; font-family: Roboto; letter-spacing: 1.5px; text-align: center; margin-top: 10px;]code by low fidelity.[/border]
 
thread start code

toucant

crispy





  • LET SLIP THE DOGS OF WAR.
    INTEREST CHECK



[centerblock]
Code:
[centerblock=50][comment][USER=75224]@leviathan.[/USER][/comment]
[Tabs]

[Tab=i.]
[scroll=350px]
[CENTER]
[IMG width="365px"]http://24.media.tumblr.com/d490517e9628431b7495671081e31673/tumblr_myxbid5oHY1rr6aa6o1_500.gif[/IMG]
[FONT=TIMES NEW ROMAN][B][I][SIZE=6]LET SLIP THE DOGS OF WAR.[/SIZE][/I][/B][/FONT]
[FONT=verdana][size=3]INTEREST CHECK[/size][/font]
[/CENTER]
[/scroll][/Tab]

[Tab=ii.]
[scroll=350px][JUSTIFY]
[CENTER][IMG width="365px"]http://24.media.tumblr.com/d490517e9628431b7495671081e31673/tumblr_myxbid5oHY1rr6aa6o1_500.gif[/IMG]
[FONT=TIMES NEW ROMAN][B][I][SIZE=6]INTRODUCTION.[/SIZE][/I][/B][/CENTER][centerblock=70]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus. Pellentesque lobortis consectetur velit, in pretium arcu hendrerit in. Ut rhoncus ipsum metus, auctor pulvinar erat hendrerit ut. Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Vestibulum bibendum libero at est ullamcorper cursus. Praesent maximus, magna et tincidunt mollis, sem arcu fermentum nulla, sit amet ultrices massa libero et mauris. Fusce porttitor fermentum lectus, et dapibus est aliquet at. Duis nec molestie ex.Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/JUSTIFY][/FONT][/centerblock][/scroll][/Tab]

[Tab=iii.]
[scroll=350px][JUSTIFY]
[CENTER][IMG width="365px"]http://24.media.tumblr.com/d490517e9628431b7495671081e31673/tumblr_myxbid5oHY1rr6aa6o1_500.gif[/IMG]
[FONT=TIMES NEW ROMAN][B][I][SIZE=6]RULES.[/SIZE][/I][/B][/CENTER][centerblock=70]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus. Pellentesque lobortis consectetur velit, in pretium arcu hendrerit in. Ut rhoncus ipsum metus, auctor pulvinar erat hendrerit ut. Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Vestibulum bibendum libero at est ullamcorper cursus. Praesent maximus, magna et tincidunt mollis, sem arcu fermentum nulla, sit amet ultrices massa libero et mauris. Fusce porttitor fermentum lectus, et dapibus est aliquet at. Duis nec molestie ex.Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/JUSTIFY][/FONT][/centerblock][/scroll][/Tab]


[Tab=iv.]
[scroll=350px][JUSTIFY]
[CENTER][IMG width="365px"]http://24.media.tumblr.com/d490517e9628431b7495671081e31673/tumblr_myxbid5oHY1rr6aa6o1_500.gif[/IMG]
[FONT=TIMES NEW ROMAN][B][I][SIZE=6]ROLES.[/SIZE][/I][/B][/CENTER][centerblock=70][B][I][SIZE=6]ROLE.[/SIZE][/I][/B]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus. Pellentesque lobortis consectetur velit, in pretium arcu hendrerit in. Ut rhoncus ipsum metus, auctor pulvinar erat hendrerit ut.  

[B][I][SIZE=6]ROLE.[/SIZE][/I][/B]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus. Pellentesque lobortis consectetur velit, in pretium arcu hendrerit in. Ut rhoncus ipsum metus, auctor pulvinar erat hendrerit ut. 

[B][I][SIZE=6]ROLE.[/SIZE][/I][/B]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus. Pellentesque lobortis consectetur velit, in pretium arcu hendrerit in. Ut rhoncus ipsum metus, auctor pulvinar erat hendrerit ut. [/JUSTIFY][/FONT][/centerblock][/scroll][/Tab]

[Tab=❝ Act 3, Scene 1, line 273. ❞]
[scroll=350px]
[CENTER]
[IMG width="365px"]http://24.media.tumblr.com/d490517e9628431b7495671081e31673/tumblr_myxbid5oHY1rr6aa6o1_500.gif[/IMG]
[FONT=TIMES NEW ROMAN][B][I][SIZE=6]ARE YOU READY?[/SIZE][/I][/B][/FONT]
[FONT=verdana][size=3]gmed by FAUST.[/size][/font]
[/CENTER]
[/scroll][/Tab]
[/Tabs]
[/centerblock]
 
small posting code

toucant

crispy



  • Aenean lectus ante, laoreet ac dolor eu, dapibus placerat mauris. Duis sagittis dolor nec turpis pellentesque dapibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque nibh lacus, laoreet at malesuada id, feugiat vitae nibh. Sed et ante congue, egestas nulla vitae, mollis tortor. Sed et ante congue, egestas nulla vitae, mollis tortor. Duis sagittis dolor nec turpis pellentesque dapibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque nibh lacus, laoreet at malesuada id, feugiat vitae nibh. Sed et ante congue, egestas nulla vitae, mollis tortor. Sed et ante congue, egestas nulla vitae, mollis tortor. Duis sagittis dolor nec turpis pellentesque dapibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque nibh lacus, laoreet at malesuada id, feugiat vitae nibh. Sed et ante congue, egestas nulla vitae, mollis tortor. Sed et ante congue, egestas nulla vitae, mollis tortor. Duis sagittis dolor nec turpis pellentesque dapibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque nibh lacus, laoreet at malesuada id, feugiat vitae nibh. Sed et ante congue, egestas nulla vitae, mollis tortor. Sed et ante congue, egestas nulla vitae, mollis tortor.




Code:
[bg=transparent; background: #222; margin: auto; max-width: 400px; height: 385px;][row][column=span2][bg=transparent; background: url('https://i.pinimg.com/564x/1c/9c/38/1c9c38b0772edb808e900384a5f6f297.jpg'); border: 5px solid #607d8b; background-size: cover; height: 80px; background-position: 50% 50%;][/bg][comment] code by LEVIATHAN. [/comment]
[bg=transparent; background: url('https://i.pinimg.com/564x/1c/9c/38/1c9c38b0772edb808e900384a5f6f297.jpg'); border: 5px solid #607d8b; background-size: cover; height: 80px; background-position: 50% 50%;][/bg]
[bg=transparent; background: url('https://i.pinimg.com/564x/1c/9c/38/1c9c38b0772edb808e900384a5f6f297.jpg'); border: 5px solid #607d8b; background-size: cover; height: 80px; background-position: 50% 50%;][/bg][/column]
[column=span6][Tabs]

[Tab=— 𝚙𝚘𝚜𝚝.]
[bg=transparent; background: #eee; color: #eee; border: 1px solid #eee; font-family: Arial;][scroll=220px][color=#000][justify]Aenean lectus ante, laoreet ac dolor eu, dapibus placerat mauris. Duis sagittis dolor nec turpis pellentesque dapibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque nibh lacus, laoreet at malesuada id, feugiat vitae nibh. Sed et ante congue, egestas nulla vitae, mollis tortor. Sed et ante congue, egestas nulla vitae, mollis tortor.  Duis sagittis dolor nec turpis pellentesque dapibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque nibh lacus, laoreet at malesuada id, feugiat vitae nibh. Sed et ante congue, egestas nulla vitae, mollis tortor. Sed et ante congue, egestas nulla vitae, mollis tortor.  Duis sagittis dolor nec turpis pellentesque dapibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque nibh lacus, laoreet at malesuada id, feugiat vitae nibh. Sed et ante congue, egestas nulla vitae, mollis tortor. Sed et ante congue, egestas nulla vitae, mollis tortor.  Duis sagittis dolor nec turpis pellentesque dapibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque nibh lacus, laoreet at malesuada id, feugiat vitae nibh. Sed et ante congue, egestas nulla vitae, mollis tortor. Sed et ante congue, egestas nulla vitae, mollis tortor.[/justify][/color][/scroll][/bg]

[/Tab]

[Tab=— 𝚘𝚝𝚑𝚎𝚛.]
[bg=transparent; background: #eee; color: #eee; border: 1px solid #eee; font-family: Arial;][scroll=220px][color=#000][b]location.[/b] info.
[b]mood.[/b] info.
[b]outfit.[/b] info.
[b]tags.[/b] info.
[bg=transparent; margin-top: 6px; background: url('https://i.pinimg.com/564x/d3/58/3b/d3583bcc3bfb213cc85cf1873d05fce8.jpg'); border: 5px solid #607d8b; background-size: cover; height: 80px; background-position: 50% 50%;][/bg][/color][/scroll][/bg]
[/Tab]

[/Tabs]
[/column][/row][/bg][row][column=span6]
[/column][/row]
 
tumblr page cs code

toucant

crispy

vincent steel

cash only, please.

bloodhound:

Fusce porttitor fermentum lectus, et dapibus est aliquet at. Duis nec molestie ex. Interdum et malesuada fames ac ante ipsum primis in faucibusLorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus. Pellentesque lobortis consectetur velit, in pretium arcu hendrerit in. Ut rhoncus ipsum metus, auctor pulvinar erat hendrerit ut. Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Vestibulum bibendum libero at est ullamcorper cursus. Praesent maximus, magna et tincidunt mollis, sem arcu fermentum nulla, sit amet ultrices massa Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus. Pellentesque lobortis consectetur velit.


bloodhound:





leviathan:

Fusce porttitor fermentum lectus, et dapibus est aliquet at. Duis nec molestie ex. Interdum et malesuada fames ac ante ipsum primis in faucibusLorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus.

Pellentesque lobortis consectetur velit, in pretium arcu hendrerit in. Ut rhoncus ipsum metus, auctor pulvinar erat hendrerit ut. Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor.

Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Vestibulum bibendum libero at est ullamcorper cursus. Praesent maximus, magna et tincidunt mollis, sem arcu fermentum nulla, sit amet ultrices massa Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus. Pellentesque lobortis consectetur velit.Vestibulum bibendum libero at est ullamcorper cursus. Praesent maximus, magna et tincidunt mollis, sem arcu fermentum nulla, sit amet ultrices massa Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus. Pellentesque lobortis consectetur velit.



Code:
[border=transparent; background: linear-gradient(360deg, #e9e9ea 75%, rgba(0, 0, 0, 0) 75%), url('https://i.pinimg.com/564x/59/78/05/597805a79c234f3be72ef16594b350fc.jpg'); margin: auto; background-position: 50% 50%; background-size: contain; border-radius: 10px; width: 450px; height: 740px;][comment]

--code by LEVIATHAN.

[/comment][border=transparent; border-radius: 25px; margin: auto; border: 5px solid #e9e9ea; background: url('https://66.media.tumblr.com/da403d55a929a61f08d11bf5cd81e2b6/tumblr_po7ayznNys1v0osk7_250.gif'); margin-top: 80px; background-size: cover; height: 100px; width: 100px;][/border]
[border=transparent; text-align: center; font-family: Helvetica Neue; font-weight: bold; font-size: 30px; margin: auto; margin-top: -40px; color: black;]vincent steel[/border]
[border=transparent; text-align: center; font-family: Helvetica Neue; font-size: 14px; margin: auto; margin-top: -55px; color: black;]cash only, please.[/border][border=transparent; margin: auto; max-width: 450px; height: 400px; overflow: hidden; background-color: transparent; margin-top: -10px;][border=transparent; width: 100%; height: 100%; overflow-y: scroll; padding-right: 150px; text-align: justify; color: black; font-size: 13px; font-family; Arial;][comment]

--imgs here....img 1 here


[/comment][border=transparent; width: 450px; margin: auto; margin-top: -70px; margin-left: 20px; justify-content: space-evenly;][row][column=span2][border=transparent; margin: auto; background: url('https://i.pinimg.com/564x/64/c3/d6/64c3d68bbb654f656c0c3951ddb59d6a.jpg'); margin-top: 60px; background-size: cover; height: 90px; width: 90px;][/border][/column][comment]

--img 2 here


[/comment][column=span2][border=transparent; margin: auto; background: url('https://i.pinimg.com/564x/66/7e/74/667e7462ffd2777ab0d794dce5b54f22.jpg'); margin-top: 60px; background-size: cover; height: 90px; width: 90px;][/border][/column][comment]

--img 3 here


[/comment][column=span2][border=transparent; margin: auto; background: url('https://i.pinimg.com/564x/fd/d5/57/fdd557226a07fd30d3e6bd6c0fc9e0b1.jpg'); margin-top: 60px; background-size: cover; height: 90px; width: 90px;][/border][/column][/row][/border]

[border=transparent; background: #fff; width: 400px; height: 230px; border-radius: 10px;][border=transparent; margin: auto; border-left: 3px solid #ccc; width: 350px; height: 200px; overflow: hidden; background-color: transparent;][border=transparent; width: 100%; height: 100%; overflow-y: scroll; padding-right: 150px; text-align: justify; color: black; font-size: 13px; font-family; Arial;][u]bloodhound[/u]:

Fusce porttitor fermentum lectus, et dapibus est aliquet at. Duis nec molestie ex. Interdum et malesuada fames ac ante ipsum primis in faucibusLorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus. Pellentesque lobortis consectetur velit, in pretium arcu hendrerit in. Ut rhoncus ipsum metus, auctor pulvinar erat hendrerit ut. Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Vestibulum bibendum libero at est ullamcorper cursus. Praesent maximus, magna et tincidunt mollis, sem arcu fermentum nulla, sit amet ultrices massa Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus. Pellentesque lobortis consectetur velit.
[/border][/border][/border]

[border=transparent; background: #fff; width: 400px; border-radius: 10px;][border=transparent; margin: auto; border-left: 3px solid #ccc; width: 95%; height: 95%; overflow: hidden; background-color: transparent;][u]bloodhound[/u]:

[img width="300px"]https://i.pinimg.com/564x/a4/ba/68/a4ba686250efbeefba87810b9c2a71f6.jpg[/img] 
[img width="300px"]https://i.pinimg.com/564x/7a/92/f4/7a92f462ce0eab0844ce3ed294c66d7e.jpg[/img] 
[/border][/border]

[border=transparent; background: #fff; width: 400px; height: 420px; border-radius: 10px;][border=transparent; margin: auto; border-left: 3px solid #ccc; width: 350px; height: 380px; overflow: hidden; background-color: transparent;][border=transparent; width: 100%; height: 100%; overflow-y: scroll; padding-right: 150px; text-align: justify; color: black; font-size: 13px; font-family; Arial;][u]leviathan[/u]:

Fusce porttitor fermentum lectus, et dapibus est aliquet at. Duis nec molestie ex. Interdum et malesuada fames ac ante ipsum primis in faucibusLorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus. 

Pellentesque lobortis consectetur velit, in pretium arcu hendrerit in. Ut rhoncus ipsum metus, auctor pulvinar erat hendrerit ut. Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. 

Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Vestibulum bibendum libero at est ullamcorper cursus. Praesent maximus, magna et tincidunt mollis, sem arcu fermentum nulla, sit amet ultrices massa Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus. Pellentesque lobortis consectetur velit.Vestibulum bibendum libero at est ullamcorper cursus. Praesent maximus, magna et tincidunt mollis, sem arcu fermentum nulla, sit amet ultrices massa Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus. Pellentesque lobortis consectetur velit.
[/border][/border][/border]
[/border][/border][/border]
 
smol tabs New

toucant

crispy
fallen
for a lie
  • if
    i love you
    was a promise
    would you break it
    if you're honest
code by valen t.


Code:
[COMMENT]



--------the 9 variables values (the ones starting with "--") should be filled in with your own colours + links--------



[/COMMENT][border= /*container*/ 0; 

--ycs-big-picture: url(https://i.pinimg.com/originals/63/0a/b6/630ab678255f061d0f0163d5521fb39c.jpg) 50% 50%;
--main-accent-colour: #C7C3B9;
--button-2-colour: #A9816E;
--button-3-colour: #73604F;
--button-4-colour: #B3A396;
--text-background-colour: #232322;
--tab-2-picture: url(https://i.pinimg.com/originals/96/d1/f5/96d1f541cd32e6e197ea2e3b9ace589c.png) 100% 57%;
--tab-3-picture: url(https://i.pinimg.com/564x/46/f2/12/46f212085fea7472c6002e152c248a61.jpg) 50% 40%;
--tab-4-picture: url(https://i.pinimg.com/564x/77/c4/95/77c495badd027bf0d7c962eaddef675e.jpg) 50% 20%;

box-sizing: border-box; padding: 0; max-width: 620px; min-height: 370px; position: relative; margin: auto; display: flex; align-items: center; justify-content: center; overflow: hidden; flex-wrap: wrap; cursor: default;][border= /*left container*/ 0; box-sizing: border-box; padding: 0 10px 0 10px; width: 320px; height: 370px; position: relative; overflow: hidden; margin-bottom: 10px;][border= /*YC'S PICTURE*/ 20px solid var(--main-accent-colour); box-sizing: border-box; padding: 0; width: 100%; background: var(--ycs-big-picture); background-size: cover; position: relative; height: 370px; overflow: hidden; z-index: 2; color: var(--main-accent-colour);][border= /*lyric pt 1*/ 0; box-sizing: border-box; padding: 0 6px 1px 0; position: absolute; text-transform: uppercase; top: -3px; left: -3px; font-weight: bold; font-style: oblique; z-index: 3; font-size: 30px; line-height: 24px;][COMMENT]



----------------FIRST HALF OF YOUR LYRIC/QUOTE OR YC'S GIVEN NAME GOES HERE----------------
--------the one on top of yc's picture--------



[/COMMENT]fallen[/border][border= 

/*lyric pt 2*/ 0; box-sizing: border-box; padding: 0 6px 1px 0; position: absolute; text-transform: uppercase; bottom: -2px; left: -3px; font-weight: bold; font-style: oblique; z-index: 3; font-size: 30px; line-height: 24px;][COMMENT]



----------------SECOND HALF OF YOUR LYRIC/QUOTE OR YC'S SURNAME GOES HERE----------------



[/COMMENT]for a lie[/border][/border][/border][border=


/*right*/ 0; box-sizing: border-box; padding: 20px 0 0 0; width: 300px; position: relative; height: 370px; margin-bottom: 10px; background: var(--text-background-colour); overflow: hidden;][border= /*button container*/ 0; box-sizing: border-box; padding: 22px 0 17px 15px; width: 100%; position: absolute; height: 146px; left: 0; top: 0; opacity: 1; pointer-events: none; background: var(--text-background-colour); display: flex; justify-content: space-between; align-items: flex-start; flex-direction: column;][border= /*button 1*/ 0; box-sizing: border-box; padding: 0; width: 20px; height: 20px; border-radius: 100%; background: var(--main-accent-colour);][/border][border= /*button 2*/ 0; box-sizing: border-box; padding: 0; width: 20px; height: 20px; border-radius: 100%; background: var(--button-2-colour);][/border][border= /*button 3*/ 0; box-sizing: border-box; padding: 0; width: 20px; height: 20px; border-radius: 100%; background: var(--button-3-colour);][/border][border= /*button 4*/ 0; box-sizing: border-box; padding: 0; width: 20px; height: 20px; border-radius: 100%; background: var(--button-4-colour);][/border][/border][border= /*tabs container*/ 0; box-sizing: border-box; padding: 0; height: 100%; width: 90px; margin-left: -20px; color: var(--main-accent-colour);][tabs][tab=.][border= /*tab 1*/ 0; box-sizing: border-box; padding: 0 20px 20px 17px; background: var(--text-background-colour); position: absolute; left: 0; bottom: 0; width: 100%; height: 224px; display: flex; align-items: center;][border= /*line*/ 0; box-sizing: border-box; padding: 0; width: 2px; height: 100%; position: relative; background: var(--main-accent-colour); margin-left: 7px; margin-right: 15px;][/border][border= /*quote container*/ 0; box-sizing: border-box; padding: 0; flex: 1; text-align: left; text-transform: uppercase; letter-spacing: 0.05em;][border= /*big word*/ 0; box-sizing: border-box; padding: 0 0 13px 5px; font-size: 45px; line-height: 33px;][COMMENT]



----------------ADD THE FIRST WORD OF YOUR QUOTE HERE----------------
--------btw this is 1st tab--------



[/COMMENT][font=Times New Roman]if[/font][/border][border= 

/*rest of quote*/ 0; box-sizing: border-box; padding: 0; font-style: oblique; font-size: 9px; line-height: 15px;][COMMENT]



----------------TYPE IN THE REST OF YOUR QUOTE HERE----------------



[/COMMENT]i love you
was a promise
would you break it
if you're honest[/border][/border][/border][/tab][tab=.][border= 


/*pic 2*/ 5px solid var(--button-2-colour); box-sizing: border-box; padding: 0; position: absolute; width: 223px; height: 103px; top: 24px; right: 22px; background: var(--tab-2-picture); background-size: cover; opacity: 1; z-index: 4;][/border][border= /*tab 2*/ 0; box-sizing: border-box; padding: 0; background: var(--text-background-colour); position: absolute; left: 0; bottom: 20px; width: 200%; height: 204px; overflow: auto; font-size: 10px; line-height: 13px; letter-spacing: 0.02em;][border= /*hidden scroll*/ 0; box-sizing: border-box; padding: 0 20px 0 17px; width: 50%;][COMMENT]



----------------THIS IS WHERE YOU CAN START TYPING IN YOUR CS----------------
--------this is the basics' page--------
----the "title" tag is for the headings like "name" "nickname" "age" etc, while the "answer" tag is where you type in your answers----



[/COMMENT][border= /*title*/ 0; box-sizing: border-box; padding: 0 0 3px 0; font-size: 13px; line-height: 10px; letter-spacing: 0.05em;][font=Times New Roman]name:[/font][/border][border=
/*answer*/ 0; box-sizing: border-box; padding: 3px 0 3px 7px; position: relative; margin-left: 7px; border-left: 2px solid var(--main-accent-colour); margin-top: 2px;]billie eilish pirate baird o'connell[/border]

[border= /*title*/ 0; box-sizing: border-box; padding: 0 0 3px 0; font-size: 13px; line-height: 10px; letter-spacing: 0.05em;][font=Times New Roman]nickname:[/font][/border][border=
/*answer*/ 0; box-sizing: border-box; padding: 3px 0 3px 7px; position: relative; margin-left: 7px; border-left: 2px solid var(--main-accent-colour); margin-top: 2px;]billie, avocado[/border]

[border= /*title*/ 0; box-sizing: border-box; padding: 0 0 3px 0; font-size: 13px; line-height: 10px; letter-spacing: 0.05em;][font=Times New Roman]age:[/font][/border][border=
/*answer*/ 0; box-sizing: border-box; padding: 3px 0 3px 7px; position: relative; margin-left: 7px; border-left: 2px solid var(--main-accent-colour); margin-top: 2px;]18[/border]

[border= /*title*/ 0; box-sizing: border-box; padding: 0 0 3px 0; font-size: 13px; line-height: 10px; letter-spacing: 0.05em;][font=Times New Roman]d.o.b:[/font][/border][border=
/*answer*/ 0; box-sizing: border-box; padding: 3px 0 3px 7px; position: relative; margin-left: 7px; border-left: 2px solid var(--main-accent-colour); margin-top: 2px;]18 december[/border]

[border= /*title*/ 0; box-sizing: border-box; padding: 0 0 3px 0; font-size: 13px; line-height: 10px; letter-spacing: 0.05em;][font=Times New Roman]zodiac:[/font][/border][border=
/*answer*/ 0; box-sizing: border-box; padding: 3px 0 3px 7px; position: relative; margin-left: 7px; border-left: 2px solid var(--main-accent-colour); margin-top: 2px;]sagittarius[/border]

[border= /*title*/ 0; box-sizing: border-box; padding: 0 0 3px 0; font-size: 13px; line-height: 10px; letter-spacing: 0.05em;][font=Times New Roman]gender:[/font][/border][border=
/*answer*/ 0; box-sizing: border-box; padding: 3px 0 3px 7px; position: relative; margin-left: 7px; border-left: 2px solid var(--main-accent-colour); margin-top: 2px;]female[/border]

[border= /*title*/ 0; box-sizing: border-box; padding: 0 0 3px 0; font-size: 13px; line-height: 10px; letter-spacing: 0.05em;][font=Times New Roman]pronouns:[/font][/border][border=
/*answer*/ 0; box-sizing: border-box; padding: 3px 0 3px 7px; position: relative; margin-left: 7px; border-left: 2px solid var(--main-accent-colour); margin-top: 2px;]she/her[/border]

[border= /*title*/ 0; box-sizing: border-box; padding: 0 0 3px 0; font-size: 13px; line-height: 10px; letter-spacing: 0.05em;][font=Times New Roman]sexuality:[/font][/border][border=
/*answer*/ 0; box-sizing: border-box; padding: 3px 0 3px 7px; position: relative; margin-left: 7px; border-left: 2px solid var(--main-accent-colour); margin-top: 2px;]???[/border]

[border= /*title*/ 0; box-sizing: border-box; padding: 0 0 3px 0; font-size: 13px; line-height: 10px; letter-spacing: 0.05em;][font=Times New Roman]romantic orientation:[/font][/border][border=
/*answer*/ 0; box-sizing: border-box; padding: 3px 0 3px 7px; position: relative; margin-left: 7px; border-left: 2px solid var(--main-accent-colour); margin-top: 2px;]???[/border]

[border= /*title*/ 0; box-sizing: border-box; padding: 0 0 3px 0; font-size: 13px; line-height: 10px; letter-spacing: 0.05em;][font=Times New Roman]face claim:[/font][/border][border=
/*answer*/ 0; box-sizing: border-box; padding: 3px 0 3px 7px; position: relative; margin-left: 7px; border-left: 2px solid var(--main-accent-colour); margin-top: 2px;]billie eilish[/border]

[border= /*title*/ 0; box-sizing: border-box; padding: 0 0 3px 0; font-size: 13px; line-height: 10px; letter-spacing: 0.05em;][font=Times New Roman]body mods:[/font][/border][border=
/*answer*/ 0; box-sizing: border-box; padding: 3px 0 3px 7px; position: relative; margin-left: 7px; border-left: 2px solid var(--main-accent-colour); margin-top: 2px;]dyed hair, possible tattoo(s), ear piercings[/border]

[border= /*title*/ 0; box-sizing: border-box; padding: 0 0 3px 0; font-size: 13px; line-height: 10px; letter-spacing: 0.05em;][font=Times New Roman]build:[/font][/border][border=
/*answer*/ 0; box-sizing: border-box; padding: 3px 0 3px 7px; position: relative; margin-left: 7px; border-left: 2px solid var(--main-accent-colour); margin-top: 2px;]???[/border]

[border= /*title*/ 0; box-sizing: border-box; padding: 0 0 3px 0; font-size: 13px; line-height: 10px; letter-spacing: 0.05em;][font=Times New Roman]height:[/font][/border][border=
/*answer*/ 0; box-sizing: border-box; padding: 3px 0 3px 7px; position: relative; margin-left: 7px; border-left: 2px solid var(--main-accent-colour); margin-top: 2px;]5'3"[/border][COMMENT]



----------------DON'T TYPE ANYTHING PAST THIS COMMENT----------------



[/COMMENT][/border][/border][/tab][tab=.][border= /*pic 3*/ 5px solid var(--button-3-colour); box-sizing: border-box; padding: 0; position: absolute; width: 223px; height: 103px; top: 24px; right: 22px; background: var(--tab-3-picture); background-size: cover; opacity: 1; z-index: 4;][/border][border= /*tab 3*/ 0; box-sizing: border-box; padding: 0; background: var(--text-background-colour); position: absolute; left: 0; bottom: 20px; width: 200%; height: 204px; overflow: auto; font-size: 10px; line-height: 13px; letter-spacing: 0.02em;][border= /*hidden scroll*/ 0; box-sizing: border-box; padding: 0 20px 0 17px; width: 50%;][COMMENT]



----------------YOU CAN START TYPING YOUR CS IN FROM HERE----------------
--------this is the personality tab--------



[/COMMENT][border= /*title*/ 0; box-sizing: border-box; padding: 0 0 3px 0; font-size: 13px; line-height: 10px; letter-spacing: 0.05em;][font=Times New Roman]likes:[/font][/border][border=
/*answer*/ 0; box-sizing: border-box; padding: 3px 0 3px 7px; position: relative; margin-left: 7px; border-left: 2px solid var(--main-accent-colour); margin-top: 2px;]cautious, kind, committed, crime, button, finger, trigger, trigger, finger[/border]

[border= /*title*/ 0; box-sizing: border-box; padding: 0 0 3px 0; font-size: 13px; line-height: 10px; letter-spacing: 0.05em;][font=Times New Roman]dislikes:[/font][/border][border=
/*answer*/ 0; box-sizing: border-box; padding: 3px 0 3px 7px; position: relative; margin-left: 7px; border-left: 2px solid var(--main-accent-colour); margin-top: 2px;]sitting, alone, mouth, gum, driveway, friends, car, bodies[/border]

[border= /*title*/ 0; box-sizing: border-box; padding: 0 0 3px 0; font-size: 13px; line-height: 10px; letter-spacing: 0.05em;][font=Times New Roman]hobbies:[/font][/border][border=
/*answer*/ 0; box-sizing: border-box; padding: 3px 0 3px 7px; position: relative; margin-left: 7px; border-left: 2px solid var(--main-accent-colour); margin-top: 2px;]watching; some time; staring; oceans eyes; burning cities; napalm skies; fifteen flares; ocean eyes; ocean eyes

pretend; miss; pretend; care; kiss; shame; pretend; miss me; pretend; care; kiss; shame[/border]

[border= /*title*/ 0; box-sizing: border-box; padding: 0 0 3px 0; font-size: 13px; line-height: 10px; letter-spacing: 0.05em;][font=Times New Roman]quirks:[/font][/border][border=
/*answer*/ 0; box-sizing: border-box; padding: 3px 0 3px 7px; position: relative; margin-left: 7px; border-left: 2px solid var(--main-accent-colour); margin-top: 2px;]lips; teeth; tongue; heart; eight beats; him

thought; found; way; thought; found; way; never; go away; guess; gotta; stay[/border]

[border= /*title*/ 0; box-sizing: border-box; padding: 0 0 3px 0; font-size: 13px; line-height: 10px; letter-spacing: 0.05em;][font=Times New Roman]skills:[/font][/border][border=
/*answer*/ 0; box-sizing: border-box; padding: 3px 0 3px 7px; position: relative; margin-left: 7px; border-left: 2px solid var(--main-accent-colour); margin-top: 2px;]call; back; get; minute; talk; know; forget; time; number; blocked

should've; known; alone; show; blood; bleed; blood; owe[/border]

[border= /*title*/ 0; box-sizing: border-box; padding: 0 0 3px 0; font-size: 13px; line-height: 10px; letter-spacing: 0.05em;][font=Times New Roman]positive traits:[/font][/border][border=
/*answer*/ 0; box-sizing: border-box; padding: 3px 0 3px 7px; position: relative; margin-left: 7px; border-left: 2px solid var(--main-accent-colour); margin-top: 2px;]alone, alone, sense, steal, soul, hide, treasure chest[/border]

[border= /*title*/ 0; box-sizing: border-box; padding: 0 0 3px 0; font-size: 13px; line-height: 10px; letter-spacing: 0.05em;][font=Times New Roman]negative traits:[/font][/border][border=
/*answer*/ 0; box-sizing: border-box; padding: 3px 0 3px 7px; position: relative; margin-left: 7px; border-left: 2px solid var(--main-accent-colour); margin-top: 2px;]told, worry, lie, honey, hurry, inside, remember, close, stars, give, love, ours[/border]

[border= /*title*/ 0; box-sizing: border-box; padding: 0 0 3px 0; font-size: 13px; line-height: 10px; letter-spacing: 0.05em;][font=Times New Roman]trivia facts:[/font][/border][border=
/*answer*/ 0; box-sizing: border-box; padding: 3px 0 3px 7px; position: relative; margin-left: 7px; border-left: 2px solid var(--main-accent-colour); margin-top: 2px;]baby; don't; feel; good; six; words; understood; never; go; five; words; say; laugh; nothing; wrong; four; days; felt; long; three; crowd; two; us; one; slipped

true; tell; lied to; crying; like you; hell; never; type; someone; right through[/border]

[border= /*title*/ 0; box-sizing: border-box; padding: 0 0 3px 0; font-size: 13px; line-height: 10px; letter-spacing: 0.05em;][font=Times New Roman]headcanons:[/font][/border][border=
/*answer*/ 0; box-sizing: border-box; padding: 3px 0 3px 7px; position: relative; margin-left: 7px; border-left: 2px solid var(--main-accent-colour); margin-top: 2px;]white shirt; red; bloody nose; sleeping; tippy toes; creeping; no one; criminal; bruises; knees; thank you; please; want; wanting; soul; cynical

standing; killing; commit; crime; peter's; vacation; invitation; animals; evidence; pearly gates; picket fence; inside; friends; invite them[/border]

[border= /*title*/ 0; box-sizing: border-box; padding: 0 0 3px 0; font-size: 13px; line-height: 10px; letter-spacing: 0.05em;][font=Times New Roman]theme songs:[/font][/border][border=
/*answer*/ 0; box-sizing: border-box; padding: 3px 0 3px 7px; position: relative; margin-left: 7px; border-left: 2px solid var(--main-accent-colour); margin-top: 2px;]don't; know; good for you; learned; lose; afford; tore; shirt; bleeding; nothing; stops; leaving

want; run; wondering; what; know; scared; care; fall asleep;go[/border][COMMENT]



----------------DON'T TYPE ANYTHING PAST THIS COMMENT----------------



[/COMMENT][/border][/border][/tab][tab=.][border= /*pic 4*/ 5px solid var(--button-4-colour); box-sizing: border-box; padding: 0; position: absolute; width: 223px; height: 103px; top: 24px; right: 22px; background: var(--tab-4-picture); background-size: cover; opacity: 1; z-index: 4;][/border][border= /*tab 4*/ 0; box-sizing: border-box; padding: 0; background: var(--text-background-colour); position: absolute; left: 0; bottom: 20px; width: 200%; height: 204px; overflow: auto; font-size: 10px; line-height: 13px; letter-spacing: 0.02em;][border= /*hidden scroll*/ 0; box-sizing: border-box; padding: 0 20px 0 17px; width: 50%;][COMMENT]



----------------YOU CAN START TYPING YOUR CS IN FROM HERE----------------
--------this is the history tab--------



[/COMMENT][border= /*title*/ 0; box-sizing: border-box; padding: 0 0 3px 0; font-size: 13px; line-height: 10px; letter-spacing: 0.05em;][font=Times New Roman]history:[/font][/border][border=
/*answer*/ 0; box-sizing: border-box; padding: 3px 0 3px 7px; position: relative; margin-left: 7px; border-left: 2px solid var(--main-accent-colour); margin-top: 2px;]don't be that way fall apart twice a day i just wish you could feel what you say show, never tell but i know you too well got a mood that you wish you could sell if teardrops could be bottled there'd be swimming pools filled by models told "a tight dress is what makes you a whore" if "i love you" was a promise  would you break it, if you're honest? tell the mirror what you know she's heard before i don't wanna be you, anymore hand, hands getting cold losing feeling is getting old was i made from a broken mold? hurt, i can't shake we've made every mistake only you know the way that i break if teardrops could be bottled there'd[/border]

[border= /*title*/ 0; box-sizing: border-box; padding: 0 0 3px 0; font-size: 13px; line-height: 10px; letter-spacing: 0.05em;][font=Times New Roman]relationships:[/font][/border][border=
/*answer*/ 0; box-sizing: border-box; padding: 6px 0 10px 7px; position: relative; margin-left: 7px; border-left: 2px solid var(--main-accent-colour); margin-top: 2px;][font=Times New Roman][size=13px]mother:[/size][/font][border=
/*specified*/ 0; box-sizing: border-box; padding: 3px 0 3px 8px; position: relative; margin-left: 4px; border-left: 2px solid var(--main-accent-colour); margin-top: 2px;]my boy's being sus', he was shady enough, but now he's just a shadow my boy loves his friends like i love my split ends, and by that i mean he cuts 'em off (what?!) my boy my boy my boy don't love me like he promised my boy my boy my boy he ain't a man, and sure as hell ain't honest my boy's being sus' and he don't know how to cuss he just sounds like he's tryna be his father (who are you?) my boy's an ugly crier but he's such a pretty liar and by that i mean he said he'd "change" my boy my boy my boy don't love me like he promised my boy my boy my boy he ain't a man and sure as hell ain't honest my boy, my boy, my friends, i love my split ends (alright dude, go trip over a knife) my boy my[/border]

[font=Times New Roman][size=13px]father:[/size][/font][border=
/*specified*/ 0; box-sizing: border-box; padding: 3px 0 3px 8px; position: relative; margin-left: 4px; border-left: 2px solid var(--main-accent-colour); margin-top: 2px;]what is it about them? i must be missing something they just keep doing nothing too intoxicated to be scared better off without them they're nothing but unstable bring ashtrays to the table and that's about the only thing they share i'm in their second hand smoke still just drinking canned coke i don't need a xanny to feel better on designated drives home only one who's not stoned don't give me a xanny now or ever waking up at sundown they're late to every party nobody's ever sorry too inebriated now to dance morning as they come down (come down) their pretty heads are hurting (hurting) they're awfully bad at learning (learning) make the same mistakes, blame circumstance i'm in their second hand smoke still just drinking canned coke i don't need a xanny to feel[/border]

[font=Times New Roman][size=13px]sibling:[/size][/font][border=
/*specified*/ 0; box-sizing: border-box; padding: 3px 0 3px 8px; position: relative; margin-left: 4px; border-left: 2px solid var(--main-accent-colour); margin-top: 2px;]in the end, when they're all gone when the world is silent and the days are long just you and i, we'll be alive we made it on our own 'cause everybody makes it 'till they don't and everybody wants to think they won't 'cause everybody makes it 'till they don't and everybody seems to think they won't, they won't, they won't, they won't baby, i'm still alive but my heart is beating slow baby, tell me i gotta know are you okay? you seem too far gone infected, standing there all alone 'cause everybody makes it 'till they don't and everybody wants to think they[/border][COMMENT]



--------i feel the need to add this to avoid confusion: this is where the tags for the "relationships" part ends--------
--------if you wanna add more relationships, simply copy the "specified" tag and write the relationship name on top (i.e. "sister" + "specified")--------



[/COMMENT][/border][COMMENT]



--------if you want to add any more "titles" you can do this before this comment--------
----------------DON'T TYPE ANYTHING *AFTER* THIS COMMENT----------------



[/COMMENT][/border][/border][/tab][/tabs][/border][/border][/border][border= /*credits*/ 0; box-sizing: border-box; padding: 0; width: 100%; font-size: 7px; position: relative; width: 100%; text-align: center;][url=https://www.rpnation.com/threads/the-dark-ages-mobile-friendly.471463/#post-10429403]code[/url] by valen t.[/border]
 
elliot navara (hollywood arts) New

toucant

crispy
SCREAM
MY NAME
  • ellie
    you're absolutely
    fucking
    beautiful,
    darling
code by valen t.


[link to thread]
 
ellie ic post New

toucant

crispy

















mood



here is how i'm feelin' today!



location



here is where i'm chillin'



outfit






tags



mentions:
interactions
















so pull me closer, and kiss me hard





Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin mattis lacinia lacus, at euismod dolor gravida id. Ut in aliquet magna. Sed in tellus ut tellus fringilla feugiat laoreet quis diam. Cras tincidunt enim et felis ultricies, sed luctus augue interdum. Integer ornare, velit ut congue rhoncus, odio turpis pharetra nisi, scelerisque cursus ligula diam et turpis. Donec ac nunc bibendum, porta elit at, suscipit nulla. Cras pretium nisi neque, vel posuere libero lobortis non.

Donec nec bibendum nulla, in vehicula quam. Nulla condimentum suscipit mi placerat blandit. Nam a elit facilisis, malesuada magna ac, commodo lorem. Vestibulum ultricies imperdiet erat eget facilisis. Vivamus id arcu quis risus viverra commodo a ut odio. Ut id urna mauris. Nullam ullamcorper condimentum libero, ut efficitur lectus pellentesque sed. Integer ante risus, imperdiet sit amet finibus quis, facilisis vitae purus. Duis quam libero, venenatis non elementum malesuada, iaculis et orci. Fusce ex neque, lacinia sed tristique non, mattis quis velit.

Praesent vitae dapibus ipsum. Duis venenatis tempor ante, ac dignissim eros scelerisque scelerisque. Proin placerat leo sit amet massa aliquam elementum. Nam sem ex, efficitur ut porttitor et, finibus sed dolor. Integer et pharetra dolor. Nunc varius massa sit amet venenatis vehicula. Sed in vehicula erat. Vivamus in ipsum nunc. Duis tincidunt nibh ac nibh volutpat mattis.









nine lives



Code:
[comment]code by nine lives ♡

fonts used:
[font=Abril Fatface]name + detail titles[/font]
[font=Georgia]body text[/font]
[font=Raleway]role[/font]

to replace fonts, replace them here, then search up 'font-family' and replace them there too between the ''!
[/comment][border=transparent;
*background image;
--bg: url('https://i.pinimg.com/564x/2f/5f/68/2f5f68e47da910b6c101a933fad3ae8e.jpg');
*main contents background colour;
--bg-color: #FFF;
*background of name & role;
--color-1: #D8D1C3;
*accent colour for details;
--color-2: #CE9B7F;

*name colour;
--name: #AD5829;
*role colour;
--role: #664a3c;
*body text colour;
--t-color: #382b25;

*character image;
--img-1: url('https://64.media.tumblr.com/03ea30ce0405ff59197d5140bb134585/e564f919959ff6a9-ba/s640x960/b625d8150cb4ecac82256fcbc27aa093ff675400.jpg');

height:470px; width:100%; max-width:620px; padding:50px 20px; box-sizing:border-box; position:relative; line-height:0; margin:auto; display:flex; flex-flow: column nowrap; align-items:center;]

   [comment]----background----[/comment]
   [border=transparent; height:100%; width:100%; padding:0; background: var(--bg); position:absolute; top:0; left:0; opacity:0.5; z-index:1; background-size:cover; -webkit-filter:saturate(1.6);
/*edit the following to adjust the cropping of the image*/ background-position: 50% 60%;][/border]

   [comment]----main content----[/comment]
   [border=transparent; height:100%; width:100%; max-width:520px; padding:10px; box-sizing:border-box; background: var(--bg-color); position:relative; z-index:2; margin:auto auto; display:flex; flex-flow: row nowrap; justify-content:center;]

      [comment]----left----[/comment]
      [border=transparent; height:100%; width:34%; min-width:100px; padding:0; display:flex; flex-flow:column nowrap; justify-content:center; align-items:center; flex-shrink:0;]
         [comment]----image----[/comment]
         [border=transparent; height:38%; width:90%; padding:0; background: var(--img-1); flex-shrink:0; background-size:cover;
/*edit the following to adjust the cropping of the image*/ background-position: 50% 80%; margin:5px 0 15px 0;][/border]

         [comment]----details----[/comment]
         [border=transparent; height:calc(62% - 15px); width:100%; padding:0; display:flex; overflow:hidden; flex-direction:column;][border=transparent; height:100%; width:200%; padding:0; overflow-y:scroll;][border=transparent; height:auto; width:50%; padding:0; display:flex; flex-flow:column nowrap; align-items:center;]

[comment]----details header----[/comment]
[border=transparent; height:fit-content; width:fit-content; margin-top:5px; padding:5px 5px 0 5px; box-sizing:border-box; color: var(--t-color); text-transform:uppercase; font-size:16px; letter-spacing:0.5px; border-bottom:8px solid var(--color-2); font-family:'Abril Fatface', display; line-height:20%;][comment]
----* * * detail title here----
[/comment]mood[/border]

[comment]----details text----[/comment]
[border=transparent; height:fit-content; width:100%; padding:0; margin:5px 0 10px 0; color: var(--t-color); font-size:11px; line-height:120%; font-family:'Georgia', sans-serif; text-align:center;][comment]
----* * *details text here----
[/comment]here is how i'm feelin' today![/border]

[comment]----details header----[/comment]
[border=transparent; height:fit-content; width:fit-content; margin-top:5px; padding:5px 5px 0 5px; box-sizing:border-box; color: var(--t-color); text-transform:uppercase; font-size:16px; letter-spacing:0.5px; border-bottom:8px solid var(--color-2); font-family:'Abril Fatface', display; line-height:20%;][comment]
----* * * detail title here----
[/comment]location[/border]

[comment]----details text----[/comment]
[border=transparent; height:fit-content; width:100%; padding:0; margin:5px 0 10px 0; color: var(--t-color); font-size:11px; line-height:120%; font-family:'Georgia', sans-serif; text-align:center;][comment]
----* * *details text here----
[/comment]here is where i'm chillin'[/border]

[comment]----details header----[/comment]
[border=transparent; height:fit-content; width:fit-content; margin-top:5px; padding:5px 5px 0 5px; box-sizing:border-box; color: var(--t-color); text-transform:uppercase; font-size:16px; letter-spacing:0.5px; border-bottom:8px solid var(--color-2); font-family:'Abril Fatface', display; line-height:20%;][comment]
----* * * detail title here----
[/comment]outfit[/border]

[comment]----details text----[/comment]
[border=transparent; height:fit-content; width:100%; padding:0; margin:5px 0 10px 0; color: var(--t-color); font-size:11px; line-height:120%; font-family:'Georgia', sans-serif; text-align:center;][comment]
----* * *details text here----
[/comment][border=transparent; padding:0; color: var(--t-color);][comment]
----* * * outfit text----
[/comment]outfit![/border][/border]

[comment]----details header----[/comment]
[border=transparent; height:fit-content; width:fit-content; margin-top:5px; padding:5px 5px 0 5px; box-sizing:border-box; color: var(--t-color); text-transform:uppercase; font-size:16px; letter-spacing:0.5px; border-bottom:8px solid var(--color-2); font-family:'Abril Fatface', display; line-height:20%;][comment]
----* * * detail title here----
[/comment]tags[/border]

[comment]----details text----[/comment]
[border=transparent; height:fit-content; width:100%; padding:0; margin:5px 0 10px 0; color: var(--t-color); font-size:11px; line-height:120%; font-family:'Georgia', sans-serif; text-align:center;][comment]
----* * *details text here----
[/comment]mentions:
interactions[/border]

         [/border][/border][/border]
         [comment]----details----[/comment]
      [/border]
      [comment]----left end----[/comment]

      [comment]----right----[/comment]
      [border=transparent; height:100%; flex-grow:1; padding:0; position:relative; display:flex; flex-flow: column nowrap; align-items:flex-end;]

   [comment]----name & role/quote----[/comment]
   [border=transparent; height:fit-content; width:fit-content; max-width:85%; padding:15px; box-sizing:border-box; background: var(--color-1); display:flex; flex-flow:column nowrap; position:relative; top:-40px; left:25px; z-index:3; align-items:center; justify-content:center; margin:0 0 -25px 0; text-align:center;]
      [comment]----name----[/comment]
      [border=transparent; height:fit-content; width:fit-content; padding:0; text-transform:uppercase; letter-spacing:0.5px; font-size:40px; font-family:'Abril Fatface', display;][comment]
----* * *link to cs here! (replace xx with your link!)----
[/comment][border=transparent; padding:0; color: var(--name); line-height:90%; display:inline;][comment]
----* * * name here!----
[/comment]elliot[/border][/border]

      [comment]----quote/role----[/comment]
      [border=transparent; height:fit-content; width:fit-content; padding:0; color: var(--role); font-family:'Raleway', sans-serif; line-height:100%; font-size:12px; margin-top:2px;][comment]
----* * *role/quote here!----
[/comment]so pull me closer, and kiss me hard[/border]
   [/border]
   [comment]----name & role/quote end----[/comment]

         [comment]----main text----[/comment]
         [border=transparent; max-height:90%; width:100%; padding:0 0 10px 0; box-sizing:border-box; overflow:hidden; display:flex; flex-direction:column;][border=transparent; height:100%; width:200%; padding:0; overflow-y:scroll;][border=transparent; height:auto; width:50%; padding:0 10px; box-sizing:border-box; color: var(--t-color); line-height:140%; font-size:11px; font-family:'Georgia', sans-serif; text-align:justify;][comment]
----* * * text starts here!----
[/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin mattis lacinia lacus, at euismod dolor gravida id. Ut in aliquet magna. Sed in tellus ut tellus fringilla feugiat laoreet quis diam. Cras tincidunt enim et felis ultricies, sed luctus augue interdum. Integer ornare, velit ut congue rhoncus, odio turpis pharetra nisi, scelerisque cursus ligula diam et turpis. Donec ac nunc bibendum, porta elit at, suscipit nulla. Cras pretium nisi neque, vel posuere libero lobortis non.

Donec nec bibendum nulla, in vehicula quam. Nulla condimentum suscipit mi placerat blandit. Nam a elit facilisis, malesuada magna ac, commodo lorem. Vestibulum ultricies imperdiet erat eget facilisis. Vivamus id arcu quis risus viverra commodo a ut odio. Ut id urna mauris. Nullam ullamcorper condimentum libero, ut efficitur lectus pellentesque sed. Integer ante risus, imperdiet sit amet finibus quis, facilisis vitae purus. Duis quam libero, venenatis non elementum malesuada, iaculis et orci. Fusce ex neque, lacinia sed tristique non, mattis quis velit.

Praesent vitae dapibus ipsum. Duis venenatis tempor ante, ac dignissim eros scelerisque scelerisque. Proin placerat leo sit amet massa aliquam elementum. Nam sem ex, efficitur ut porttitor et, finibus sed dolor. Integer et pharetra dolor. Nunc varius massa sit amet venenatis vehicula. Sed in vehicula erat. Vivamus in ipsum nunc. Duis tincidunt nibh ac nibh volutpat mattis.
         [/border][/border][/border]
         [comment]----main text----[/comment]
      [/border]
      [comment]----right end----[/comment]

   [/border]
   [comment]----main content end----[/comment]

   [comment]----made with love by uxie and triples ♡ do not remove!! !!----[/comment]
   [border=transparent; height:fit-content; width:fit-content; padding:0; color: var(--t-color); font-size:10px; position:absolute; z-index:7; top:5px; left:10px; display:flex; flex-flow: row nowrap; align-items:center; line-height:100%; opacity:0.8;][border=transparent; height:fit-content; width:fit-content; padding:0; letter-spacing:0.5px; font-weight:bold;][font=Space Grotesk]nine lives[/font][/border][border=transparent; height:fit-content; width:fit-content; padding:0; margin-left:5px; font-size:8px;][fa]fas fa-cat[/fa][/border][/border]
[/border]
 

Users Who Are Viewing This Thread (Users: 0, Guests: 1)

Top