What's new
  • When posting, please be aware that artistic nudity is still nudity and not allowed under RpNation rules. Please edit your pictures accordingly!

Resource yucksie (uxie's codes)

Uxie

ニャー
hidden scrolls on all tabs
hoo
  • yeee i changed the name

    hello, i'm uxie, and welcome to my coding workshop!!
    this is just a place for me to post some of the stuff i work on. feel free to drop suggestions/tips/critique here, and/or point out a bug or any missing credit you feel is necessary.
    if any codes are similar to others, unless stated it is most definitely a coincidence.

    please read the next page before using my codes !

❤
 
Last edited:

Uxie

ニャー
wowie its rpn

User
status
Last seen: 10 minutes ago

Joined
MMM DD, YYYY
Messages
3,046
Ratings
4,539
Follow
Ignore
Start conversation
Find⠀
Profile posts
Latest activity
Postings
About
here are some random facts about me! maybe even some basic information! you can go crazy here with any font or size you'd like- edit the height to fit all ur stuff, perhaps throw in an image here!
Birthday:
Location:
Gender:

Occupation:
MMM D, YYYY (Age: 63)
Random Place
Chair

trashcan
Contact
Conversation:

Start Conversation
Signature


Following

... and 19 more.
Followers

... and 43 more.

⠀♡coded by uxie♡




[div=width:650px;height:550px;border:1px solid #D2D2D2;margin:auto;overflow:hidden][div=overflow-y:scroll;height:550px;width:700px;][div=width:650px;height:75px;background-color:#FCFCFC;border-bottom:1px solid #F2F2F2;center;][div=position:relative;left:170px;top:3px;center;height:60px;width:450px;float:left;][font=Open Sans][color=#2980BB][size=20px]User[/size][/color]
[size=12px][color=#1d1d1d]status[/color]
[color=#9DAAC8]Last seen:[/color][color=#1d1d1d] 10 minutes ago [/color][/size][color=#1d1d1d]
[/color][/font][color=#1d1d1d][/color][/div][color=#1d1d1d][div=background:url('https://78.media.tumblr.com/a9279309a2ea742df27fbfee5a821c1e/tumblr_op3hqvKPCF1uxqwayo3_500.png');background-size:100%;height:150px;width:150px;position:relative;top:7px;left:7px;border-radius:2px][/div][/color][/div][div=position:relative;left:80px;width:480px;height:45px;background-color:white;border-bottom:1px solid #F2F2F2;center;margin-left:80px][div=width:100px;height:30px;text-align:center;display:inline-block][font=Open Sans][color=#9D9D9D][size=11px]Joined[/size][/color]
[color=#1D1D1D][size=13px]MMM DD, YYYY[/size][/color][/font][/div][div=width:100px;height:30px;text-align:center;display:inline-block;margin-left:90px][font=Open Sans][color=#9D9D9D][size=11px]Messages[/size][/color]
[color=#1D1D1D][size=13px]3,046[/size][/color][/font][/div][div=width:100px;height:30px;text-align:center;display:inline-block;margin-left:90px][font=Open Sans][color=#9D9D9D][size=11px]Ratings[/size][/color]
[color=#2A658E][size=13px]4,539[/size][/color][/font][/div][/div][div=width:480px;height:45px;background-color:white;center;][div=height:25px;width:55px;border:1px solid #D2D2D2;background-color:white;border-bottom-left-radius:4px;border-top-left-radius:4px;float:left;position:relative;left:170px;top:7px;text-align:center;display:inline-block][font=Open Sans][size=12px][color=#2980B9]Follow[/color][/size][/font][size=12px][/size][/div][div=height:25px;width:55px;border:1px solid #D2D2D2;background-color:white;border-bottom-right-radius:4px;border-top-right-radius:4px;float:left;position:relative;left:170px;top:7px;text-align:center;display:inline-block][font=Open Sans][size=12px][color=#2980B9]Ignore[/color][/size][/font][size=12px][/size][/div][div=margin-left:5px;height:25px;width:115px;border:1px solid #D2D2D2;background-color:white;border-bottom-left-radius:4px;border-top-left-radius:4px;float:left;position:relative;left:170px;top:7px;text-align:center;display:inline-block][font=Open Sans][size=12px][color=#2980B9]Start conversation[/color][/size][/font][size=12px][color=#2980B9][/color][/size][/div][div=height:25px;width:55px;border:1px solid #D2D2D2;background-color:white;border-bottom-right-radius:4px;border-top-right-radius:4px;float:left;position:relative;left:170px;top:7px;text-align:center;display:inline-block][font=Open Sans][size=12px][color=#2980B9]Find⠀[fa]fa-sort-down[/fa][/color][/size][/font][size=12px][color=#2980B9][/color][/size][/div][/div][div=width:650px;height:40px;background-color:#2980B9;center;][div=height:24px;width:100px;display:inline-block;text-align:center;position:relative;top:7px;padding:3px][div=font-size:13px;margin-left:7px;text-align:center][color=white][font=Open Sans]Profile posts[/font][/color][/div][/div][div=height:24px;width:100px;display:inline-block;text-align:center;position:relative;top:7px;padding:3px][div=font-size:13px;margin-left:7px;text-align:center][color=white][font=Open Sans]Latest activity[/font][/color][/div][/div][div=height:24px;width:80px;display:inline-block;text-align:center;position:relative;top:7px;padding:3px][div=font-size:13px;margin-left:2px;text-align:center][color=white][font=Open Sans]Postings[/font][/color][/div][/div][div=height:24px;width:60px;display:inline-block;text-align:center;position:relative;top:7px;border-bottom: 3px solid white;padding:3px][div=font-size:13px;margin-left:3px;text-align:center][color=white][font=Open Sans]About[/font][/color][/div][/div][/div][div=background-color:white;height:200px;width:650px;border-bottom:1px solid #F2F2F2;center][div=height:100%;width:625px;margin-left:10px;margin-top:15px][font=Open Sans][size=12px]here are some random facts about me! maybe even some basic information! you can go crazy here with any font or size you'd like- edit the height to fit all ur stuff, perhaps throw in an image here![/size][/font][/div][/div][div=background-color:white;height:120px;width:650px;border-bottom:1px solid #F2F2F2;center][row][column=span2][div=font-size:14px;text-align:left;margin-left:5px;margin-top:10px;color:#9D9D9D][font=Open Sans]Birthday:
Location:
Gender:

Occupation:[/font][/div][/column][column=span6][div=font-size:14px;text-align:left;margin-left:25px;margin-top:10px;color:#1d1d1d][font=Open Sans]MMM D, YYYY (Age: 63)
Random Place
Chair

trashcan[/font][/div][/column][div=font-size:14px;text-align:left;margin-left:25px;margin-top:10px;color:#1d1d1d][/div][/row][div=font-size:14px;text-align:left;margin-left:25px;margin-top:10px;color:#1d1d1d][/div][/div][div=background-color:white;height:60px;width:650px;border-bottom:1px solid #F2F2F2;center;line-height:20px][row][column=span2][div=font-size:14px;text-align:left;margin-left:5px;margin-top:10px;][font=Open Sans][color=#3687BD]Contact[/color]
[color=#9D9D9D]Conversation:[/color][/font][/div][/column][column=span6][div=font-size:14px;text-align:left;margin-left:25px;margin-top:10px;color:#3687BD][font=Open Sans]
Start Conversation[/font][/div][/column][div=font-size:14px;text-align:left;margin-left:25px;margin-top:10px;color:#3687BD][/div][/row][div=font-size:14px;text-align:left;margin-left:25px;margin-top:10px;color:#3687BD][/div][/div][div=background-color:white;width:650px;border-bottom:1px solid #F2F2F2;center;][div=font-size:14px;text-align:left;margin-left:11px;margin-top:10px;][font=Open Sans][color=#3687BD]Signature[/color]
[/font][/div][div=font-size:14px;text-align:center;margin:auto;center;color:#1d1d1d;][font=Open Sans]
♚[/font][/div]
[/div][div=background-color:white;height:105px;width:650px;border-bottom:1px solid #F2F2F2;center;][div=font-size:14px;text-align:left;color:#3687BD;margin-left:11px;margin-top:10px][font=Open Sans]Following[/font][/div][div=background:url('https://www.rpnation.com/data/avatars/l/30/30903.jpg?1519973099');background-size:100%;height:50px;width:50px;border-radius:2px;display:inline-block;margin-left:10px;margin-top:7px][/div][div=background:url('https://www.rpnation.com/data/avatars/l/3/3827.jpg?1521653391');background-size:100%;height:50px;width:50px;border-radius:2px;display:inline-block;margin-left:5px;margin-top:7px][/div][div=background:url('https://www.rpnation.com/data/avatars/l/54/54312.jpg?1521742661');background-size:100%;height:50px;width:50px;border-radius:2px;display:inline-block;margin-left:5px;margin-top:7px][/div][div=background:url('https://www.rpnation.com/data/avatars/s/47/47539.jpg?1491871944');background-size:100%;height:50px;width:50px;border-radius:2px;display:inline-block;margin-left:5px;margin-top:7px][/div][div=background:url('https://www.rpnation.com/data/avatars/l/34/34131.jpg?1518462152');background-size:100%;height:50px;width:50px;border-radius:2px;display:inline-block;margin-left:5px;margin-top:7px][/div][div=background:url('https://i.redd.it/rsf9z7oil8c01.jpg');background-size:100%;height:50px;width:50px;border-radius:2px;display:inline-block;margin-left:5px;margin-top:7px][/div][div=background:url('https://pm1.narvii.com/6582/e0c2316af04d9c85831462b8d3734fe7f87bf396_hq.jpg');background-size:100%;height:50px;width:50px;border-radius:2px;display:inline-block;margin-left:5px;margin-top:7px][/div][div=background:url('https://i.pinimg.com/originals/d8/b9/8e/d8b98e0d67506b6db957c39cc807c05a.jpg');background-size:100%;height:50px;width:50px;border-radius:2px;display:inline-block;margin-left:5px;margin-top:7px][/div][div=background:url('https://78.media.tumblr.com/6a2e89385a2126ba46330b3b789574a8/tumblr_ovtdv4q8nM1wzk6ljo2_400.png');background-size:100%;height:50px;width:50px;border-radius:2px;display:inline-block;margin-left:5px;margin-top:7px][/div]
[div=font-size:14px;text-align:left;color:#3687BD;margin-left:11px][font=Open Sans]... and 19 more.[/font][/div][/div][div=background-color:white;height:105px;width:650px;border-bottom:1px solid #F2F2F2;center;][div=font-size:14px;text-align:left;color:#3687BD;margin-left:11px;margin-top:10px][font=Open Sans]Followers[/font][/div][div=background:url('https://78.media.tumblr.com/6a2e89385a2126ba46330b3b789574a8/tumblr_ovtdv4q8nM1wzk6ljo2_400.png');background-size:100%;height:50px;width:50px;border-radius:2px;display:inline-block;margin-left:10px;margin-top:7px][/div][div=background:url('https://78.media.tumblr.com/62951a484fbf50a0f14d44af6f841e2a/tumblr_olqlwg2I1G1tvsbazo4_r2_1280.jpg');background-size:100%;height:50px;width:50px;border-radius:2px;display:inline-block;margin-left:5px;margin-top:7px][/div][div=background:url('https://pbs.twimg.com/media/DXYSazfX4AIh6jH.jpg');background-size:100%;height:50px;width:50px;border-radius:2px;display:inline-block;margin-left:5px;margin-top:7px][/div][div=background:url('https://www.rpnation.com/data/avatars/s/47/47539.jpg?1491871944');background-size:100%;height:50px;width:50px;border-radius:2px;display:inline-block;margin-left:5px;margin-top:7px][/div][div=background:url('https://www.rpnation.com/data/avatars/l/34/34131.jpg?1518462152');background-size:100%;height:50px;width:50px;border-radius:2px;display:inline-block;margin-left:5px;margin-top:7px][/div][div=background:url('https://i.redd.it/rsf9z7oil8c01.jpg');background-size:100%;height:50px;width:50px;border-radius:2px;display:inline-block;margin-left:5px;margin-top:7px][/div][div=background:url('https://pm1.narvii.com/6582/e0c2316af04d9c85831462b8d3734fe7f87bf396_hq.jpg');background-size:100%;height:50px;width:50px;border-radius:2px;display:inline-block;margin-left:5px;margin-top:7px][/div][div=background:url('https://i.pinimg.com/originals/d8/b9/8e/d8b98e0d67506b6db957c39cc807c05a.jpg');background-size:100%;height:50px;width:50px;border-radius:2px;display:inline-block;margin-left:5px;margin-top:7px][/div][div=background:url('https://www.rpnation.com/data/avatars/l/3/3827.jpg?1521653391');background-size:100%;height:50px;width:50px;border-radius:2px;display:inline-block;margin-left:5px;margin-top:7px][/div]
[div=font-size:14px;text-align:left;color:#3687BD;margin-left:11px][font=Open Sans]... and 43 more.[/font][/div][/div]
[font=Open Sans][color=#9DAAC8][size=10px]⠀♡coded by uxie♡[/size][/color][/font][/div][/div]
 
Last edited:

Uxie

ニャー
and now it's twitter oh jeez wowie

Following



Tweets
10.4K
Following
286
Followers
3,792
Likes
14.2K

Name
@username
hello my name is


location
Joined Month Year

Tweet To
Message



782 Photos and Videos






Name @username · 1h
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam viverra erat augue, sed mollis augue auctor at. Duis mollis vitae nisl a rhoncus. Nulla viverra dictum urna sed cursus. Vivamus euismod ac est nec pellentesque. Duis augue sem, convallis ut purus in, efficitur consequat felis. Aenean aliquet neque diam, vel porttitor mi tincidunt convallis. Mauris ante leo, feugiat nec hendrerit ac, pretium ac est. Curabitur dictum sollicitudin ornare. Nam nec pellentesque dolor. Etiam vitae magna convallis, faucibus nisl id, auctor ex.

Etiam tristique fermentum odio et gravida. Cras vitae sem dapibus, consectetur nibh sed, volutpat arcu. Donec accumsan euismod arcu nec euismod. Praesent lorem sem, pharetra eget finibus eu, commodo a nisl. Curabitur interdum tincidunt condimentum. Praesent accumsan libero cursus aliquam suscipit. Proin at lacus non metus auctor scelerisque. Donec non velit erat. Proin vulputate mauris dolor. Etiam ut cursus orci, a tincidunt nisl. Donec lacinia mauris et facilisis accumsan. Praesent vestibulum eu orci sed dapibus. Maecenas pharetra tortor quis eros commodo, sed congue lacus aliquet.


Name @username · 23h
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam viverra erat augue, sed mollis augue auctor at. Duis mollis vitae nisl a rhoncus. Nulla viverra dictum urna sed cursus. Vivamus euismod ac est nec pellentesque. Duis augue sem, convallis ut purus in, efficitur consequat felis. Aenean aliquet neque diam, vel porttitor mi tincidunt convallis. Mauris ante leo, feugiat nec hendrerit ac, pretium ac est. Curabitur dictum sollicitudin ornare. Nam nec pellentesque dolor. Etiam vitae magna convallis, faucibus nisl id, auctor ex.

Etiam tristique fermentum odio et gravida. Cras vitae sem dapibus, consectetur nibh sed, volutpat arcu. Donec accumsan euismod arcu nec euismod. Praesent lorem sem, pharetra eget finibus eu, commodo a nisl. Curabitur interdum tincidunt condimentum. Praesent accumsan libero cursus aliquam suscipit. Proin at lacus non metus auctor scelerisque. Donec non velit erat. Proin vulputate mauris dolor. Etiam ut cursus orci, a tincidunt nisl. Donec lacinia mauris et facilisis accumsan. Praesent vestibulum eu orci sed dapibus. Maecenas pharetra tortor quis eros commodo, sed congue lacus aliquet.


Name @username · MMM DD
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam viverra erat augue, sed mollis augue auctor at. Duis mollis vitae nisl a rhoncus. Nulla viverra dictum urna sed cursus. Vivamus euismod ac est nec pellentesque. Duis augue sem, convallis ut purus in, efficitur consequat felis. Aenean aliquet neque diam, vel porttitor mi tincidunt convallis. Mauris ante leo, feugiat nec hendrerit ac, pretium ac est. Curabitur dictum sollicitudin ornare. Nam nec pellentesque dolor. Etiam vitae magna convallis, faucibus nisl id, auctor ex.

Etiam tristique fermentum odio et gravida. Cras vitae sem dapibus, consectetur nibh sed, volutpat arcu. Donec accumsan euismod arcu nec euismod. Praesent lorem sem, pharetra eget finibus eu, commodo a nisl. Curabitur interdum tincidunt condimentum. Praesent accumsan libero cursus aliquam suscipit. Proin at lacus non metus auctor scelerisque. Donec non velit erat. Proin vulputate mauris dolor. Etiam ut cursus orci, a tincidunt nisl. Donec lacinia mauris et facilisis accumsan. Praesent vestibulum eu orci sed dapibus. Maecenas pharetra tortor quis eros commodo, sed congue lacus aliquet.


Name @username · MMM DD
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam viverra erat augue, sed mollis augue auctor at. Duis mollis vitae nisl a rhoncus. Nulla viverra dictum urna sed cursus. Vivamus euismod ac est nec pellentesque. Duis augue sem, convallis ut purus in, efficitur consequat felis. Aenean aliquet neque diam, vel porttitor mi tincidunt convallis. Mauris ante leo, feugiat nec hendrerit ac, pretium ac est. Curabitur dictum sollicitudin ornare. Nam nec pellentesque dolor. Etiam vitae magna convallis, faucibus nisl id, auctor ex.

Etiam tristique fermentum odio et gravida. Cras vitae sem dapibus, consectetur nibh sed, volutpat arcu. Donec accumsan euismod arcu nec euismod. Praesent lorem sem, pharetra eget finibus eu, commodo a nisl. Curabitur interdum tincidunt condimentum. Praesent accumsan libero cursus aliquam suscipit. Proin at lacus non metus auctor scelerisque. Donec non velit erat. Proin vulputate mauris dolor. Etiam ut cursus orci, a tincidunt nisl. Donec lacinia mauris et facilisis accumsan. Praesent vestibulum eu orci sed dapibus. Maecenas pharetra tortor quis eros commodo, sed congue lacus aliquet.




⠀♡coded by uxie♡




[div=position:relative;top:247px;left:880px;background-color:#F5ABB5;height:30px;width:90px;border-radius:80px;line-height:20px;display: inline-block;][div=margin:auto;position:relative;top:4px][font=Segoe UI][size=12px][color=white][center][b]Following[/b][/center][/color][/size][/font][size=12px][/size][/div][/div]
[div=height:200px;width:650px;background:url('https://www.jqueryscript.net/images/Simplest-Responsive-jQuery-Image-Lightbox-Plugin-simple-lightbox.jpg');background-size:100%;center;margin:auto;]
[div=height:140px;width:140px;z-index:90;background:url('https://www.jqueryscript.net/images/Simplest-Responsive-jQuery-Image-Lightbox-Plugin-simple-lightbox.jpg');background-size:100%;border: 4px solid white;border-radius:50%;position:relative;top:110px;left:40px;][/div]
[/div][div=height:60px;width:650px;background-color:white;center;margin:auto][row][column=span2][div=center;height:50px;padding:4px;width:60px;position:relative;left:220px;border-bottom:2px solid #F5ABB5][div=text-align:center!important;font-weight:Bold;letter-spacing:1px][font=Segoe UI][size=10px][color=#7E8790]Tweets[/color][/size]
[size=18px][color=#F5ABB5]10.4K[/color][/size][/font][/div][/div][/column][column=span2][div=height:40px;padding:4px;width:80px;position:relative;left:120px;][div=text-align:center!important;color:#7E8790;font-weight:Bold;letter-spacing:1px][font=Segoe UI][size=10px]Following[/size]
[size=18px]286[/size][/font][/div][/div][/column][column=span2][div=height:40px;padding:4px;width:80px;position:relative;left:28px;][div=text-align:center!important;color:#7E8790;font-weight:Bold;letter-spacing:1px][font=Segoe UI][size=10px]Followers[/size]
[size=18px]3,792[/size][/font][/div][/div][/column][column=span2][div=height:40px;padding:4px;width:80px;position:relative;right:70px][div=text-align:center!important;color:#7E8790;font-weight:Bold;letter-spacing:1px][font=Segoe UI][size=10px]Likes[/size]
[size=18px] 14.2K[/size][/font][/div][/div][/column][/row][/div][div=height:400px;width:650px;background-color:#E6ECF0;margin:auto;center;overflow:hidden;][div=overflow-y:scroll;height:400px;][row][column=span2]
[div=height:30px;width:150px;font-weight:bold;color:#14171a;text-align:left;font-size:20px;position:relative;left:45px;][font=Segoe UI]Name[/font][/div][div=height:30px;width:150px;;color:#99A5B0;text-align:left;font-size:12px;position:relative;left:45px;][font=Segoe UI][b]@[/b]username[/font][/div][div=height:50px;width:200px;font-size:12px;text-align:left;position:relative;left:45px;][font=Segoe UI][color=#14171a]hello my name is[/color][/font][/div][font=Segoe UI]

[div=font-size:12px;text-align:left;position:relative;left:45px;height:230px;width:200px;][div=line-height: 2.1][color=#99A5B0][fa]fa-map-marker[/fa] location
[fa]fa-calendar-alt[/fa] Joined Month Year[/color][/div]
[div=background-color:#F5ABB5;height:30px;width:75px;border-radius:80px;line-height:20px;float:left][div=margin:auto;position:relative;top:4px][font=Segoe UI][size=11px][color=white][center][b]Tweet To[/b][/center][/color][/size][/font][size=11px][/size][/div][/div][div=margin-left:5px;background-color:#F5ABB5;height:30px;width:75px;border-radius:80px;line-height:20px;float:left][div=margin:auto;position:relative;top:4px][font=Segoe UI][size=11px][color=white][center][b]Message[/b][/center][/color][/size][/font][size=11px][/size][/div][/div]


[color=#99A5B0][fa]fa-image[/fa][/color][color=#F5ABB5] 782 Photos and Videos[/color]
[div=position:relative;top:3px;width:50px;height:50px;background:url('https://www.jqueryscript.net/images/Simplest-Responsive-jQuery-Image-Lightbox-Plugin-simple-lightbox.jpg');background-size:100%;border-radius:2px;float:left][/div][div=position:relative;top:3px;left:3px;width:50px;height:50px;background:url('https://www.jqueryscript.net/images/Simplest-Responsive-jQuery-Image-Lightbox-Plugin-simple-lightbox.jpg');background-size:100%;border-radius:2px;float:left][/div][div=position:relative;top:3px;left:6px;width:50px;height:50px;background:url('https://www.jqueryscript.net/images/Simplest-Responsive-jQuery-Image-Lightbox-Plugin-simple-lightbox.jpg');background-size:100%;border-radius:2px;float:left][/div]
[div=display:none][/div]

[/div][/font][div=font-size:12px;text-align:left;position:relative;left:45px;height:230px;width:200px;][/div]

[/column][column=span6]
[div=background-color:white;height:800px;padding:6px;width:380px;position:relative;left:60px][div=height:180px;width:360px;border-bottom:1px solid #d3d3d3;overflow:hidden;padding:10px][div=overflow-y:auto;height:180px;width:100%;padding-right:150px][div=background:url('https://www.jqueryscript.net/images/Simplest-Responsive-jQuery-Image-Lightbox-Plugin-simple-lightbox.jpg');background-size:100%;border-radius:50%;height:50px;width:50px;position:relative;left:10px;float:left][/div][div=float:right][fa]fa-angle-down[/fa][/div][div=position:relative;left:30px][font=Segoe UI][size=13px][b]Name[/b] [color=gray][i]@[/i]username · 1h[/color][/size][color=gray][/color][/font][/div][font=Segoe UI][div=font-size:12px;margin-left:80px;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam viverra erat augue, sed mollis augue auctor at. Duis mollis vitae nisl a rhoncus. Nulla viverra dictum urna sed cursus. Vivamus euismod ac est nec pellentesque. Duis augue sem, convallis ut purus in, efficitur consequat felis. Aenean aliquet neque diam, vel porttitor mi tincidunt convallis. Mauris ante leo, feugiat nec hendrerit ac, pretium ac est. Curabitur dictum sollicitudin ornare. Nam nec pellentesque dolor. Etiam vitae magna convallis, faucibus nisl id, auctor ex.

Etiam tristique fermentum odio et gravida. Cras vitae sem dapibus, consectetur nibh sed, volutpat arcu. Donec accumsan euismod arcu nec euismod. Praesent lorem sem, pharetra eget finibus eu, commodo a nisl. Curabitur interdum tincidunt condimentum. Praesent accumsan libero cursus aliquam suscipit. Proin at lacus non metus auctor scelerisque. Donec non velit erat. Proin vulputate mauris dolor. Etiam ut cursus orci, a tincidunt nisl. Donec lacinia mauris et facilisis accumsan. Praesent vestibulum eu orci sed dapibus. Maecenas pharetra tortor quis eros commodo, sed congue lacus aliquet.[/div][/font][div=font-size:12px;margin-left:80px;][/div]

[/div][/div][div=height:180px;width:360px;border-bottom:1px solid #d3d3d3;overflow:hidden;padding:10px][div=overflow-y:auto;height:180px;width:100%;padding-right:150px][div=background:url('https://www.jqueryscript.net/images/Simplest-Responsive-jQuery-Image-Lightbox-Plugin-simple-lightbox.jpg');background-size:100%;border-radius:50%;height:50px;width:50px;position:relative;left:10px;float:left][/div][div=float:right][fa]fa-angle-down[/fa][/div][div=position:relative;left:30px][font=Segoe UI][size=13px][b]Name[/b] [color=gray][i]@[/i]username · 23h[/color][/size][color=gray][/color][/font][/div][font=Segoe UI][div=font-size:12px;margin-left:80px;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam viverra erat augue, sed mollis augue auctor at. Duis mollis vitae nisl a rhoncus. Nulla viverra dictum urna sed cursus. Vivamus euismod ac est nec pellentesque. Duis augue sem, convallis ut purus in, efficitur consequat felis. Aenean aliquet neque diam, vel porttitor mi tincidunt convallis. Mauris ante leo, feugiat nec hendrerit ac, pretium ac est. Curabitur dictum sollicitudin ornare. Nam nec pellentesque dolor. Etiam vitae magna convallis, faucibus nisl id, auctor ex.

Etiam tristique fermentum odio et gravida. Cras vitae sem dapibus, consectetur nibh sed, volutpat arcu. Donec accumsan euismod arcu nec euismod. Praesent lorem sem, pharetra eget finibus eu, commodo a nisl. Curabitur interdum tincidunt condimentum. Praesent accumsan libero cursus aliquam suscipit. Proin at lacus non metus auctor scelerisque. Donec non velit erat. Proin vulputate mauris dolor. Etiam ut cursus orci, a tincidunt nisl. Donec lacinia mauris et facilisis accumsan. Praesent vestibulum eu orci sed dapibus. Maecenas pharetra tortor quis eros commodo, sed congue lacus aliquet.[/div][/font][div=font-size:12px;margin-left:80px;][/div]

[/div][/div][div=height:180px;width:360px;border-bottom:1px solid #d3d3d3;overflow:hidden;padding:10px][div=overflow-y:auto;height:180px;width:100%;padding-right:150px][div=background:url('https://www.jqueryscript.net/images/Simplest-Responsive-jQuery-Image-Lightbox-Plugin-simple-lightbox.jpg');background-size:100%;border-radius:50%;height:50px;width:50px;position:relative;left:10px;float:left][/div][div=float:right][fa]fa-angle-down[/fa][/div][div=position:relative;left:30px][font=Segoe UI][size=13px][b]Name[/b] [color=gray][i]@[/i]username · MMM DD[/color][/size][color=gray][/color][/font][/div][font=Segoe UI][div=font-size:12px;margin-left:80px;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam viverra erat augue, sed mollis augue auctor at. Duis mollis vitae nisl a rhoncus. Nulla viverra dictum urna sed cursus. Vivamus euismod ac est nec pellentesque. Duis augue sem, convallis ut purus in, efficitur consequat felis. Aenean aliquet neque diam, vel porttitor mi tincidunt convallis. Mauris ante leo, feugiat nec hendrerit ac, pretium ac est. Curabitur dictum sollicitudin ornare. Nam nec pellentesque dolor. Etiam vitae magna convallis, faucibus nisl id, auctor ex.

Etiam tristique fermentum odio et gravida. Cras vitae sem dapibus, consectetur nibh sed, volutpat arcu. Donec accumsan euismod arcu nec euismod. Praesent lorem sem, pharetra eget finibus eu, commodo a nisl. Curabitur interdum tincidunt condimentum. Praesent accumsan libero cursus aliquam suscipit. Proin at lacus non metus auctor scelerisque. Donec non velit erat. Proin vulputate mauris dolor. Etiam ut cursus orci, a tincidunt nisl. Donec lacinia mauris et facilisis accumsan. Praesent vestibulum eu orci sed dapibus. Maecenas pharetra tortor quis eros commodo, sed congue lacus aliquet.[/div][/font][div=font-size:12px;margin-left:80px;][/div]

[/div][/div][div=height:180px;width:355px;overflow:hidden;padding:10px][div=overflow-y:auto;height:180px;width:100%;padding-right:150px][div=background:url('https://www.jqueryscript.net/images/Simplest-Responsive-jQuery-Image-Lightbox-Plugin-simple-lightbox.jpg');background-size:100%;border-radius:50%;height:50px;width:50px;position:relative;left:10px;float:left][/div][div=float:right][fa]fa-angle-down[/fa][/div][div=position:relative;left:30px][font=Segoe UI][size=13px][b]Name[/b] [color=gray][i]@[/i]username · MMM DD[/color][/size][color=gray][/color][/font][/div][font=Segoe UI][div=font-size:12px;margin-left:80px;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam viverra erat augue, sed mollis augue auctor at. Duis mollis vitae nisl a rhoncus. Nulla viverra dictum urna sed cursus. Vivamus euismod ac est nec pellentesque. Duis augue sem, convallis ut purus in, efficitur consequat felis. Aenean aliquet neque diam, vel porttitor mi tincidunt convallis. Mauris ante leo, feugiat nec hendrerit ac, pretium ac est. Curabitur dictum sollicitudin ornare. Nam nec pellentesque dolor. Etiam vitae magna convallis, faucibus nisl id, auctor ex.

Etiam tristique fermentum odio et gravida. Cras vitae sem dapibus, consectetur nibh sed, volutpat arcu. Donec accumsan euismod arcu nec euismod. Praesent lorem sem, pharetra eget finibus eu, commodo a nisl. Curabitur interdum tincidunt condimentum. Praesent accumsan libero cursus aliquam suscipit. Proin at lacus non metus auctor scelerisque. Donec non velit erat. Proin vulputate mauris dolor. Etiam ut cursus orci, a tincidunt nisl. Donec lacinia mauris et facilisis accumsan. Praesent vestibulum eu orci sed dapibus. Maecenas pharetra tortor quis eros commodo, sed congue lacus aliquet.[/div][/font][div=font-size:12px;margin-left:80px;][/div]

[/div][/div]
[/div]
[/column][/row]
[size=10px][color=#99A5B0][font=Segoe UI]⠀♡coded by uxie♡[/font][/color][/size]
[/div][/div]
 
Last edited:

Uxie

ニャー
this code is mobile friendly (:
take note that only options is not a clickable option. please read through the credits before use


INSERT COIN TO PLAY






GAME START


OPTIONS


CREDITS




Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent bibendum tristique pharetra. Maecenas convallis, nisl quis pretium imperdiet, metus sapien commodo ex, vel luctus tellus purus id mauris. Aenean faucibus libero nec euismod accumsan. Nunc egestas ipsum et sapien tempor suscipit. Duis eros nisi, blandit et eleifend quis, cursus sit amet orci. Ut ut mi id est bibendum commodo. Suspendisse eleifend orci eu leo sollicitudin, eget imperdiet mauris tincidunt. Nam sit amet quam non leo egestas tincidunt vitae eget dui. Interdum et malesuada fames ac ante ipsum primis in faucibus.

Cras sit amet tristique justo. Ut venenatis, mi vestibulum elementum consequat, mauris justo suscipit sem, sit amet aliquam ex purus id arcu. Aliquam venenatis ante eget nunc dictum, id mollis urna suscipit. Vestibulum et pellentesque nibh, eu tincidunt enim. Sed sit amet odio ac lectus imperdiet hendrerit vel id massa. Ut porta eros nulla, vel cursus nibh efficitur in. Vivamus vestibulum odio nisi. Ut ultricies leo non lacus tincidunt, eget mollis nisi euismod. Proin sed libero quis libero ultrices congue aliquam imperdiet est. Proin eu sem ex.

Vivamus id nisi eleifend, condimentum nisl ut, vehicula tellus. Fusce a varius quam. Aenean in lobortis ex, a aliquam urna. Aenean tristique suscipit viverra. Ut est dui, imperdiet sed ipsum ac, pellentesque lacinia est. Pellentesque eu ipsum eget magna interdum efficitur et sit amet dolor. Nunc ante mi, mollis in pulvinar ut, imperdiet sit amet metus. In hac habitasse platea dictumst. Quisque venenatis lacus non magna vulputate, nec pharetra nunc tempus. Aenean luctus facilisis nisl non cursus. Suspendisse tristique faucibus arcu sed tristique.



placeholder

-uxie
hello, hello!
i'm trying something almost entirely new to me with this one; after learning divs a while back i think im on a roll now, and i've successfully (i think) managed to figure out classes, somewhat, almost all by myself :")
almost, because a lot of the self-learning came from staring and referencing various of /u/altera's codes as well as the code that was used in his and /u/sugarvine's collaborative code workshop, fever dreams

they're both amazing coders, bless their work, and go check them out if you haven't. esp altera's sortof lessons on some of the crazier parts of bbcode+, i think anyone could learn a lot from that.

i feel like this idea is super unoriginal, so apologies in advance to anyone who may have done something similar in the past, but i promise u i didn't take the idea from any existing code that i've seen or know of! i'm sure ur code is really good!

i think i might come back one day and freshen this up a lil, but i'm lowkey way too tired to try and improve it rn lmao
this code is free to use for anyone who can figure it out through this mess, but please do not remove this tab or edit it in any way, bc this code, like all other codes, took a lot of my time!!! a stupid amount of time tbh lmao so yeah! i'd appreciate if this credit was kept!

artist of the background:
tumblr
twitter

note for use:
majority of the code is within the display:none div! try not to make any super major edits in case the code breaks, unless you're sure that you can fix it / adjust it without it breaking!! i have tried to separate and list areas with comments, so i hope that helps at all in organisation lolol. again, pls dont remove the credit thank u!! hope u like this (:





















































































































[div class=container]
[div class=overlay][div class=pay][div class=insertcoin][font=Press Start 2P]INSERT COIN TO PLAY[/font][/div]
[div class=coin]
[div=background:url('https://thumbs.gfycat.com/DarlingAcceptableHapuku-max-1mb.gif');height:22px;width:22px;background-size:100%;position:relative;top:-22px;left:21px;][/div][/div]
[/div][/div]
[div class=menu][div class=overlay]
[div=margin:auto;center;height:160px;width:160px;border:4px solid #ffc8d0;border-radius:50%;background:url('https://ih1.redbubble.net/image.470656325.7127/flat,800x800,075,f.jpg');background-size:100%;][/div][div class=container1]
[div class=start][font=Press Start 2P]GAME START[/font][/div][div class=arrow1] ◀[/div]

[div class=options][font=Press Start 2P]OPTIONS[/font][/div][div class=arrow2] ◀[/div]

[div class=credits][font=Press Start 2P]CREDITS[/font][/div][div class=arrow3] ◀[/div]
[/div]
[/div][/div]

[div class=overlay][div class=basic][div=float:left;height:35px;width:35px;background:url('https://orig00.deviantart.net/8baa/f/2012/058/0/5/8_bit_heart_stock_by_xquatrox-d4r844m.png');position:absolute;top:-70px;left:10px;background-size:100%][/div][div=float:left;height:35px;width:35px;background:url('https://orig00.deviantart.net/8baa/f/2012/058/0/5/8_bit_heart_stock_by_xquatrox-d4r844m.png');position:absolute;top:-70px;left:50px;background-size:100%][/div][div=float:left;height:35px;width:35px;background:url('https://orig00.deviantart.net/8baa/f/2012/058/0/5/8_bit_heart_stock_by_xquatrox-d4r844m.png');position:absolute;top:-70px;left:90px;background-size:100%][/div][div class=home1][fa]fa-home[/fa][/div][div=height:415px;width:340px;overflow:hidden;position:absolute;top:-22px;left:-4px;padding:10px;center;margin-bottom:5px;][div=padding-right:150px;height:400px;width:335px;overflow-y:scroll;center;margin:auto;][div=text-align:justify;font-size:12px;color:white;][div class=img1][div class=img1hover][/div][/div]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent bibendum tristique pharetra. Maecenas convallis, nisl quis pretium imperdiet, metus sapien commodo ex, vel luctus tellus purus id mauris. Aenean faucibus libero nec euismod accumsan. Nunc egestas ipsum et sapien tempor suscipit. Duis eros nisi, blandit et eleifend quis, cursus sit amet orci. Ut ut mi id est bibendum commodo. Suspendisse eleifend orci eu leo sollicitudin, eget imperdiet mauris tincidunt. Nam sit amet quam non leo egestas tincidunt vitae eget dui. Interdum et malesuada fames ac ante ipsum primis in faucibus.

[div class=img2][div class=img2hover][/div][/div]Cras sit amet tristique justo. Ut venenatis, mi vestibulum elementum consequat, mauris justo suscipit sem, sit amet aliquam ex purus id arcu. Aliquam venenatis ante eget nunc dictum, id mollis urna suscipit. Vestibulum et pellentesque nibh, eu tincidunt enim. Sed sit amet odio ac lectus imperdiet hendrerit vel id massa. Ut porta eros nulla, vel cursus nibh efficitur in. Vivamus vestibulum odio nisi. Ut ultricies leo non lacus tincidunt, eget mollis nisi euismod. Proin sed libero quis libero ultrices congue aliquam imperdiet est. Proin eu sem ex.

Vivamus id nisi eleifend, condimentum nisl ut, vehicula tellus. Fusce a varius quam. Aenean in lobortis ex, a aliquam urna. Aenean tristique suscipit viverra. Ut est dui, imperdiet sed ipsum ac, pellentesque lacinia est. Pellentesque eu ipsum eget magna interdum efficitur et sit amet dolor. Nunc ante mi, mollis in pulvinar ut, imperdiet sit amet metus. In hac habitasse platea dictumst. Quisque venenatis lacus non magna vulputate, nec pharetra nunc tempus. Aenean luctus facilisis nisl non cursus. Suspendisse tristique faucibus arcu sed tristique.

[/div][/div][/div]
[/div][/div]
[color=transparent]placeholder[/color]

[div class=signature][div class=overlay][div class=home2][fa]fa-home[/fa][/div][div=color: #ffd6e5;font-size:40px;text-shadow:1px 2px #FB9999;position:absolute;left:180px;top:300px;z-index:5;float:left;font-weight:bold;font-style:italic;]-uxie[/div][div class=signaturetext][div=height:200px;width:200px;overflow-y:scroll;padding-right:100px;center;position:relative;left:5px;][div=font-size:12px;color:black;text-align:justify;][font=Nunito]hello, hello!
i'm trying something almost entirely new to me with this one; after learning divs a while back i think im on a roll now, and i've successfully (i think) managed to figure out classes, somewhat, almost all by myself :")
almost, because a lot of the self-learning came from staring and referencing various of /u/altera's codes as well as the code that was used in his and /u/sugarvine's collaborative code workshop, [url='https://www.rpnation.com/threads/%E2%80%83%E2%80%83%C2%AC-feverdreams-%E2%B8%A5%E2%80%83alt-%F0%90%84%82-sugar.398388/']fever dreams[/url]

they're both amazing coders, bless their work, and go check them out if you haven't. esp altera's sortof lessons on some of the crazier parts of bbcode+, i think anyone could learn a lot from that.

i feel like this idea is super unoriginal, so apologies in advance to anyone who may have done something similar in the past, but i promise u i didn't take the idea from any existing code that i've seen or know of! i'm sure ur code is really good!

i think i might come back one day and freshen this up a lil, but i'm lowkey way too tired to try and improve it rn lmao
this code is [b]free to use[/b] for anyone who can figure it out through this mess, but [b]please do not remove this tab or edit it in any way[/b], bc this code, like all other codes, took a lot of my time!!! a stupid amount of time tbh lmao so yeah![b] i'd appreciate if this credit was kept![/b]
[div=display:none][USER=30903]@Uxie[/USER][/div]
artist of the background:
[url='http://8pxl.tumblr.com/']tumblr[/url]
[url='https://twitter.com/16pxl/']twitter[/url]

note for use:
majority of the code is within the [b]display:none div[/b]! try not to make any super major edits in case the code breaks, unless you're sure that you can fix it / adjust it without it breaking!! i have tried to separate and list areas with comments, so i hope that helps at all in organisation lolol. again, pls dont remove the credit thank u!! hope u like this (:

[/font][/div][/div][/div][/div]
[/div]


[div=display:none]
[comment]screens[/comment]

[class=overlay]
cursor: pointer;
[/class]

[class=container]
height:470px;
width: 340px;
border: 3px solid #deacae;
background:url('https://78.media.tumblr.com/646c8c7e397e4691f70a5f9dd3cffa7d/tumblr_p0z30p8Twr1tlgv32o2_500.gif');
background-size:140%;
margin:auto;
padding:5px;
position:relative;
[/class]

[class=menu]
height: 470px;
width: 340px;
margin:auto;
position:absolute;
visibility:hidden;
[/class]

[class=container1]
height: 250px;
width: 300px;
margin-top: 45px;
[/class]

[class=pay]
height:470px;
width:340px;
margin:auto;
position:absolute;
[/class]

[class=insertcoin]
position:absolute;
top:180px;
left:58px;
font-size:12px;
color:#ffd6e5;
[/class]

[class=coin]
height:18px;
width:62px;
border-radius:5px;
background-color:#fcb7b7;
padding:5px;
position:absolute;
top:218px;
left:135px;
[/class]

[class name=coin state=hover]
background-color:#c287c6
[/class]

[class=signature]
height: 470px;
width: 340px;
visibility:hidden;
[/class]

[class=signaturetext]
background-color:white;
height:200px;
width:200px;
overflow:hidden;
position:absolute;
left:70px;
top:130px;
padding:2px;
border-radius:4px;
[/class]

[class=basic]
height: 370px;
width: 340px;
position:absolute;
visibility:hidden;
[/class]

[class=img1]
height:120px;
width:120px;
background:url('https://data.whicdn.com/images/306531852/large.jpg?t=1517594867');
background-size:100%;
margin-right:8px;
border-radius:4px;
float:left;
position:relative;
top: 5px;
[/class]

[class=img1hover]
height:120px;
width:120px;
border-radius:4px;
background-color: #ffd5ef;
opacity:0;
transition:1s;
[/class]

[class name=img1hover state=hover]
opacity:0.8;
[/class]

[class=img2]
height:120px;
width:120px;
background:url('https://data.whicdn.com/images/305528338/superthumb.jpg');
background-size:100%;
margin-left:8px;
border-radius:4px;
float:right;
position:relative;
top: 5px;
[/class]

[class=img2hover]
height:120px;
width:120px;
border-radius:4px;
background-color: #ffd5ef;
opacity:0;
transition:1s;
[/class]

[class name=img2hover state=hover]
opacity:0.8;
[/class]

[class=noclick]
pointer-events:none;
[/class]

[comment]buttons[/comment]

[class=start]
position: relative;
left: 112px;
display: inline-block;
color:#ffe0e4;
font-size:12px;
letter-spacing: 2px
display: inline-block;
[/class]

[class=options]
position: relative;
left: 123px;
display: inline-block;
color: #ffe0e4;
font-size:12px;
letter-spacing: 2px
[/class]

[class=credits]
position: relative;
left: 123px;
display: inline-block;
color: #ffe0e4;
font-size:12px;
letter-spacing: 2px
[/class]

[class=home1]
color:#ffd6e5;
position:absolute;
left:300px;
top:-75px;
font-size:30px;
[/class]

[class=home2]
color:#ffd6e5;
position:relative;
left:300px;
top:-145px;
font-size:30px;
[/class]

[comment]transitions[/comment]

[script class=coin on=click]
addClass flash coin
addClass hideScreens pay
addClass showScreens menu
addClass noclick pay
[/script]

[class=flash]
animation-name: {post_id}Flash;
animation-duration: 15s;
[/class]

[class name=insertcoin]
animation-name: {post_id}coinFlash;
animation-duration: 2s;
animation-iteration-count:infinite;
[/class]

[animation=coinFlash]
[keyframe=0]
color:#ffd6e5;
[/keyframe]
[keyframe=50]
color:#ffd6e5;
[/keyframe]
[keyframe=51]
color:#f47fbd;
[/keyframe]
[keyframe=100]
color:#f47fbd;
[/keyframe]
[/animation]


[animation=Flash]
[keyframe=0]
background-color:#fcb7b7
[/keyframe]
[keyframe=1]
background-color:#c287c6
[/keyframe]
[keyframe=2]
background-color:#fcb7b7
[/keyframe]
[keyframe=3]
background-color:#c287c6
[/keyframe]
[/animation]

[animation=flashing]
[keyframe=0]
color:#ffd6e5;
[/keyframe]
[keyframe=1]
color:#ffc8d0;
[/keyframe]
[keyframe=2]
color:#ffd6e5;
[/keyframe]
[keyframe=3]
color:#ffc8d0;
[/keyframe]
[/animation]

[class=hideScreens]
animation-name: {post_id}hideScreens;
animation-duration: 3.2s;
animation-fill-mode: forwards;
animation-timing-function: ease-out;
[/class]

[class=showScreens]
animation-name: {post_id}showScreens;
animation-duration: 3.2s;
animation-fill-mode: forwards;
animation-timing-function: ease-in;
[/class]

[animation=showScreens]
[keyframe=0]
visibility:hidden;
[/keyframe]
[keyframe=50]
visibility:hidden;
[/keyframe]
[keyframe=51]
visibility:visible;
[/keyframe]
[keyframe=100]
visibility:visible;
[/keyframe]
[/animation]

[animation=hideScreens]
[keyframe=0]
visibility:visible;
[/keyframe]
[keyframe=50]
visibility:visible;
[/keyframe]
[keyframe=51]
visibility:hidden;
[/keyframe]
[keyframe=100]
visibility:hidden;
[/keyframe]
[/animation]

[script class=start on=click]
addClass blink
removeClass showScreens menu
addClass hideScreens menu
addClass showScreens basic
removeClass hideScreens basic
addClass noclick menu
removeClass blink home1
[/script]

[script class=credits on=click]
addClass blink
removeClass showScreens menu
addClass hideScreens menu
removeClass hideScreens signature
addClass showScreens signature
addClass noclick menu
removeClass blink home2
[/script]

[script class=home2 on=click]
addClass blink
addClass hideScreens signature
removeClass showScreens signature
removeClass hideScreens menu
addClass showScreens menu
removeClass blink credits
removeClass noclick menu
[/script]

[script class=home1 on=click]
addClass blink
addClass hideScreens basic
removeClass showScreens basic
removeClass hideScreens menu
addClass showScreens menu
removeClass blink start
removeClass noclick menu
[/script]

[comment]arrow[/comment]

[class=arrow1]
opacity:0;
color: #ffc8d0;
text-align:center;
display: inline-block;
margin-left: 114px;
[/class]

[class=arrow2]
opacity:0;
color: #ffc8d0;
text-align:center;
display: inline-block;
margin-left: 123px;
[/class]

[class=arrow3]
opacity:0;
color: #ffc8d0;
text-align:center;
display: inline-block;
margin-left: 123px;
[/class]

[script class=start on=mouseenter]
addClass appear arrow1
[/script]

[script class=start on=mouseleave]
removeClass appear arrow1
[/script]

[script class=options on=mouseenter]
addClass appear arrow2
[/script]

[script class=options on=mouseleave]
removeClass appear arrow2
[/script]

[script class=credits on=mouseenter]
addClass appear arrow3
[/script]

[script class=credits on=mouseleave]
removeClass appear arrow3
[/script]

[class=appear]
cursor: pointer;
opacity:1.0;
transition: opacity 0s;
[/class]

[animation=Blink]
[keyframe=0]
opacity:1;
[/keyframe]
[keyframe=1]
opacity:0;
[/keyframe]
[keyframe=2]
opacity:1;
[/keyframe]
[keyframe=3]
opacity:0;
[/keyframe]
[keyframe=4]
opacity:1;
[/keyframe]
[/animation]

[class=blink]
animation-name: {post_id}Blink;
animation-duration:15s;
[/class]

[/div][/div]
 
Last edited:

Lyro

Errant Chronicler
Moderator
Lord of the BBCode
Small tip: instead of using "display: none", use the [nobr][/nobr] tag. It removes all line breaks, so you don't have to worry about excessive space. Within those tags, if you want to use a line break, you can use [br][/br]. It makes it easier to write everything, since you can then space out all your code as much as you want, not just the classes.
 

Uxie

ニャー
uxie ®
code features
not mobile-friendly
tabs
hidden scrolls
hovers
f2u w/ credit
this code is free to use like all other codes unless otherwise stated as long as you do not remove the credit. i'd also appreciate it if you leave a like ♡

a cool cs code!
it's a relatively simple code i think? but my codes tend to be super messy to the point i don't even really fully understand them sometimes looking back LOL

though this code fits on your mobile screen (or at least it does on my iphone), the scroll cuts off b/c i wanted it to look nice on desktop LOL
which is why it's listed as not mobile-friendly !
i think it works on tablets? but i'm not 100% sure.
– uxie




⠀♡coded by uxie♡

it's a name

BASICS
PERSONA
HISTORY




tab1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse faucibus magna vel vestibulum sollicitudin. Aenean fringilla velit ut mattis ultrices. Aliquam erat volutpat. Proin fringilla mattis erat eget volutpat. In velit nibh, ornare eget velit nec, lacinia facilisis orci. Ut varius commodo dui vitae tristique. Sed non turpis ultricies, pellentesque lorem ac, mattis dolor. Vestibulum dignissim lacus eget condimentum pharetra.

Quisque in volutpat mi. Nullam leo tellus, imperdiet at felis vitae, lobortis pellentesque augue. Nunc aliquet, neque sed ultricies elementum, sem sapien varius turpis, eget commodo odio velit nec velit. Curabitur ut metus arcu. In aliquet eu justo nec feugiat. Praesent ut viverra lectus. Donec tempor bibendum elit, tincidunt lobortis leo lacinia in. Quisque consequat urna sit amet felis mollis posuere. Nunc tristique nulla quis tellus eleifend ornare. Mauris in posuere urna. Ut facilisis sit amet felis vel cursus. Suspendisse ac quam commodo, pellentesque nibh eget, mattis eros. Vivamus non finibus metus, quis pharetra augue. Aenean quis bibendum ex.

Donec mauris risus, eleifend scelerisque pharetra ut, posuere ac elit. Morbi at egestas nisi, quis lobortis libero. Sed ac imperdiet purus. In lacus neque, vestibulum vitae purus sit amet, sagittis mollis sapien. Donec nec dolor quis ex malesuada laoreet vitae eu tortor. Fusce eros sem, tempor et risus sit amet, cursus euismod nibh. Aliquam molestie ac felis eu egestas. Vivamus ac enim mi. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.



 
Last edited:

youngkyun

sad but rad
i swear all my codes r cs' codes LOL but yes here's another one
3 pictures are tab buttons, each tab has a hidden scroll

⠀♡coded by uxie♡

it's a name

BASICS
PERSONA
HISTORY




tab1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse faucibus magna vel vestibulum sollicitudin. Aenean fringilla velit ut mattis ultrices. Aliquam erat volutpat. Proin fringilla mattis erat eget volutpat. In velit nibh, ornare eget velit nec, lacinia facilisis orci. Ut varius commodo dui vitae tristique. Sed non turpis ultricies, pellentesque lorem ac, mattis dolor. Vestibulum dignissim lacus eget condimentum pharetra.

Quisque in volutpat mi. Nullam leo tellus, imperdiet at felis vitae, lobortis pellentesque augue. Nunc aliquet, neque sed ultricies elementum, sem sapien varius turpis, eget commodo odio velit nec velit. Curabitur ut metus arcu. In aliquet eu justo nec feugiat. Praesent ut viverra lectus. Donec tempor bibendum elit, tincidunt lobortis leo lacinia in. Quisque consequat urna sit amet felis mollis posuere. Nunc tristique nulla quis tellus eleifend ornare. Mauris in posuere urna. Ut facilisis sit amet felis vel cursus. Suspendisse ac quam commodo, pellentesque nibh eget, mattis eros. Vivamus non finibus metus, quis pharetra augue. Aenean quis bibendum ex.

Donec mauris risus, eleifend scelerisque pharetra ut, posuere ac elit. Morbi at egestas nisi, quis lobortis libero. Sed ac imperdiet purus. In lacus neque, vestibulum vitae purus sit amet, sagittis mollis sapien. Donec nec dolor quis ex malesuada laoreet vitae eu tortor. Fusce eros sem, tempor et risus sit amet, cursus euismod nibh. Aliquam molestie ac felis eu egestas. Vivamus ac enim mi. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.



wait is this code free to use ?
 

Uxie

ニャー
uxie ®
code features
NOT mobile-friendly
tabs (windows?!)
1 big hover
janky af
this code is free to use like all other codes unless otherwise stated as long as you do not remove the credit. i'd also appreciate it if you leave a like ♡

READ OPENME
this code was a concept given to me by the lovely @roommate when i harrassed her to give me ideas for coding when i was super bored!!
it's a desktop screen inspired thing if you couldn't tell, and clicking on each of the files will open up a cool new window for you to put stuff in. pretty cool.

as for the openme, in this update i think i'll just say that you'll be allowed to remove it if you really need that last window, but if you could put my cute lil ♡coded by uxie♡ somewhere visible or leave the -uxie♡ there. it'd mean a lot since i worked especially hard on this one and it was difficult for me at the time.

hope you like it!
– uxie






name here



LOOKS


PERSONA


BIO


OPENME



X
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vitae bibendum ligula. Fusce et est maximus leo fringilla tempor a in felis. Etiam in auctor ligula. Integer id lorem elit. Donec vitae rutrum lorem. Curabitur mi arcu, elementum ut mollis id, volutpat et sem. Quisque maximus sed arcu eu hendrerit. Nam in lobortis ipsum, et mollis dolor. Nulla facilisi. Morbi sit amet purus malesuada, lobortis urna eu, bibendum nibh. Praesent dapibus justo eget nibh malesuada tincidunt. Praesent id ante tellus. Maecenas feugiat nisi vel orci hendrerit suscipit. Etiam egestas eros enim, ut rhoncus ante viverra sed. Mauris malesuada sagittis eros, non dignissim turpis egestas ut. Praesent in semper est.

Mauris eget nunc sit amet nisi pretium porta. Curabitur vulputate ut nibh ac bibendum. Suspendisse non suscipit nunc. Vivamus aliquam mauris vestibulum feugiat condimentum. Maecenas ac eros non ex hendrerit tempus. Vivamus quis congue lorem. Proin elit tellus, interdum posuere ultricies ornare, pretium at magna. Nulla rutrum tellus eget dolor euismod, at scelerisque est commodo. Morbi molestie imperdiet felis, ut ornare diam lacinia ut. Nulla sollicitudin odio eget justo lacinia lacinia. Donec volutpat consectetur vestibulum. Mauris laoreet lacus eget nisi efficitur pellentesque. Phasellus et dolor ac augue viverra hendrerit. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nullam sit amet tempor mi, eget dictum sem.



X

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vitae bibendum ligula. Fusce et est maximus leo fringilla tempor a in felis. Etiam in auctor ligula. Integer id lorem elit. Donec vitae rutrum lorem. Curabitur mi arcu, elementum ut mollis id, volutpat et sem. Quisque maximus sed arcu eu hendrerit. Nam in lobortis ipsum, et mollis dolor. Nulla facilisi. Morbi sit amet purus malesuada, lobortis urna eu, bibendum nibh. Praesent dapibus justo eget nibh malesuada tincidunt. Praesent id ante tellus. Maecenas feugiat nisi vel orci hendrerit suscipit. Etiam egestas eros enim, ut rhoncus ante viverra sed. Mauris malesuada sagittis eros, non dignissim turpis egestas ut. Praesent in semper est.

Mauris eget nunc sit amet nisi pretium porta. Curabitur vulputate ut nibh ac bibendum. Suspendisse non suscipit nunc. Vivamus aliquam mauris vestibulum feugiat condimentum. Maecenas ac eros non ex hendrerit tempus. Vivamus quis congue lorem. Proin elit tellus, interdum posuere ultricies ornare, pretium at magna. Nulla rutrum tellus eget dolor euismod, at scelerisque est commodo. Morbi molestie imperdiet felis, ut ornare diam lacinia ut. Nulla sollicitudin odio eget justo lacinia lacinia. Donec volutpat consectetur vestibulum. Mauris laoreet lacus eget nisi efficitur pellentesque. Phasellus et dolor ac augue viverra hendrerit. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nullam sit amet tempor mi, eget dictum sem.


X

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vitae bibendum ligula. Fusce et est maximus leo fringilla tempor a in felis. Etiam in auctor ligula. Integer id lorem elit. Donec vitae rutrum lorem. Curabitur mi arcu, elementum ut mollis id, volutpat et sem. Quisque maximus sed arcu eu hendrerit. Nam in lobortis ipsum, et mollis dolor. Nulla facilisi. Morbi sit amet purus malesuada, lobortis urna eu, bibendum nibh. Praesent dapibus justo eget nibh malesuada tincidunt. Praesent id ante tellus. Maecenas feugiat nisi vel orci hendrerit suscipit. Etiam egestas eros enim, ut rhoncus ante viverra sed. Mauris malesuada sagittis eros, non dignissim turpis egestas ut. Praesent in semper est.

Mauris eget nunc sit amet nisi pretium porta. Curabitur vulputate ut nibh ac bibendum. Suspendisse non suscipit nunc. Vivamus aliquam mauris vestibulum feugiat condimentum. Maecenas ac eros non ex hendrerit tempus. Vivamus quis congue lorem. Proin elit tellus, interdum posuere ultricies ornare, pretium at magna. Nulla rutrum tellus eget dolor euismod, at scelerisque est commodo. Morbi molestie imperdiet felis, ut ornare diam lacinia ut. Nulla sollicitudin odio eget justo lacinia lacinia. Donec volutpat consectetur vestibulum. Mauris laoreet lacus eget nisi efficitur pellentesque. Phasellus et dolor ac augue viverra hendrerit. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nullam sit amet tempor mi, eget dictum sem.


X

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vitae bibendum ligula. Fusce et est maximus leo fringilla tempor a in felis. Etiam in auctor ligula. Integer id lorem elit. Donec vitae rutrum lorem. Curabitur mi arcu, elementum ut mollis id, volutpat et sem. Quisque maximus sed arcu eu hendrerit. Nam in lobortis ipsum, et mollis dolor. Nulla facilisi. Morbi sit amet purus malesuada, lobortis urna eu, bibendum nibh. Praesent dapibus justo eget nibh malesuada tincidunt. Praesent id ante tellus. Maecenas feugiat nisi vel orci hendrerit suscipit. Etiam egestas eros enim, ut rhoncus ante viverra sed. Mauris malesuada sagittis eros, non dignissim turpis egestas ut. Praesent in semper est.

Mauris eget nunc sit amet nisi pretium porta. Curabitur vulputate ut nibh ac bibendum. Suspendisse non suscipit nunc. Vivamus aliquam mauris vestibulum feugiat condimentum. Maecenas ac eros non ex hendrerit tempus. Vivamus quis congue lorem. Proin elit tellus, interdum posuere ultricies ornare, pretium at magna. Nulla rutrum tellus eget dolor euismod, at scelerisque est commodo. Morbi molestie imperdiet felis, ut ornare diam lacinia ut. Nulla sollicitudin odio eget justo lacinia lacinia. Donec volutpat consectetur vestibulum. Mauris laoreet lacus eget nisi efficitur pellentesque. Phasellus et dolor ac augue viverra hendrerit. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nullam sit amet tempor mi, eget dictum sem.


X
uxie♡

uxie, back at it again with another messy cs code
(why do u only do cs codes)
i can't really say i tried something that new this time but i've been slowly figuring it out. this one only took me like, what, 5 hours? haha. ): the layout and general aesthetic (is there even one) is credited to my good friend /u/roommate. her ideas r fresh and great and good for me bc im uncreative af
ive been harassing her 2 give me layout ideas as of late bc she's p new to coding while i am (???) not. so it's fun.

she's getting p good at it actually monkaS

anyways, as always, this code is free to use as long as you keep this cool little thing here. notice i always do this 4 the ones i spend way too much time on lol. it might be a bit laggy when ur editing it bc there's so much text oops. have fun with it, try not to edit too much it might break? i hope not. i've been trying to get mine to break less • ͜ > •
for the background i lit just googled vaporwave background LOL
palette used (w/ a few edits from me ofc)
ya
enjoy!

disclaimer: this code isn't mobile friendly nor tablet-friendly (bIG SAD) bc the dimensions are way too big!! the stuff itself might not fuck up, but a lot of things'll be cut off, so it's recommended it only be viewed on pc. then again, you couldn't see this part if you were on mobile or tablet, i'm p sure ?





 
Last edited:

Uxie

ニャー
i cant find the code s why i asked lmaoo
i always expected people to just reply and use that to get the code bc thats what i do LOL

added spoiler codes, beware some of them are really long bc i cba to try and control the height rn lmao
 

WoodenZebra

Nyan Nyan Cat vektör
Best tip for any bbcoder. The preview button is your friend. For better or worse use the preview button and watch your hard work unfold. Or throw up everywhere lol. The beauty of it is no one will know because only you see it lol. Major time saver
 

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

Top