RI.a
"愛を知りたいのです."
[class=mainCon]
display:flex;
flex-wrap:wrap;
margin:auto;center;
min-width:200px;
max-width:1100px;
height:auto;
justify-content:center;
align-items:center;
background:white;
[/class]
[class=pic]
width:500px;
height:600px;
background:url('https://static.zerochan.net/Tachibana.Makoto.full.1629626.jpg');
background-size:cover;
background-position:top;
[/class]
[class name=pic maxWidth=600px]
display:none;
[/class]
[class=contentCon]
display:flex;
min-width:200px;
max-width:500px;
flex-wrap:wrap;
justify-content:center;
height:470px;
[/class]
[class=border]
display:flex;
align-self:flex-end;
width:500px;
height:100px;
background:#5a5353;
clip-path: polygon(0 0, 100% 0, 95% 100%, 0 75%);
justify-content:center;
[/class]
[class name=border maxWidth=600px]
display:none;
[/class]
[class=buttonUp]
text-align:center;
color:white;
cursor:pointer;
font-size:2em;
[/class]
[class=buttonDown]
text-align:center;
color:white;
cursor:pointer;
font-size:2em;
[/class]
[class=textWrap]
min-width:200px;
max-width:400px;
height:40vh;
padding:0.5em;
overflow:hidden;
border:1px solid #8c8080;
border-top:50px solid #8c8080;
align-self:center;
background:white;
[/class]
[class=scrollbox]
width:105%;
height:40vh;
overflow:scroll;
[/class]
[class=textbox]
width:95%;
font-family:Roboto;
font-size:0.8em;
color:#707070;
[/class]
[class=bubble]
width:180px;
padding:0.5em;
padding-bottom:0.8em;
height:20px;
border-top-right-radius:20px;
border-top-left-radius:20px;
border-bottom-right-radius:20px;
border-bottom-left-radius:20px;
background:#b8cbf0;
text-align:center;
font-size:1.5em;
position:absolute;
left:440px;
top:60px;
color:#222;
opacity:0;
[/class]
[class name=bubble maxWidth=600px]
display:none;
[/class]
[class=fadein]
animation:{post_id}fade 1s linear forwards;
[/class]
[animation=fade]
[keyframe=0]opacity:0;transform:scale(0);[/keyframe]
[keyframe=25]opacity:0.5;transform:scale(0.5);[/keyframe]
[keyframe=50]opacity:0.9;transform:scale(1);[/keyframe]
[keyframe=75]opacity:0.9;transform:scale(1.15);[/keyframe]
[keyframe=100]opacity:0.9;transform:scale(1);[/keyframe]
[/animation]
[script class=none]
hide buttonDown
[/script]
[script class=contentCon on=mouseenter]
addClass "fadein" "bubble"
[/script]
[script class=buttonUp on=click]
hide buttonUp
fadeIn 1000 buttonDown
slideUp 750 page01
fadeIn 1000 page02
[/script]
[script class=buttonDown on=click]
hide buttonDown
fadeIn 1000 buttonUp
slideDown 1000 page01
fadeOut 750 page02
[/script]
[class=spoilerdisplay]
max-width:600px;
height:auto;
[/class]
[class name=spoilerdisplay minWidth=600px]
display:none;
[/class]
[div class=mainCon][div class=pic][/div][div class=bubble]Shop is closed![/div]
[div class=contentCon][div class=textWrap][div class="scrollbox page01"][div class=textbox]
Hello! It's been a while, hasn't it? It's now the long-awaited summer break and I'm free~~ So I can get back to making codes. Now, it has been a while since I've made anything. There are tons of uncompleted codes in my PWS and I honestly don't know if I will finish them hahaha. So I may take a bit longer than normal to complete your request. So without further ado, please read the rules below and fill in the request form. Hope everyone has a nice summer!
01. You can see my previous codes (i.e. what I can do) in my freebie thread. All the codes there are free to use. You just gotta keep the creds (; As a creator, I will be updating you on how I'm getting on with your request. I will PM you my progress to check if I am on the right track. It'll be much more smooth sailing for both of us instead of me restarting an entire code.
02. I will only be working on ONE request at a time. I'd also like to add that users are only allowed one request at a time. Depending on how jank the requests are, it may take me a week or longer to make it. Please bear this in mind when you make your request.
02.1. Continuing from that, I will tag the user when I am working on said user's request above in "currently serving". This means that the shop is closed until the request is completed. However, feel free to fill in the form and post it here and check back at a later time.
03. Try to fill in as much of the form (the more detailed the better) as you can and post it on this thread.
04. By requesting, users are hereby agreeing to leave the credits on and not calling them theirs. Users are not permitted to call codes theirs by merely adjusting a few things. However, users are allowed to tear apart the codes to learn but do not expect me to fix it back for them.
05. Please know that I am doing this voluntarily and I try to do my best to fulfill your requests. Please also be reasonable with your requests. While I am willing to tweak a few things such as dimensions and colors if you are not sure how it works, I will not redo an entire code for you if you are not completely happy with the end result. I also do not tolerate any types of hate comments towards others and myself. Let's be civil and polite!
06. I have the right to decline your request if I don't understand what you are asking for or I think I will not be able to achieve what you've requested.
07. Mobile users are not able to see this entire code BUT I have included the request form in the spoiler below for you. All desktop/laptop lads can click on the little up arrow. [/div][/div] [div class="scrollbox page02"][div class=textbox]
Function: Character Sheet, IC Reply, Interest Check, Etc
Mobile Friendly: Yes/No
Color Scheme: Put a color name, hex, or rgb code here, even better if you could share a whole color scheme you have in mind!
No. of images and/or gifs: I would like to say that there is no limit to this but don't prove me wrong lel
Image URL/Source: paste the .jpg/.png/.gif here. It'll be great if you can include the artist/faceclaim too
Style: Simple/Concise, Extravagent Jank (from hidden scrollbars, borders to unicorns slurping on smoothies-- no I'm jk. Idk how to that. Please don't ask for too much uwu) Try to be as detailed as possible please! It gives me a better idea of what you want.
Theme: Fluff/Cute, Dark/Grunge/Edgy, Futuristic/Sci-Fi, etc etc
Specific Features: Features such as tabs, columns, hovers, shapes etc that you must have in the template. If you have location of where you want this to be, put it here too.
Anything else?:
Do you mind sharing the code with others?: Yes/No/Only to a few. Depending on your answer, I will PM it to you or post it here and/or in my freebie thread. [/div] [/div][/div] [div class=border][div class=buttonUp][/div][div class=buttonDown][/div][/div] [/div] [div class=spoilerdisplay]
[/div]
[/div]
Hello! It's been a while, hasn't it? It's now the long-awaited summer break and I'm free~~ So I can get back to making codes. Now, it has been a while since I've made anything. There are tons of uncompleted codes in my PWS and I honestly don't know if I will finish them hahaha. So I may take a bit longer than normal to complete your request. So without further ado, please read the rules below and fill in the request form. Hope everyone has a nice summer!
01. You can see my previous codes (i.e. what I can do) in my freebie thread. All the codes there are free to use. You just gotta keep the creds (; As a creator, I will be updating you on how I'm getting on with your request. I will PM you my progress to check if I am on the right track. It'll be much more smooth sailing for both of us instead of me restarting an entire code.
02. I will only be working on ONE request at a time. I'd also like to add that users are only allowed one request at a time. Depending on how jank the requests are, it may take me a week or longer to make it. Please bear this in mind when you make your request.
02.1. Continuing from that, I will tag the user when I am working on said user's request above in "currently serving". This means that the shop is closed until the request is completed. However, feel free to fill in the form and post it here and check back at a later time.
03. Try to fill in as much of the form (the more detailed the better) as you can and post it on this thread.
04. By requesting, users are hereby agreeing to leave the credits on and not calling them theirs. Users are not permitted to call codes theirs by merely adjusting a few things. However, users are allowed to tear apart the codes to learn but do not expect me to fix it back for them.
05. Please know that I am doing this voluntarily and I try to do my best to fulfill your requests. Please also be reasonable with your requests. While I am willing to tweak a few things such as dimensions and colors if you are not sure how it works, I will not redo an entire code for you if you are not completely happy with the end result. I also do not tolerate any types of hate comments towards others and myself. Let's be civil and polite!
06. I have the right to decline your request if I don't understand what you are asking for or I think I will not be able to achieve what you've requested.
07. Mobile users are not able to see this entire code BUT I have included the request form in the spoiler below for you. All desktop/laptop lads can click on the little up arrow. [/div][/div] [div class="scrollbox page02"][div class=textbox]
Request Fom
Function: Character Sheet, IC Reply, Interest Check, Etc
Mobile Friendly: Yes/No
Color Scheme: Put a color name, hex, or rgb code here, even better if you could share a whole color scheme you have in mind!
No. of images and/or gifs: I would like to say that there is no limit to this but don't prove me wrong lel
Image URL/Source: paste the .jpg/.png/.gif here. It'll be great if you can include the artist/faceclaim too
Style: Simple/Concise, Extravagent Jank (from hidden scrollbars, borders to unicorns slurping on smoothies-- no I'm jk. Idk how to that. Please don't ask for too much uwu) Try to be as detailed as possible please! It gives me a better idea of what you want.
Theme: Fluff/Cute, Dark/Grunge/Edgy, Futuristic/Sci-Fi, etc etc
Specific Features: Features such as tabs, columns, hovers, shapes etc that you must have in the template. If you have location of where you want this to be, put it here too.
Anything else?:
Do you mind sharing the code with others?: Yes/No/Only to a few. Depending on your answer, I will PM it to you or post it here and/or in my freebie thread. [/div] [/div][/div] [div class=border][div class=buttonUp][/div][div class=buttonDown][/div][/div] [/div] [div class=spoilerdisplay]
Function: Character Sheet, IC Reply, Interest Check, Etc
Mobile Friendly: Yes/No
Color Scheme: Put a color name, hex, or rgb code here, even better if you could share a whole color scheme you have in mind!
No. of images and/or gifs: I would like to say that there is no limit to this but don't prove me wrong lel
Image URL/Source: paste the .jpg/.png/.gif here. It'll be great if you can include the artist/faceclaim too
Style: Simple/Concise, Extravagent Jank (from hidden scrollbars, borders to unicorns slurping on smoothies-- no I'm jk. Idk how to that. Please don't ask for too much uwu) Try to be as detailed as possible please! It gives me a better idea of what you want.
Theme: Fluff/Cute, Dark/Grunge/Edgy, Futuristic/Sci-Fi, etc etc
Specific Features: Features such as tabs, columns, hovers, shapes etc that you must have in the template. If you have location of where you want this to be, put it here too.
Anything else?:
Do you mind sharing the code with others?: Yes/No/Only to a few. Depending on your answer, I will PM it to you or post it here and/or in my freebie thread.
Mobile Friendly: Yes/No
Color Scheme: Put a color name, hex, or rgb code here, even better if you could share a whole color scheme you have in mind!
No. of images and/or gifs: I would like to say that there is no limit to this but don't prove me wrong lel
Image URL/Source: paste the .jpg/.png/.gif here. It'll be great if you can include the artist/faceclaim too
Style: Simple/Concise, Extravagent Jank (from hidden scrollbars, borders to unicorns slurping on smoothies-- no I'm jk. Idk how to that. Please don't ask for too much uwu) Try to be as detailed as possible please! It gives me a better idea of what you want.
Theme: Fluff/Cute, Dark/Grunge/Edgy, Futuristic/Sci-Fi, etc etc
Specific Features: Features such as tabs, columns, hovers, shapes etc that you must have in the template. If you have location of where you want this to be, put it here too.
Anything else?:
Do you mind sharing the code with others?: Yes/No/Only to a few. Depending on your answer, I will PM it to you or post it here and/or in my freebie thread.
Last edited:
swald;color:var(--color1);[/class][class=riaPic]width:100px;height:100px;background:var(--img1);background-size:200%;background-position:-1em -1em;border:1px solid var(--color3)[/class][class=riaText]min=width:200px;max-width:290px;border:1px solid var(--color3);background:var(--color1);font-family:Roboto;font-size:0.8em;color:var(--color2);padding-left:0.5em;padding-right:0.5em;[/class][div class=riaBox][div class=riaPic][/div][div class=riaText]Code for Sunnyside
oppins;
font-size:2em;
color:var(--color4);
[/class]
[class=title]
font-family
