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!

    Remember to credit artists when using work not your own.

Resource ~Pyo's Coding Corner (∩✧v✧)⊃━☆゚.*

Pyosimros

Shining Comet! ☆
[div=font-family: 'Raleway']Hello![/div][div=font-family: 'Raleway']My name is Pyo and uhm....I've decided to join the BBCode thread bandwagon I guess o v o. During the IPS period I did indeed make a thread, though I was too lazy busy to make new codes so I only showed off 3 and left the thread to die - hopefully it doesn't happen again!

EDIT (after a year and a half): If anyone wants to use any of the codes just send me a PM so I can setup the images for it! I also acknowledge that certain codes look broken or are broken, and if you for whatever reason still want to use it I highly recommend against it because I have no intentions on making fixed versions well unless I have an obscene amount of free time I want to dedicate towards this of course.
[/div]
 
Last edited:

Pyosimros

Shining Comet! ☆
[div=margin: auto; max-width: 952px;]

[div=
display: inline-block;
height: 455px;
width: 200px;
vertical-align: top;
][div=
width:200px;
height:455px;
background-image:url(https://i.imgur.com/hZS7N76.png);
background-size: 200px 455px;
]Oh hai there! >v>7[/div][/div][div=
display: inline-block;
height: 445px;
width: 448px;
vertical-align: top;
padding-left: 20px;
padding-right: 20px;
][div=
width:448px;
height:99px;
background-image:url(https://i.imgur.com/SDzWz7H.png);
background-size: 448px 99px;
]Oh hai there! >v>7[/div][div=
color: #6aa9c1;
font-family: 'Lato';
font-size: 18.5px;
padding-left: 20px;
padding-right: 20px;
padding-top: 15px;
font-weight: 100;
][div=
display: inline-block;
width: 200px;
height: 100px;
vertical-align: top;
]NAME || Filler Name
GENDER || Undecided
ORIENTATION || ?
AGE || Undecided[/div][div=
display: inline-block;
width: 195px;
height: 100px;
vertical-align: top;
margin-left: 10px;
]OCCUPATION || TBD
HEIGHT || Undecided
WEIGHT|| Undecided
FILLER || ???
[/div][/div]
[div=padding-left: 15px;]
[div=
background-color:#6aa9c1;
height: 25px;
width: 378px;
color: white;
font-family: 'Lato'
font-size: 15px;
padding-left: 40px;
][div=none; text-decoration:none; color: white; float: left; cursor: default;]PERSONALITY ||[/div][div=none; text-decoration:none; color: white; float: left; cursor: default;] BIOGRAPHY ||[/div][div=none; text-decoration:none; color: white; float: left; cursor: default;] EXTRA ||[/div][div=none; text-decoration:none; color: white; float: left; cursor: default;] GALLERY[/div][/div][div=overflow:hidden; width: 418px; height: 190px; background-color:#fdfbf6; font-family: 'Lato'; color:#6aa9c1; font-weight: 100; ][div=padding: 10px;]


[PLEASE SELECT A TAB]







[div=
margin-top: 15px;
overflow: hidden;][div=
width: 100%;
padding-right: 10%;
height: 175px;
overflow-y: auto;]PERSONALITY
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.
[/div][/div]


[div=
margin-top: 15px;
overflow: hidden;][div=
width: 100%;
padding-right: 10%;
height: 175px;
overflow-y: auto;]BIOGRAPHY
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.
[/div][/div]


[div=
margin-top: 15px;
overflow: hidden;][div=
width: 100%;
padding-right: 10%;
height: 175px;
overflow-y: auto;]EXTRA
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.
[/div][/div]


[div=
margin-top: 15px;
overflow: hidden;][div=
width: 100%;
padding-right: 10%;
height: 175px;
overflow-y: auto;]GALLERY
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.
[/div][/div]
[/div][/div]
[/div]
[/div][div=
display: inline-block;
height: 455px;
width: 200px;
vertical-align: top;
][div=
width:200px;
height:455px;
background-image:url(https://i.imgur.com/Tv3RNUx.png);
background-size: 200px 455px;
]Oh hai there! >v>7[/div][/div]
[/div]
 
Last edited:

Pyosimros

Shining Comet! ☆

Pyosimros

Shining Comet! ☆
Never thought I would say this, but I finally made a new code!!! Uuhhhh, for screens as small as a MacBook it'll mess up unless you zoom out. >.>b

[div=margin: 0 auto; width: 100px;][div=margin-left: -450px;][div=height: 400px;position: relative;z-index: 2;width: 400px;background-color: #fed29a;border-radius: 200px;border: 3px solid #fed29a;background-image: url("https://i.imgur.com/fuAe4cU.jpg");background-size: 200px;background-repeat: repeat;box-sizing: border-box;padding:40px;pointer-events: none;]

[/div][div=background-image: url("https://i.imgur.com/ZEw0cWh.png");position: relative;z-index: 1;margin-left: 300px;margin-top: -370px;background-size: 100px;background-repeat: repeat;box-sizing: border-box;border: 3px solid #fed29a;height: 335px;width: 615px;padding-left: 115px;padding-top: 5px;padding-bottom: 15px;padding-right: 30px;][div=text-align: center;font-family: Avenir;font-size: 50px;color: #ffdbaa;width: 450px;
]| RANDOM NAME |[/div][div=width: 450px;height: 210px;border: 1px dashed #fed398;background-color: white;content-box: border-box;][div=overflow:hidden;width: 100%;][div=padding:10px;][div=overflow-y: auto;height: 190px;padding-right: 10%;width: 100%;font-family: 'Raleway';font-size: 11px;color: #fedbac;]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.[/div][/div][/div][div=width: 450px;text-align: center;font-family: 'Avenir';color: #fed29a;font-size: 16px;padding-top: 13px;]TAGS - Person #1, Person #2 || LOCATION - Nowhere[/div][/div][/div][/div][/div]

.
 
Last edited:

JonathanRegal

Junior Member
Never thought I would say this, but I finally made a new code!!! Uuhhhh, for screens as small as a MacBook it'll mess up unless you zoom out. >.>b

[div=margin: 0 auto; width: 100px;][div=margin-left: -450px;][div=height: 400px;position: relative;z-index: 2;width: 400px;background-color: #fed29a;border-radius: 200px;border: 3px solid #fed29a;background-image: url("https://i.imgur.com/fuAe4cU.jpg");background-size: 200px;background-repeat: repeat;box-sizing: border-box;padding:40px;pointer-events: none;]

[/div][div=background-image: url("https://i.imgur.com/ZEw0cWh.png");position: relative;z-index: 1;margin-left: 300px;margin-top: -370px;background-size: 100px;background-repeat: repeat;box-sizing: border-box;border: 3px solid #fed29a;height: 335px;width: 615px;padding-left: 115px;padding-top: 5px;padding-bottom: 15px;padding-right: 30px;][div=text-align: center;font-family: Avenir;font-size: 50px;color: #ffdbaa;width: 450px;
]| RANDOM NAME |[/div][div=width: 450px;height: 210px;border: 1px dashed #fed398;background-color: white;content-box: border-box;][div=overflow:hidden;width: 100%;][div=padding:10px;][div=overflow-y: auto;height: 190px;padding-right: 10%;width: 100%;font-family: 'Raleway';font-size: 11px;color: #fedbac;]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.[/div][/div][/div][div=width: 450px;text-align: center;font-family: 'Avenir';color: #fed29a;font-size: 16px;padding-top: 13px;]TAGS - Person #1, Person #2 || LOCATION - Nowhere[/div][/div][/div][/div][/div]

.
Pyo, can you share this code please?
 

Pyosimros

Shining Comet! ☆
[div=margin: auto; max-width: 1012px;][div=
border: 15px solid #b6b2cf;
width: 1010px;
height: 750px;
background-image: url(https://i.imgur.com/fuAe4cU.jpg);
background-size: 200px 200px;
background-repeat: repeat;
padding: 40px 70px 50px 65px;
box-sizing: border-box;
][div=
display: inline-block;
vertical-align: top;
width: 195px;
height: 600px;
][div=
border: 1px solid #d3d0e2;
width: 195px;
height: 195px;
box-sizing: border-box;
padding: 10px;
pointer-events: none;
]
[/div][div=
border: 1px solid #d3d0e2;
height: 405px;
width: 195px;
box-sizing: border-box;
background-color: white;][div=visibility: hidden;]
[div=visibility: visible;]
BASIC INFORMATION
[/div]
[div=visibility: visible; padding: 0px;]
[div=
overflow: hidden;][div=
width: 100%;
padding-right: 14%;
height: 185px;
overflow-y: auto;]NAME
[div=font-weight: 100;]Insert Name[/div]
AGE
[div=font-weight: 100;]??[/div]
GENDER
[div=font-weight: 100;]??[/div]
HEIGHT
[div=font-weight: 100;]??[/div]
WEIGHT
[div=font-weight: 100;]??[/div][/div][/div]
[/div]
[div=visibility: visible;]
OTHER INFORMATION
[/div]
[div=visibility: visible; padding: 0px;][/div]
[/div][/div][/div][div=
display: inline-block;
height: 600px;
width: 645px;
][div=
height: 97.5px;
width: 640px;
border-bottom: 2px solid #d3d0e2;
color: #b6b2cf;
font-size: 93px;
font-weight: 100;
padding-left: 3px;
padding-bottom: 14px;
]INSERT NAME[/div][div=overflow:hidden; width: 644px; height: 487px;][div=
width: 644px;
height: 487px;
padding: 40px 10px 10px 30px;
box-sizing: border-box;
][div=
color: #b6b2cf;
font-size: 55px;
line-height: 40px;
]HOME[/div][div=
background-color: white;
border:2px solid #b6b2cf;
color: #c4c1d8;
height: 375px;
width: 575px;
padding: 10px;
font-family: 'Raleway';
font-size: 13px;
][div=
overflow: hidden;][div=
width: 100%;
padding-right: 10%;
height: 365px;
overflow-y: auto;][div=color: #b6b2cf; font-size: 30px; text-align: center;]



[PLEASE SELECT A TAB][/div][/div][/div][/div]







[div=
color: #b6b2cf;
font-size: 55px;
line-height: 45px;
]PERSONALITY[/div][div=
background-color: white;
border-top:2px solid #b6b2cf;
border-bottom:2px solid #b6b2cf;
color: #c4c1d8;
height: 375px;
width: 575px;
padding: 10px;
font-family: 'Raleway';
font-size: 13px;
][div=
overflow: hidden;][div=
width: 100%;
padding-right: 10%;
height: 365px;
overflow-y: auto;]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.[/div][/div][/div]








[div=
color: #b6b2cf;
font-size: 55px;
line-height: 45px;
]BIOGRAPHY[/div][div=
background-color: white;
border-bottom:2px solid #b6b2cf;
border-top: 2px solid #b6b2cf;
color: #c4c1d8;
height: 375px;
width: 575px;
padding: 10px;
font-family: 'Raleway';
font-size: 13px;
][div=
overflow: hidden;][div=
width: 100%;
padding-right: 10%;
height: 365px;
overflow-y: auto;]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.[/div][/div][/div]








[div=
color: #b6b2cf;
font-size: 55px;
line-height: 45px;
]EXTRA[/div][div=
background-color: white;
border-bottom:2px solid #b6b2cf;
border-top: 2px solid #b6b2cf;
color: #c4c1d8;
height: 375px;
width: 575px;
padding: 10px;
font-family: 'Raleway';
font-size: 13px;
][div=
overflow: hidden;][div=
width: 100%;
padding-right: 10%;
height: 365px;
overflow-y: auto;]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.[/div][/div][/div]







[div=
color: #b6b2cf;
font-size: 55px;
line-height: 45px;
]GALLERY[/div][div=
background-color: white;
border-top:2px solid #b6b2cf;
border-bottom:2px solid #b6b2cf;
color: #c4c1d8;
height: 375px;
width: 575px;
padding: 10px;
font-family: 'Raleway';
font-size: 13px;
][div=
overflow: hidden;][div=
width: 100%;
padding-right: 10%;
height: 365px;
overflow-y: auto;
text-align: center;
][div=pointer-events: none;]

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

Pyosimros

Shining Comet! ☆
[div=margin: auto; max-width: 1076px;][div=width: 1075px;height: 600px;box-sizing: content-box;border: 4px solid #7bc5e4;background-color: #f8f8f8;][div=display:inline-block;height: 600px;width: 471px;vertical-align: top;overflow: hidden;
][div=background-image: url(https://i.imgur.com/DmcjNxA.png);height: 600px;width: 471px;background-size: 471px 600px;font-size: 0px;].[/div][/div][div=display: inline-block;vertical-align: top;height: 600px;width: 604px;box-sizing: border-box;padding: 0px 50px 30px 30px;vertical-align: top;overflow: hidden;][div=visibility: hidden;]
[div=visibility: visible;][div=padding: 5px; text-align: center; font-family: 'Raleway'; color: #939393; font-size: 25px; font-weight: 100;]V[/div][/div]
[div=visibility: visible; padding: 0px; height: 500px;]









[div=text-align: center;][div=font-size: 78px; line-height: 20px;color: #727171;]RANDOM NAME[/div]
[div=font-size: 30px; color: #7e7d7d;]insert title[/div]
[/div]

[/div]
[/div][div=visibility: visible;][div=position: relative;width: 500px;height: 500px;][div=display: inline-block;height: 150px;width: 150px;font-size: 0px;background-image: url(https://i.imgur.com/5txHPdt.jpg);background-size: 150px 150px;vertical-align: top;position: absolute;z-index: 2;].[/div][div=display: inline-block;width: 350px;height: 150px;vertical-align: top;position: absolute;left: 150px;][div=height: 75px;box-sizing: border-box;width: 100%;border-bottom: 1px dashed #939393;color: #939393;line-height: 0px;][div=position: relative;font-size: 53px;top: 45px;left: 5px;]RANDOM NAME[/div][/div][/div][div=position: absolute;left: 150px;top: 100px;]
  • [div=width: 320px;height: 315px;margin-left: -5px;][div=position: absolute;height: 60px;width: 310px;background-color: #f8f8f8;pointer-events: none;top: -15px;z-index: 1;][div=position: absolute;height: 60px;width: 60px;border-radius: 50%;border: 3px solid #939393;background-color: #adadad;color: #f8f8f8;font-size: 50px;padding-left: 16px;box-sizing:border-box;pointer-events: none;top: 0px;z-index: 2;][div=margin-top: -12px;z-index: 2;]1[/div][/div][div=position: absolute;height: 60px;width: 60px;border-radius: 50%;border: 3px solid #939393;background-color: #c2c0c0;color: #f8f8f8;font-size: 50px;padding-left: 16px;box-sizing:border-box;pointer-events: none;top: 0px;left: 70px;z-index: 2;][div=margin-top: -12px;z-index: 2;]2[/div][/div][div=position: absolute;height: 60px;width: 60px;border-radius: 50%;border: 3px solid #939393;background-color: #c2c0c0;color: #f8f8f8;font-size: 50px;padding-left: 16px;box-sizing:border-box;pointer-events: none;top: 0px;left: 140px;z-index: 2;][div=margin-top: -12px;z-index: 2;]3[/div][/div][div=position: absolute;height: 60px;width: 60px;border-radius: 50%;border: 3px solid #939393;background-color: #c2c0c0;color: #f8f8f8;font-size: 50px;padding-left: 16px;box-sizing:border-box;pointer-events: none;left: 210px;top: 0px;z-index: 2;][div=margin-top: -12px;z-index: 2;]4[/div][/div][div=height: 340px;width: 500px;top: 55px;left: -170px;position: absolute;background-color: #f8f8f8;border-bottom: 2px solid #939393;padding: 10px 0px 0px 0px; margin-left: 5px;][div=border-top: 2px solid #939393;][div=overflow: hidden;pointer-events: auto;][div=width: 100%;padding-right: 10%;height: 325px;overflow-y: auto; color: #939393;font-size: 13px;font-weight: 100;padding-bottom: 5px; padding-top: 5px;]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.
    [/div][/div][/div][/div][/div][/div]
[/div][/div][/div][/div][/div][/div]
 
Last edited:

Pyosimros

Shining Comet! ☆
In the process of fixing all the fake tabs on my codes - should be done by the end of today!!!

EDIT: Last code is fixed!!!
 
Last edited:

Pyosimros

Shining Comet! ☆
Wooo new code!

I may have another one out this week alongside this one...depending on how lazy I'm feeling >x>b

[div=margin: 0px auto; max-width: 979px;][div=height: 900px;width: 980px;][div=height: 35px;background-color: #f0293b;font-size: 0px;].[/div][div=height: 830px;background-color: white;background-image: url(https://i.imgur.com/jLV027G.png);padding: 60px 40px 55px 4px;box-sizing: border-box;][div=vertical-align: top;display: inline-block;height: 715px;width: 341px;padding-right: 40px;box-sizing: border-box;][div=background-image: url(https://i.imgur.com/iRNerW8.png);background-repeat: none;background-size: 301px 383px;width: 301px;height: 383px;font-size: 0px;].[/div][div=height: 330px;width: 230px;margin-left: 60px;][div=height: 10px;background-color: #383838;font-size: 0px;].[/div][div=background-color: rgba(210, 210, 210, 0.3)][div=width: 230px;height: 320px;content-box: border-box;overflow: hidden;padding: 10px;][div=overflow-y: auto;height: 100%;padding-right: 14%;width: 100%;color: #ea2f40;box-sizing: content-box;][div=text-align: center;width: 205px;padding-top: 10px;padding-bottom: 10px;box-sizing: content-box;][div=font-size: 25px; line-height: 22px;]--NAME--[/div][div=font-size: 18px; font-family: 'Lato'; font-weight: 100;]Name[/div]
[div=font-size: 25px; line-height: 22px;]--AGE--[/div][div=font-size: 18px; font-family: 'Lato'; font-weight: 100;]Age[/div]
[div=font-size: 25px; line-height: 22px;]--GENDER--[/div][div=font-size: 18px; font-family: 'Lato'; font-weight: 100;]Gender[/div]
[div=font-size: 25px; line-height: 22px;]--HEIGHT--[/div][div=font-size: 18px; font-family: 'Lato'; font-weight: 100;]Height[/div]
[div=font-size: 25px; line-height: 22px;]--WEIGHT--[/div][div=font-size: 18px; font-family: 'Lato'; font-weight: 100;]Weight[/div]
[div=font-size: 25px; line-height: 22px;]--EYE COLOR--[/div][div=font-size: 18px; font-family: 'Lato'; font-weight: 100;]Eye Color[/div][/div][/div][/div][/div][div=height: 10px;background-color: #383838;font-size: 0px;].[/div][/div][/div][div=vertical-align: top;display: inline-block;height: 715px;width: 590px;box-sizing: border-box;padding-top: 80px;][div=text-align: right;color: #383838;font-size: 82px;line-height: 50px;]NAME-[/div]
[div=float: right;vertical-align: top;display: inline-block;background-color: #275da3;width: 50px;height: 50px;border-radius: 25px;margin-right: 28px;font-size: 0px;].[/div][div=float: right;vertical-align: top;display: inline-block;background-color: #22c722;width: 50px;height: 50px;border-radius: 25px;margin-right: 17px;font-size: 0px;].[/div][div=float: right;vertical-align: top;display: inline-block;background-color: #f8be2a;width: 50px;height: 50px;border-radius: 25px;margin-right: 17px;font-size: 0px;].[/div][div=float: right;vertical-align: top;display: inline-block;background-color: #f0293b;width: 50px;height: 50px;border-radius: 25px;margin-right: 17px;font-size: 0px;].[/div][div=margin-top: 100px;][div=width: 600px;height: 435px;position: relative;margin-top: 40px;][div=position: absolute;background-image: url(https://i.imgur.com/85rniQt.jpg);width: 120px;height: 468px;background-size: 100px 390px;font-size: 0px;z-index: 2;pointer-events: none;margin-left: -20px;].[/div]
[div=position: absolute;height: 80px;width: 80px;border-radius: 40px;background-color: #ea2f40;box-sizing: border-box;padding: 2px;z-index: 2;pointer-events: none;left: 34px;top: 5px;margin-left: -30px;margin-top: 25px;][div=border: 1px solid white;border-radius: 50%;height: 70px;width: 70px;margin-left: 2.75px;margin-top: 2.5px;position: absolute;z-index: 3;pointer-events: none;color: white;padding-left: 20px;box-sizing: border-box;font-size: 45px;]1[/div][/div][div=position: absolute;height: 80px;width: 80px;border-radius: 40px;background-color: #f8be2a;box-sizing: border-box;padding: 2px;z-index: 2;pointer-events: none;left: 34px;top: 5px;margin-left: -30px;margin-top: 125px;][div=border: 1px solid white;border-radius: 50%;height: 70px;width: 70px; margin-left: 2.75px;margin-top: 2.5px;position: absolute;z-index: 3;pointer-events: none;color: white;padding-left: 20px;box-sizing: border-box;font-size: 45px;]2[/div][/div][div=position: absolute;height: 80px;width: 80px;border-radius: 40px;background-color: #22c722;box-sizing: border-box;padding: 2px;z-index: 3;pointer-events: none;left: 34px;top: 5px;margin-left: -30px;margin-top: 225px;][div=border: 1px solid white;border-radius: 50%;height: 70px;width: 70px;margin-left: 2.75px;margin-top: 2.5px;position: absolute;z-index: 3;pointer-events: none;color: white;padding-left: 20px;box-sizing: border-box;font-size: 45px;]3[/div][/div][div=position: absolute;height: 80px;width: 80px;border-radius: 40px;background-color: #275da3;box-sizing: border-box;padding: 2px;z-index: 3;pointer-events: none;left: 34px;top: 5px;margin-left: -30px;margin-top: 325px;][div=border: 1px solid white;border-radius: 50%;height: 70px;width: 70px;margin-left: 2.75px;margin-top: 2.5px;position: absolute;z-index: 3;pointer-events: none;color: white;padding-left: 20px;box-sizing: border-box;font-size: 45px;]4[/div][/div]
[div=transform: rotate(90deg);width: 440px;transform-origin: 50px;position: absolute;z-index: 1;margin-left: -30px;]
  • [div=box-sizing: border-box;margin-top: -580px;margin-left: -60px;height: 475px;width: 480px;overflow: hidden;position: absolute;transform: rotate(-90deg);border-left: 15px solid #383838;box-sizing: border-box;overflow: hidden;padding: 10px 20px 20px 20px;background-color: rgba(210, 210, 210, 0.3);][div=height: 50px;color: #f0293b;font-size: 35px;border-bottom: 3px solid #606060;]Subtitle 1[/div]
    [div=overflow-y: auto;height: 380px;padding-right: 150px;width: 100%;box-sizing: content-box;font-size: 11px;color: #696969;]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.
    [/div][/div]
[/div][/div][/div][/div][/div][div=height: 35px;background-color: #f0293b;font-size: 0px;].[/div][/div][/div]
 

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

Top