• This section is for roleplays only.
    ALL interest checks/recruiting threads must go in the Recruit Here section.

    Please remember to credit artists when using works not your own.

Fandom RISING CHAMPIONS CS [a haikyuu inspired thread]

Main
Here

Nornslayer

sugar is my wife and morg is the other mistress
Please only post here if you have been approved in the discord!

PLAYER FORM:
Code:
[comment]code by nine lives ♡

fonts used:
[font=Poppins]details[/font]
[font=IBM Plex Sans]body[/font]
[font=League Script]quote[/font]

to replace fonts, replace them here then in the corresponding variables under * fonts used * check uxie's tech support in nine lives for more details ( ‾́ ◡ ‾́ )

[/comment][border=transparent;
/*background colour (light border)*/
--bg-color: #f9e8e8;
/*background image*/
--bg: url('https://i.pinimg.com/564x/90/75/2c/90752cfc844e795020029efd5d0df0ee.jpg');


/*i would recommend changing only color-1 and color-2 to match your palette. colours 3 and 4 look best untouched.*/
/*first accent colour -- main textbox background colour, quote colour*/
--color-1: #ffd1dc;
/*second accent colour -- textbox accents, match it slightly darker than colour 1*/
--color-2: #b28192;
/*third accent colour -- username, user icon border, selected button + character details icon*/
--color-3: #fff;
*fourth accent colour -- unselected button, location marker background;
--color-4: #d9d9d9;

/*header colour -- tab 1 special boxes text colour*/
--h1: var(--color-3);
/*character details text colour*/
--h2: #895661;
/*text colour*/
--t-color: #1e1414;
/*quote glow -- make it brighter than color-1 but in the same palette*/
--glow: #f4588c;

/*fonts used*/
--details: 'Poppins', sans-serif;
--body: 'IBM Plex Sans', sans-serif;
--quote: 'League Script', serif;

/*album image*/
--music: url('https://i1.wp.com/colorcodedlyrics.com/wp-content/uploads/2018/11/dean-%ED%95%98%EB%A3%A8%EC%82%B4%EC%9D%B4-dayfly-feat-sully-rad-museum.jpg?fit=600%2C600&ssl=1');

/*user icon*/
--icon: url('https://64.media.tumblr.com/35a709d03f122715e590cf84473221fb/tumblr_petiawFDSV1wlgxz9o5_400.png');
/*tab 2 image*/
--img-1: url('https://64.media.tumblr.com/d527101c622fca1da0d87f8d3431d801/tumblr_pgn7hp2e931x1ko3mo1_400.jpg');

height:555px; width:100%; max-width:362px; padding:15px; background: var(--bg-color); border:4px solid var(--bg-color); box-sizing:border-box; border-radius:2px; overflow:hidden; margin:auto; line-height:0; position:relative; display:flex; align-items:flex-end; justify-content:center;]

   [comment]----tabs----[/comment]
   [border=transparent; height:18px; width:45px; padding:0; overflow:hidden; display:flex; justify-content:flex-end;][border=transparent; padding:0; margin:0 -75px 0 -110px;][tabs]

      [comment]----tab one (cover)----[/comment]
      [tab=.][border=transparent; width:170px; padding:0;][border=transparent; height:calc(100% - 62px); width:100%; padding:20px 15px; box-sizing:border-box; position:absolute; bottom:0; left:0; z-index:2; display:flex; flex-flow:column nowrap; justify-content:center; align-items:center; pointer-events:none;]

      [comment]----location marker----[/comment]
      [border=transparent; height:max-content; width:max-content; padding:5px 8px; box-sizing:border-box; margin:10px 0 10px auto; position:relative; border-radius:4px; overflow:hidden; display:flex; flex-flow: row-reverse nowrap; align-items:center;][border=transparent; height:100%; width:100%; padding:0; background: var(--color-4); opacity:0.5; position:absolute; top:0; left:0;][/border][border=transparent; height:max-content; width:max-content; padding:0; color: var(--color-3); font-size:11px; font-family: var(--details); letter-spacing:0.5px; line-height:100%; position:relative; z-index:1;][comment]

----* * * location here----

[/comment]Summit Academy, CA[/border]

[border=transparent; height:fit-content; width:max-content; margin-right:8px; padding:0; box-sizing:border-box; flex:auto 0; color: var(--color-3); font-size:12px; position:relative; z-index:1;][fa]fas fa-map-marker-alt[/fa][/border]
      [/border]
      [comment]----location marker end----[/comment]

      [comment]----music player----[/comment]
      [border=transparent; height:max-content; width:fit-content; min-width:clamp(160px, 55%, 195px); max-width:clamp(200px, 75%, 250px); padding:6px 8px 6px 6px; box-sizing:border-box; margin:auto 0; border-radius:8px; overflow:hidden; position:relative; display:flex; flex-flow: row nowrap; align-items:center;][border=transparent; height:100%; width:100%; padding:0; background: var(--color-1); position:absolute; top:0; left:0; z-index:1; opacity:0.5;][/border]

         [comment]----album image/play button----[/comment]
         [border=transparent; height:45px; width:45px; min-width:45px; padding:0; border-radius:4px; flex:auto 0; background: var(--music), var(--color-2); background-size:cover; background-position:50% 50%; position:relative; z-index:2; margin-right:15px;][/border]

         [comment]----song info----[/comment]
         [border=transparent; height:max-content; flex:1; padding:0; display:flex; flex-flow:column nowrap; pointer-events:auto; color: var(--h1); font-family: var(--details); position:relative; z-index:2;]
[comment]----song name----[/comment]
[border=transparent; height:max-content; width:fit-content; width:-moz-fit-content; padding:0; font-weight:bold; line-height:100%; letter-spacing:1px; font-size:13px;][comment]

----* * * song name here----

[/comment]dayfly[/border]

[comment]----song artist----[/comment]
[border=transparent; height:max-content; width:fit-content; width:-moz-fit-content; padding:0; font-weight:bold; line-height:100%; letter-spacing:0.8px; font-size:10px; margin-top:5px; text-transform:uppercase;][comment]

----* * * song artist here----

[/comment]Dean, Sulli, Rad Museum[/border]

         [/border]
         [comment]----song info end----[/comment]

         [comment]----actual media player (put your song here!)----[/comment]
         [border=transparent; height:100%; width:45px; padding:0; position:absolute; top:0; left:6px; z-index:1; display:flex; align-items:center; justify-content:center; pointer-events:auto;][border=transparent; height:42px; width:42px; padding:0; overflow:hidden; border-radius:2px;]

[comment]----soundcloud (put a soundcloud link within media tag)----[/comment]
[border=transparent; height:80px; width:180px; padding:0; margin-top:-11px; margin-left:-9px; /*remove this to use me, and add it to the other*/ display:none;]
   [media=soundcloud]https://soundcloud.com/bluedjjang/dean-instagram-blued-cover[/media]
[/border]

[comment]----google drive (put google file code within media tag)----[/comment]
[border=transparent; height:500px; width:500px; margin-top:-300px; margin-left:-88px; padding:0px;]
   [media=googledrive]1wdREzHCykQn1UeMRB546l6t8o7bxGknj[/MEDIA]
[/border]

         [/border][/border]
         [comment]----actual media player end----[/comment]
      [/border]
      [comment]----music player end----[/comment]

      [comment]----random caption/status update?----[/comment]
      [border=transparent; height:fit-content; min-height:45px; max-height:88px; width:fit-content; max-width:clamp(150px, 60%, 250px); padding:8px; box-sizing:border-box; position:relative; top:-40px; display:flex; align-items:center; margin:0 auto -10px 15px; pointer-events:auto;


][border=transparent; height:100%; width:100%; padding:0; background: var(--color-3); border-radius:5px; opacity:0.6; position:absolute; top:0; left:0;][/border][border=transparent; height:0; width:0; padding:0; position:absolute; bottom:-12px; left:12px; border-top:12px solid var(--color-3); border-right:6px solid transparent; border-left:6px solid transparent; transform: skew(-35deg); opacity:0.6;][/border][border=transparent; height:fit-content; max-height:88px; width:fit-content; padding:0; color: var(--t-color); font-size:12px; font-family: var(--details); text-align:justify; line-height:16px; position:relative; z-index:2; overflow:hidden;][comment]

----* * * caption here----

[/comment]These days, knowing more makes you more miserable.[/border][/border]
      

      [comment]----button select----[/comment]
      [border=transparent; height:max-content; width:100%; padding:0; display:flex; justify-content:center; position:relative; z-index:2; margin:auto 0 0 0;]
         [border=transparent; height:max-content; width:max-content; padding:0; color: var(--color-3); font-size:7px; margin:0 2.5px; pointer-events:auto;][fa]fas fa-circle[/fa][/border]
         [border=transparent; height:max-content; width:max-content; padding:0; color: transparent; font-size:7px; margin:0 2.5px;][fa]fas fa-circle[/fa][/border]
      [/border]

      [/border][/border][/tab]
      [comment]----tab one end----[/comment]

      [comment]----tab two (contents)----[/comment]
      [tab=.][border=transparent; height:calc(100% - 62px); width:100%; padding:15px 15px 20px 15px; box-sizing:border-box; position:absolute; bottom:0; left:0; z-index:2; display:flex; flex-flow:column nowrap; align-items:center; pointer-events:none;]

      [comment]----main contents----[/comment]
      [border=transparent; height:95%; max-height:95%; width:100%; padding:0 clamp(5px, 2vw, 10px); box-sizing:border-box;][border=transparent; height:100%; width:100%; padding:0; position:relative; display:flex; flex-flow:column nowrap; align-items:flex-end; justify-content:flex-start;]

         [comment]----textbox----[/comment]
         [border=transparent; height:calc(100% - 50px); width:clamp(180px, 90%, 270px); flex:auto 0; padding:clamp(8px, 3vw, 10px); padding-right:3px; box-sizing:border-box; position:relative; display:flex; flex-flow:column nowrap; pointer-events:auto; border-radius:5px; overflow:hidden;][border=transparent; height:100%; width:100%; padding:0; background: var(--color-1); opacity:0.8; position:absolute; top:0; left:0; z-index:1;][/border]
[comment]----post contents----[/comment]
[border=transparent; height:calc(100% - 90px); width:100%; padding:0; overflow:hidden; display:flex; flex-direction:column; position:relative; z-index:2; flex:auto 0;][border=transparent; height:100%; width:200%; padding:0; overflow-y:scroll;][border=transparent; height:auto; width:50%; padding:0; color: var(--t-color); font-size:11px; text-align:justify; font-family: var(--body); line-height:15px;][comment]

----* * * text starts here----

[/comment]
[border=0px; background: #000000; width: 100px; height: 1px; font-size: 15px; display: inline; padding: 5px; color: white; font-weight: bold; text-transform: uppercase;]basic info.[/border]

[b]name.
nickname.
age.
gender & pronouns.
sexuality & romantic orientation.[/b]
 

[border=0px; background: #000000; width: 100px; height: 1px; font-size: 15px; display: inline; padding: 5px; color: white; font-weight: bold; text-transform: uppercase;]appearance.[/border]

[b]basic description.[/b] keep it short and brief
[b]build.
height.
outfit style or aesthetic.[/b] keep it short


[border=0px; background: #000000; width: 100px; height: 1px; font-size: 15px; display: inline; padding: 5px; color: white; font-weight: bold; text-transform: uppercase;]pro's & cons.[/border]

[b]player strengths.[/b] three strengths, two minor small ones and one big one that is their known special skill/strength[delete this sentence]
1. 
2.
3.
[b]player weaknesses.[/b] must have 2 big weaknesses (players aren't perfect at everything!! if its a shallow weakness I will call you out, really think about this and flesh them out) related to the sport and then one mental weakness, like for example king's is his temper and xiomara's is not being able to handle losing and thus overworking herself. make sure to say how. this mental weakness affects them on and off the court and exactly how[delete this sentence]
1.
2.
3.
[b]academic strengths.[/b] two school related things they excel at like being super organized or having a really good memory + one subject they are particularly good at[delete this sentence]
1.
2.
3.
[b]academic weaknesses.[/b] two school related things they struggle with like being unorganized or never. remembering when things are due + one subject they are particularly bad at[delete this sentence]
1.
2.
3.


[border=0px; background: #000000; width: 100px; height: 1px; font-size: 15px; display: inline; padding: 5px; color: white; font-weight: bold; text-transform: uppercase;]personality.[/border]

[b]hcs.[/b]
— have at least 20 hcs please
—
—


[border=0px; background: #000000; width: 100px; height: 1px; font-size: 15px; display: inline; padding: 5px; color: white; font-weight: bold; text-transform: uppercase;]history.[/border]

[b]short blurb.[/b] combine their character concept and history in a brief paragraph. 

[/border][/border][/border]
[comment]----post contents end----[/comment]


[comment]----character details----[/comment]
[border=transparent; height:90px; width:calc(100% - 95px); padding:0; margin:13px 0 0 auto; position:relative; z-index:1; overflow:hidden; display:flex; flex-direction:column;][border=transparent; height:100%; width:200%; padding:0; overflow-y:scroll; scroll-snap-type: y proximity;]

   [comment]----copy this whole thing to add another detail----[/comment]
   [border=transparent; height:auto; min-height:28px; max-height:100%; width:50%; padding:6px 8px; box-sizing:border-box; border-radius:4px; overflow:hidden; position:relative; margin:5px 0; display:flex; flex-flow: row nowrap; align-items:center; justify-content:center; scroll-snap-align:center;][border=transparent; height:100%; width:100%; padding:0; background: var(--color-2); opacity:0.55; position:absolute; top:0; left:0; z-index:1;][/border]

      [comment]----icon----[/comment]
      [border=transparent; height:max-content; width:15px; padding:0; color: var(--color-3); font-size:14px; line-height:15px; flex:auto 0; margin-right:8px; position:relative; z-index:2; text-align:center;][comment]

----* * * detail icon here (replace icon in fa-icon)----

[/comment][fa]fas fa-volleyball-ball[/fa][/border]

      [comment]----detail contents----[/comment]
      [border=transparent; height:fit-content; max-height:72px; width:auto; padding:0; overflow:hidden; display:flex; flex-direction:column; position:relative; z-index:2;][border=transparent; height:100%; width:200%; padding:0; overflow-y:scroll;][border=transparent; height:auto; width:50%; padding:0; color: var(--h2); font-size:clamp(11px, 3.7vw, 13px); line-height:15px; font-family: var(--body); text-align:center;][comment]

----* * * text starts here----

[/comment]role here[/border]
      [/border][/border]
      [comment]----detail contents end----[/comment]
   [/border]
   [comment]----copy me too!----[/comment]

   [comment]----copy this whole thing to add another detail----[/comment]
   [border=transparent; height:auto; min-height:28px; max-height:100%; width:50%; padding:6px 8px; box-sizing:border-box; border-radius:4px; overflow:hidden; position:relative; margin:5px 0; display:flex; flex-flow: row nowrap; align-items:center; justify-content:center; scroll-snap-align:center;][border=transparent; height:100%; width:100%; padding:0; background: var(--color-2); opacity:0.55; position:absolute; top:0; left:0; z-index:1;][/border]

      [comment]----icon----[/comment]
      [border=transparent; height:max-content; width:15px; padding:0; color: var(--color-3); font-size:14px; line-height:15px; flex:auto 0; margin-right:8px; position:relative; z-index:2; text-align:center;][comment]

----* * * detail icon here (replace icon in fa-icon)----

[/comment][fa]fas fa-school[/fa][/border]

      [comment]----detail contents----[/comment]
      [border=transparent; height:fit-content; max-height:72px; width:auto; padding:0; overflow:hidden; display:flex; flex-direction:column; position:relative; z-index:2;][border=transparent; height:100%; width:200%; padding:0; overflow-y:scroll;][border=transparent; height:auto; width:50%; padding:0; color: var(--h2); font-size:clamp(11px, 3.7vw, 13px); line-height:15px; font-family: var(--body); text-align:center;][comment]

----* * * text starts here----

[/comment]year here[/border]
      [/border][/border]
      [comment]----detail contents end----[/comment]
   [/border]
   [comment]----copy me too!----[/comment]

[/border][/border]
[comment]----character details end----[/comment]
         [/border]
         [comment]----textbox end----[/comment]

         [comment]----image----[/comment]
         [border=transparent; height:143px; width:115px; padding:0; margin:-50px auto 5px 0; position:absolute; bottom:0; left:0; z-index:5;][border=transparent; height:100%; width:100%; padding:0; position:absolute; bottom:-12px; left:12px; z-index:1; background: var(--color-2); opacity:0.8; border-radius:2px;][/border][border=transparent; height:100%; width:100%; padding:0; background: var(--img-1); background-size:cover; position:relative; z-index:2; border-radius:2px;

/*edit the following to adjust the cropping of the image*/ background-position:50% 50%;][/border][/border]

         [comment]----random quote----[/comment]
         [border=transparent; height:fit-content; width:fit-content; max-width:clamp(185px, 100% - 8px + 3vw, 305px); padding:0; overflow:hidden; position:absolute; bottom:11px; right:-15px; z-index:5; transform:rotate(-11deg); display:flex; justify-content:flex-end; align-items:flex-end;][border=transparent; height:max-content; width:max-content; padding:5px 5px 5px 7px; box-sizing:border-box; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-family: var(--quote); font-size:58px; line-height:100%; color: var(--color-1); text-shadow:1px 1px 4px var(--glow), -1px -1px 4px var(--glow), 1px -1px 4px var(--glow), -1px 1px 4px var(--glow); font-weight:700;  -webkit-filter: brightness(1.06); text-align:right;][comment]

----* * * name here (keep it short)----

[/comment]name[/border][/border]

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

      [comment]----button select----[/comment]
      [border=transparent; height:max-content; width:100%; padding:0; display:flex; justify-content:center; position:relative; z-index:2; margin-top:auto; flex:auto 0;]
         [border=transparent; height:max-content; width:max-content; padding:0; color: transparent; font-size:7px; margin:0 2.5px;][fa]fas fa-circle[/fa][/border]
         [border=transparent; height:max-content; width:max-content; padding:0; color: var(--color-3); font-size:7px; margin:0 2.5px; pointer-events:auto;][fa]fas fa-circle[/fa][/border]
      [/border]

      [/border][/tab]
      [comment]----tab two end----[/comment]

   [/tabs][/border][/border]
   [comment]----tabs end----[/comment]

   [comment]----tabs cover----[/comment]
   [border=transparent; height:100%; width:100%; padding:20px 15px; box-sizing:border-box; position:absolute; top:0; left:0; z-index:1; pointer-events:none; display:flex; flex-flow:column nowrap; ]
      [comment]----header----[/comment]
      [border=transparent; height:40px; max-height:40px; width:100%; padding:0; position:relative; z-index:2; display:flex; flex-flow:row nowrap; align-items:center;]

         [comment]----user icon----[/comment]
         [border=transparent; height:40px; width:40px; flex:auto 0; padding:0; background: var(--icon); border:2px solid var(--color-3); border-radius:50%; box-sizing:border-box; background-size:cover; background-position:center; margin-right:8px;][/border]

         [comment]----user info----[/comment]
         [border=transparent; height:max-content; flex:1; padding:3px 0 0 0; box-sizing:border-box; display:flex; flex-flow: column nowrap; justify-content:center; pointer-events:auto;]
[comment]----username----[/comment]
[border=transparent; height:max-content; width:max-content; padding:0;][comment]

----* * * link to cs here----


[/comment][border=transparent; padding:0; color: var(--color-3); font-size:13px; font-family: var(--details); font-weight:bold; line-height:100%; letter-spacing:0.8px; text-decoration:none; display:inline-block;][comment]

----* * * user name here----

[/comment][plain]@username[/plain][comment]

[/comment][/border][/border]

[comment]----timestamp----[/comment]
[border=transparent; height:max-content; width:max-content; padding:0; color: var(--color-3); font-size:9px; font-family: var(--details); line-height:100%; letter-spacing:0.6px; margin:4px 0 0 7px;][comment]

----* * * time posted here----

[/comment]14 hours ago[/border]
         [/border]
         [comment]----user info end----[/comment]
      [/border]
      [comment]----header end----[/comment]

      [comment]----footer----[/comment]
      [border=transparent; height:max-content; width:100%; padding:0; display:flex; justify-content:center; position:relative; z-index:2; margin-top:auto; opacity:0.6;]
         [border=transparent; height:max-content; width:max-content; padding:0; color: var(--color-4); font-size:7px; margin:0 2.5px;][fa]fas fa-circle[/fa][/border]
         [border=transparent; height:max-content; width:max-content; padding:0; color: var(--color-4); font-size:7px; margin:0 2.5px;][fa]fas fa-circle[/fa][/border]
      [/border]

      [comment]----image background----[/comment]
      [border=transparent; height:100%; width:100%; padding:0; position:absolute; top:0; left:0; z-index:1; -webkit-filter: saturate(1.38); background: var(--bg); background-size:cover; border-radius:1px; overflow:hidden;

/*edit this to adjust the cropping of the image*/  background-position:50% 100%;

][border=transparent; height:100%; width:100%; padding:0; background: var(--color-1); opacity:0.2; mix-blend-mode: screen;][/border][/border]
   [/border]
   [comment]----tabs cover end----[/comment]

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






  • Summit Academy, CA















    trouble



    adam jensen

























    Does punching someone in the face count as a workout? asking for a friend.























@PatroclusHasFallen



14 hours ago


















nine lives










  • Summit Academy, CA















    perfect



    Alanis Morissette
























    If I'm not the best, then what's the point?























@подмороженный



10 hours ago


















nine lives

 
Last edited:






  • Summit Academy, CA















    are you bored yet?



    wallow ft. clairo






















    If you need me, you'll know where to find me.























@alyafox



10 hours ago


















nine lives

 
Last edited:







    • Summit Academy, CA















      candy



      robbie Williams (edited)























      Yes I want boba! I always want boba.























    @5oclocksomwhere



    7 hours ago


















    nine lives


 
Last edited:










  • Summit Academy, CA






























    Cool Cat





    Queen














































    Laughter is like a windshield wiper, it doesn't stop the rain but it allows us to keep going.



























































@CloRida







4 Minutes Ago
















































nine lives



 
Last edited:






  • Summit Academy, CA















    lover boy



    Phum Viphurit






















    I kind of fancy myself a badass (;























@itstrinnn



just now


















nine lives

 
Last edited:






  • Summit Academy, CA















    demons



    Hayley Kiyoko
























    Why do I care so much?























@MattIsNotOk



49 weeks ago


















nine lives

 
Last edited:







    • Summit Academy, CA















      PARTYGIRL



      Ryan Hall


















      Don't get in between me and my drinks and we should be okay, I guess.























    @Boss.Jiselle1



    14 hours ago


















    nine lives


 
Last edited:










  • Summit Academy, CA


























    Scratched out





    The Matches










































    Got any snacks?









































@Dontmakemesteponyou





23 hours ago

































nine lives


 

Users who are viewing this thread

Back
Top