Fandom YouTuber Rp Partner Search (Doubling!)

[tabbybutnotacat]

[div class=container]
[div class=overlay][div class=pay][div class=insertcoin]INSERT COIN TO PLAY[/div]
[div class=coin]

[/div]
[/div][/div]
[div class=menu][div class=overlay]

[div class=container1]
[div class=start]GAME START[/div][div class=arrow1] ◀[/div]

[div class=options]OPTIONS[/div][div class=arrow2] ◀[/div]

[div class=credits]CREDITS[/div][div class=arrow3] ◀[/div]
[/div]
[/div][/div]

[div class=overlay][div class=basic]

[div class=home1][/div]

[div class=img1][div class=img1hover]

Hi! My name is Tabby! I'm 19 and desperateluy craving a smosh, or youtuber rp in general. I work Thursday-Saturaday and sometimes Tuesday and Wednesday as well, so my replies might be spotty by I normally reply once a day or every other day. I really only do doubled OC x Cannon, or if you want to just have an oc with out a love interest, an oc love interest, or just want to play my ocs love interest I'm fine with that too.

[div class=img2][div class=img2hover]

[/div] I do between 1-2 paragraphs ( A paragaph is a minimum 5 decently sized sentences or at least 4 lines), but if actually given something to work with I can do more. Obviously keep the replies even, don't focus on just your pairing and keep things fair. I have no triggers and I curse if you have a problem with that let me know.

I can really rp any youtuber, because it's not that hard to look up some youtube videos real quick before I rp with you. However, here's a list of youtubers I already know:
The Fantastic Foursome (Dan,Phil, PJ, Crabstickz)
Smosh
Markiplier
Jacksepticeye
The Vlog Squad (David, Heath, Todd, ect.)
Alfie and all his group

I have several plots and AUs too, that I would happy share with you if you wanted to hear them! If you're interested let me know, either on the Tread or in a Pm.

*Note: The 'Options' Button below is not an actual button*

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

[div class=signature][div class=overlay][div class=home2][/div]

-uxie

[div class=signaturetext]

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!

@Uxie

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][/div]
[/div]

[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://i.pinimg.com/originals/c8/84/6b/c8846bd16b7b306ce21eb978d38d888b.jpg');
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://i.pinimg.com/originals/8e/d6/b4/8ed6b4f1e78ee1d41c335970a0410b1c.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]



[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]



[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]



[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]

 

[tabbybutnotacat]

Bump

 

[SammyCave]

I’d be up for doubling up for a youtuber roleplay!

 

[Redfork2000]

A youtuber RP does sound kind of interesting. I'd be willing to give it a try. Are you familiar with the storytime animation youtubers like JaidenAnimations or TheOdd1sout?

 

[tabbybutnotacat]

Sorry, It seems I wasn't watching the thread for whatever reason! Go ahead and send me pms! I can do any YouTuber because I can easily watch some of their videos!