• If your recruitment thread involves completely going off site with your partner(s) then it belongs in the Off-Site Ad Area.
  • This area of the site is governed by the official Recruitment rules. Whether you are looking for players or looking for a roleplay, we recommend you read them and familiarize your self with them. Read the Recruitment Rules Here.

Fandom More Than a Kirby RP, Click Here!

NoviceOfRoleplay

One Thousand Club
[class=tabs] background: url('https://i.pinimg.com/originals/3f/c3/21/3fc321ee5ea4f798ee67809048e4775c.jpg'); border-radius: 5px; box-shadow: 0px 0px 5px#FCD0DF; box-sizing: border-box; color: #FFFFFF; font-size: 18px; font-weight: bold; line-height: 1; margin: 20px auto; min-width: 350px; text-align: center; width: 50%; [/class] [class=tab] box-sizing: border-box; cursor: pointer; display: inline-block; padding: 10px 0; width: 33%; [/class] [class name=tab state=hover] background-color: #FCD0DF; [/class] [script class=tab on=click] hide tabsContent set currentTab (getText) if (eq ${currentTab} Information) (show tabsContentInformation) if (eq ${currentTab} Battle) (show tabsContentRules) if (eq ${currentTab} Characters) (show tabsContentCharacters) [/script] [div class=tabs][div class=tab style="border-top-left-radius: 5px; border-bottom-left-radius: 5px;"]Information[/div][div class=tab]Battle[/div][div class=tab style="border-top-right-radius: 5px; border-bottom-right-radius: 5px; width: 34%;"]Characters[/div][/div] [div class="tabsContent tabsContentInformation"]
BgBFFN6.jpg
The coarse hand weakly reached. The wounds of its body had dropped the guard of all watching, inconceivable it could attack again. Very conceivable that the pink ball had won again. As the body began to dissipate, it still tries to reach to our hero. Cheers from the small crowd. Our hero releasing buoyant steps; the hand grabs it's target! Nails sink into our hero. Screams, running, a wail. A black light, a rainbow light, no light. An explosion that shatters expectations and the ground, but there is stars. Stars flying to beyond. Hopefully, to those that need it. A surprise turn in a final battle, Kirby's entire being shatters-releasing all of his powers across Planet Popstar. Each power, guided by a star, are attracted to children and teenagers lacking certain emotions. The powers turn out to fill the emotional need by those that have it. A positive, too many, for the younger generation. However, those who want to revive Kirby will need to hunt these kids down. In surprising twists by an orphan that wants to stop any children from being born, a princess loving of poverty, a malicious knight, and skeptical wizards- join in the story with your character that has gained one of these powers. You can try to collect all the powers for yourself 28+. Though will you choose to hold it for your own or revive the hero that has saved the world hundreds of times? [/div] [div class="tabsContent tabsContentRules" style="display: none;"]
356749-e092d3dc39e41a706b33983b11f5f0a0.jpg
356750-302472faef1efeeaf7028cf268f5aa05.jpg
356751-6f71fc7c0b472035bf11a4317f6f921e.jpg
In respect for Kirby's simplicity, the battle system will have very simple rules. When in a battle, you can either Attack, have the Foresight to react to an attack, or Move! There is HP (Health Points), everyone gets 1 HP and all attacks do 1 damage for players, though depending on which Kirby power one has-he/she will have more HP and more attack power! Oh, and attacks do have ranges, Close, Mid, and Far. Very simple rules that won't have you scrambling for a pen and paper every time you want to roleplay! This simplicity will allow you a lot of freedom and balanced despite a first glance. Now here is a taste of what powers your OC can choose from at the beginning (There will be a couple more added as options once RP is up and operational). You may only choose one power to start not taken by another roleplayer.
VIQpjBu.jpg
IYAgUeI.jpg
H2VKRZP.jpg
y1fQHMV.jpg
Tr1JPVh.jpg
D9FU7pr.jpg
bedI8YS.jpg
c6gSTSe.jpg
There are further benefits to having powers. As ones with them have their emotions amplified and developed, creating Emotional Abilities. You will have the choice of 3 when you start. Coincidentally, there are three types of Emotional Abilities: Sadness, Happy, Anger.
DRavA4t.jpg
BnQdlli.jpg
AoTLQNM.jpg
You can unlock more abilities as you progress, even some based on your power specifically. There are powers and abilities to unlock master![/div] [div class="tabsContent tabsContentCharacters" style="display: none;"][div class=csgform] [div class=csgtitle] Star Allies Deluxe CS Machine[/div] [div class=csgintro] You don't have to, but why not get instant beautiful BBCode for your CS?♥[/div] [div class=csglabel]Name[/div][input class="csginput csgname" type=text][/input] [div class=csglabel]Age[/div][input class="csginput csgage" type=text maxlength=3][/input] [div class=csglabel]Personality[/div][input type=textarea class="csginput csgdescription"][/input] [div class=csglabel]Appearance Image Link:[/div][input class="csginput csgimage" type=text][/input] [div class=csglabel]Gender[/div][input class="csginput csggender"type=text][/input] [div class=csglabel]Kirby Power[/div][input class="csginput csgpower"type=text][/input] [div class=csglabel]Emotional Ability[/div][input class="csginput csgability"type=text][/input] [div class=csglabel]Backstory[/div][input class="csginput csgstory"type=textarea][/input] [div class=csglabel]Goal in Life[/div][input class="csginput csggoal"type=textarea][/input] [div class=csglabel]Way to Achieve Goal[/div][input class="csginput csgachieve"type=textarea][/input] [input class=csgsubmit type=button]Generate Character Sheet[/input] [div class=csgcode] [nobr] [class=container] width: 100%; padding-top: calc( (3 / 7) * 100%); position: relative; --color-1: rgb(236, 225, 147); --bg-color-1: rgb(59, 45, 44); --bg-color-2: rgb(186,78,81); --bg-color-3: rgb(223, 203, 180); [/class] [class=colorC] --color-1: rgb(149, 112, 87); [/class] [class=flex] width: 100%; height: 100%; position: absolute; top:0; display: flex; flex-flow: row wrap; align-items: stretch; [/class] [class=imageholder] width: calc( 3 / 7 * 100%); height: 100%; box-sizing:border-box; position: relative; transform-style: preserve-3d; flex: 0 0 auto; [/class] [class=rightside] flex: 1 0 auto; position: relative; [/class] [class=tabholder] position: absolute; max-height: 5%; height: auto; bottom: 70%; left: -5%; border: 3px solid var(--color-1); border-bottom-width: 0px; border-top-right-radius: 20px; border-top-left-radius: 20px; padding: 3px 10px 3px 10px; font-size: calc( 6px + (20 - 6) * (100vh - 200px) / (1280 - 200) ); color: var(--color-1); transition: color 3s, border-color 3s; white-space: nowrap; [/class] [class=button] display: inline; cursor: pointer; [/class] [class=content] width: 100%; height: 65%; left:-5%; bottom: 5%; position: absolute; [/class] [class=contentHolder] position: relative; width: 100%; height: 100%; border-top: 3px solid var(--color-1); border-bottom: 3px solid var(--color-1); color: var(--color-1); transition: color 3s, border-color 3s; padding-top: 3px; overflow:hidden; transform-style: preserve-3D; box-sizing: border-box; [/class] [class=contentBox] width: 100%; height: 100%; position: absolute; top:0; left:0; overflow:hidden; -webkit-backface-visibility:hidden; backface-visibility: hidden; transition: transform 3s ease-out .5s, -webkit-transform 3s ease-out .5s; [/class] [class=contentFix] position: relative; height: 100%; width: 100%; overflow-Y: scroll; padding-right: 100px; [/class] [class=contentSpin] -webkit-transform: rotateY(.5turn); transform: rotateY(.5turn); [/class] [comment]Background Panels[/comment] [class=backgroundContainer] display: flex; position: absolute; width: 100%; height: 100%; top:0; transform: translateZ(-1000px); [/class] [class=backgroundPanel] flex-grow: 1; height: 100%; position: relative; [/class] [class=PanelA] height:100%; width:100%; position: absolute; top:0; left:0; -webkit-backface-visibility:hidden; backface-visibility: hidden; background-color: var(--bg-color-1); [/class] [class=PanelB] height:100%; width: 100%; position: absolute; top:0; left:0; -webkit-backface-visibility:hidden; backface-visibility: hidden; background-color: var(--bg-color-2); [/class] [class=PanelC] height:100%; width:100%; position: absolute; top:0; left:0; -webkit-backface-visibility:hidden; backface-visibility: hidden; background-color: var(--bg-color-3); [/class] [class=panelSpin] transform: rotateY(.5turn); [/class] [comment]Background Panels End[/comment] [comment]Hearts Start[/comment] [class=HeartsContainer] width: 100%; height: 25%; position: relative; [/class] [class=heart] transition: all 3s ease-out; display: block; position: absolute; width: auto; font-size: calc( 6px + (20 - 6) * (100vh - 200px) / (1280 - 200) ); [/class] [class=heartImage] right: 10%; top: 20%; z-index: 9; color: rgb(255, 229, 238); [/class] [class=heart1] top: 50%; left: 0%; color: rgb(233, 128, 140); [/class] [class=heart2] top: 20%; left: 15%; color: rgb(239, 69, 87); [/class] [class=heart3] bottom: 10%; left: 40%; color: rgb(241, 100, 143); [/class] [class=heart4] top: 40%; left: 60%; color: rgb(248, 173, 183); [/class] [class=heart5] bottom: 30%; right: 10%; color: rgb(227, 47, 108); [/class] [class=heartTab1] display: inline; position: absolute; transition: 3s ease-out; [/class] [class=heartTab2] display: inline; position: absolute; transition: 3s ease-out; [/class] [class=heartTab3] display: inline; position: absolute; transition: 3s ease-out; [/class] [class=spin] transform: rotateY(5turn); [/class] [class=spinHeartImage] transition: transform 3s ease-out; [/class] [class=spinHeart1] transition: transform 3s ease-out .25s; [/class] [class=spinHeart2] transition: transform 3s ease-out .5s; [/class] [class=spinHeart3] transition: transform 3s ease-out .75s; [/class] [class=spinHeart4] transition: transform 3s ease-out 1s; [/class] [class=spinHeart5] transition: transform 3s ease-out 1.25s; [/class] [class=spinHeartTab1] transition: transform 3s ease-out .275s; [/class] [class=spinHeartTab2] transition: transform 3s ease-out .525s; [/class] [class=spinHeartTab3] transition: transform 3s ease-out .775s; [/class] [script=heart] set heartImageIsSpun 0 set heart1IsSpun 0 set heart2IsSpun 0 set heart3IsSpun 0 set heart4IsSpun 0 set heart5IsSpun 0 set heartTab1IsSpun 0 set heartTab2IsSpun 0 set heartTab3IsSpun 0 [/script] [script class=heartImage on=mouseenter] removeClass spinHeartImage if (eq ${heartImageIsSpun} 0) (addClass spin) (removeClass spin) if (eq ${heartImageIsSpun} 0) (set heartImageIsSpun 1) (set heartImageIsSpun 0) [/script] [script class=heart1 on=mouseenter] removeClass spinHeart1 if (eq ${heart1IsSpun} 0) (addClass spin) (removeClass spin) if (eq ${heart1IsSpun} 0) (set heart1IsSpun 1) (set heart1IsSpun 0) [/script] [script class=heart2 on=mouseenter] removeClass spinHeart2 if (eq ${heart2IsSpun} 0) (addClass spin heart2) (removeClass spin heart2) if (eq ${heart2IsSpun} 0) (set heart2IsSpun 1) (set heart2IsSpun 0) [/script] [script class=heart3 on=mouseenter] removeClass spinHeart3 if (eq ${heart3IsSpun} 0) (addClass spin heart3) (removeClass spin heart3) if (eq ${heart3IsSpun} 0) (set heart3IsSpun 1) (set heart3IsSpun 0) [/script] [script class=heart4 on=mouseenter] removeClass spinHeart4 if (eq ${heart4IsSpun} 0) (addClass spin heart4) (removeClass spin heart4) if (eq ${heart4IsSpun} 0) (set heart4IsSpun 1) (set heart4IsSpun 0) [/script] [script class=heart5 on=mouseenter] removeClass spinHeart5 if (eq ${heart5IsSpun} 0) (addClass spin heart5) (removeClass spin heart5) if (eq ${heart5IsSpun} 0) (set heart5IsSpun 1) (set heart5IsSpun 0) [/script] [script class=heartTab1 on=mouseenter] removeClass spinHeartTab1 if (eq ${heartTab1IsSpun} 0) (addClass spin) (removeClass spin) if (eq ${heartTab1IsSpun} 0) (set heartTab1IsSpun 1) (set heartTab1IsSpun 0) [/script] [script class=heartTab2 on=mouseenter] removeClass spinHeartTab2 if (eq ${heartTab2IsSpun} 0) (addClass spin) (removeClass spin) if (eq ${heartTab2IsSpun} 0) (set heartTab2IsSpun 1) (set heartTab2IsSpun 0) [/script] [script class=heartTab3 on=mouseenter] removeClass spinHeartTab3 if (eq ${heartTab3IsSpun} 0) (addClass spin) (removeClass spin) if (eq ${heartTab3IsSpun} 0) (set heartTab3IsSpun 1) (set heartTab3IsSpun 0) [/script] [comment]Hearts end[/comment] [comment]Image start[/comment] [class=imageSideA] width: 100%; position: absolute; top:0; transition: all 3s; -webkit-backface-visibility:hidden; backface-visibility:hidden; pointer-events:none; [/class] [class=imageSideB] width: 100%; position: absolute; top:0; transition: all 3s; -webkit-backface-visibility:hidden; backface-visibility:hidden; pointer-events:none; [/class] [class=imageSideC] width: 100%; position: absolute; top:0; transition: all 3s; -webkit-backface-visibility:hidden; backface-visibility:hidden; pointer-events:none; [/class] [class=spinImage] transform: rotateY(1.5turn); [/class] [script=button] set CurSide A fadeOut 1 contentB fadeOut 1 contentC [/script] [script class=buttonA on=click] if (eq ${CurSide} A) (stop) fadeIn 3000 contentA fadeOut 3000 contentB fadeOut 3000 contentC removeClass colorC container removeClass contentSpin contentA addClass contentSpin contentB addClass contentSpin contentC removeClass panelSpin PanelA addClass panelSpin PanelB addClass panelSpin PanelC removeClass spinImage imageSideA addClass spinImage imageSideB addClass spinImage imageSideC set CurSide A //spinning hearts addClass spinHeartImage heartImage addClass spinHeart1 heart1 addClass spinHeart2 heart2 addClass spinHeart3 heart3 addClass spinHeart4 heart4 addClass spinHeart5 heart5 addClass spinHeartTab1 heartTab1 addClass spinHeartTab2 heartTab2 addClass spinHeartTab3 heartTab3 if (eq ${heartImageIsSpun} 0) (addClass spin heartImage) (removeClass spin heartImage) if (eq ${heartImageIsSpun} 0) (set heartImageIsSpun 1) (set heartImageIsSpun 0) if (eq ${heart1IsSpun} 0) (addClass spin heart1) (removeClass spin heart1) if (eq ${heart1IsSpun} 0) (set heart1IsSpun 1) (set heart1IsSpun 0) if (eq ${heart2IsSpun} 0) (addClass spin heart2) (removeClass spin heart2) if (eq ${heart2IsSpun} 0) (set heart2IsSpun 1) (set heart2IsSpun 0) if (eq ${heart3IsSpun} 0) (addClass spin heart3) (removeClass spin heart3) if (eq ${heart3IsSpun} 0) (set heart3IsSpun 1) (set heart3IsSpun 0) if (eq ${heart4IsSpun} 0) (addClass spin heart4) (removeClass spin heart4) if (eq ${heart4IsSpun} 0) (set heart4IsSpun 1) (set heart4IsSpun 0) if (eq ${heart5IsSpun} 0) (addClass spin heart5) (removeClass spin heart5) if (eq ${heart5IsSpun} 0) (set heart5IsSpun 1) (set heart5IsSpun 0) if (eq ${heartTab1IsSpun} 0) (addClass spin heartTab1) (removeClass spin heartTab1) if (eq ${heartTab1IsSpun} 0) (set heartTab1IsSpun 1) (set heartTab1IsSpun 0) if (eq ${heartTab2IsSpun} 0) (addClass spin heartTab2) (removeClass spin heartTab2) if (eq ${heartTab2IsSpun} 0) (set heartTab2IsSpun 1) (set heartTab2IsSpun 0) if (eq ${heartTab3IsSpun} 0) (addClass spin heartTab3) (removeClass spin heartTab3) if (eq ${heartTab3IsSpun} 0) (set heartTab3IsSpun 1) (set heartTab3IsSpun 0) [/script] [script class=buttonB on=click] if (eq ${CurSide} B) (stop) fadeIn 3000 contentB fadeOut 3000 contentA fadeOut 3000 contentC removeClass colorC container removeClass contentSpin contentB addClass contentSpin contentA addClass contentSpin contentC removeClass panelSpin PanelB addClass panelSpin PanelA addClass panelSpin PanelC removeClass spinImage imageSideB addClass spinImage imageSideA addClass spinImage imageSideC set CurSide B //spinning hearts addClass spinHeartImage heartImage addClass spinHeart1 heart1 addClass spinHeart2 heart2 addClass spinHeart3 heart3 addClass spinHeart4 heart4 addClass spinHeart5 heart5 addClass spinHeartTab1 heartTab1 addClass spinHeartTab2 heartTab2 addClass spinHeartTab3 heartTab3 if (eq ${heartImageIsSpun} 0) (addClass spin heartImage) (removeClass spin heartImage) if (eq ${heartImageIsSpun} 0) (set heartImageIsSpun 1) (set heartImageIsSpun 0) if (eq ${heart1IsSpun} 0) (addClass spin heart1) (removeClass spin heart1) if (eq ${heart1IsSpun} 0) (set heart1IsSpun 1) (set heart1IsSpun 0) if (eq ${heart2IsSpun} 0) (addClass spin heart2) (removeClass spin heart2) if (eq ${heart2IsSpun} 0) (set heart2IsSpun 1) (set heart2IsSpun 0) if (eq ${heart3IsSpun} 0) (addClass spin heart3) (removeClass spin heart3) if (eq ${heart3IsSpun} 0) (set heart3IsSpun 1) (set heart3IsSpun 0) if (eq ${heart4IsSpun} 0) (addClass spin heart4) (removeClass spin heart4) if (eq ${heart4IsSpun} 0) (set heart4IsSpun 1) (set heart4IsSpun 0) if (eq ${heart5IsSpun} 0) (addClass spin heart5) (removeClass spin heart5) if (eq ${heart5IsSpun} 0) (set heart5IsSpun 1) (set heart5IsSpun 0) if (eq ${heartTab1IsSpun} 0) (addClass spin heartTab1) (removeClass spin heartTab1) if (eq ${heartTab1IsSpun} 0) (set heartTab1IsSpun 1) (set heartTab1IsSpun 0) if (eq ${heartTab2IsSpun} 0) (addClass spin heartTab2) (removeClass spin heartTab2) if (eq ${heartTab2IsSpun} 0) (set heartTab2IsSpun 1) (set heartTab2IsSpun 0) if (eq ${heartTab3IsSpun} 0) (addClass spin heartTab3) (removeClass spin heartTab3) if (eq ${heartTab3IsSpun} 0) (set heartTab3IsSpun 1) (set heartTab3IsSpun 0) [/script] [script class=buttonC on=click] if (eq ${CurSide} C) (stop) addClass colorC container fadeIn 3000 contentC fadeOut 3000 contentA fadeOut 3000 contentB removeClass contentSpin contentC addClass contentSpin contentB addClass contentSpin contentA removeClass panelSpin PanelC addClass panelSpin PanelB addClass panelSpin PanelA removeClass spinImage imageSideC addClass spinImage imageSideB addClass spinImage imageSideA set CurSide C //spinning hearts addClass spinHeartImage heartImage addClass spinHeart1 heart1 addClass spinHeart2 heart2 addClass spinHeart3 heart3 addClass spinHeart4 heart4 addClass spinHeart5 heart5 addClass spinHeartTab1 heartTab1 addClass spinHeartTab2 heartTab2 addClass spinHeartTab3 heartTab3 if (eq ${heartImageIsSpun} 0) (addClass spin heartImage) (removeClass spin heartImage) if (eq ${heartImageIsSpun} 0) (set heartImageIsSpun 1) (set heartImageIsSpun 0) if (eq ${heart1IsSpun} 0) (addClass spin heart1) (removeClass spin heart1) if (eq ${heart1IsSpun} 0) (set heart1IsSpun 1) (set heart1IsSpun 0) if (eq ${heart2IsSpun} 0) (addClass spin heart2) (removeClass spin heart2) if (eq ${heart2IsSpun} 0) (set heart2IsSpun 1) (set heart2IsSpun 0) if (eq ${heart3IsSpun} 0) (addClass spin heart3) (removeClass spin heart3) if (eq ${heart3IsSpun} 0) (set heart3IsSpun 1) (set heart3IsSpun 0) if (eq ${heart4IsSpun} 0) (addClass spin heart4) (removeClass spin heart4) if (eq ${heart4IsSpun} 0) (set heart4IsSpun 1) (set heart4IsSpun 0) if (eq ${heart5IsSpun} 0) (addClass spin heart5) (removeClass spin heart5) if (eq ${heart5IsSpun} 0) (set heart5IsSpun 1) (set heart5IsSpun 0) if (eq ${heartTab1IsSpun} 0) (addClass spin heartTab1) (removeClass spin heartTab1) if (eq ${heartTab1IsSpun} 0) (set heartTab1IsSpun 1) (set heartTab1IsSpun 0) if (eq ${heartTab2IsSpun} 0) (addClass spin heartTab2) (removeClass spin heartTab2) if (eq ${heartTab2IsSpun} 0) (set heartTab2IsSpun 1) (set heartTab2IsSpun 0) if (eq ${heartTab3IsSpun} 0) (addClass spin heartTab3) (removeClass spin heartTab3) if (eq ${heartTab3IsSpun} 0) (set heartTab3IsSpun 1) (set heartTab3IsSpun 0) [/script] [comment]Image end[/comment] [comment]Code by [USER=34809]@Alteras[/USER][/comment] [/nobr][div class=container][div class=backgroundContainer][nobr] [div class=backgroundPanel][div class=PanelA style="transition: all 2s;"][/div][div class="PanelB panelSpin" style="transition: all 2s;"][/div][div class="PanelC panelSpin" style="transition: all 2s;"][/div][/div] [div class=backgroundPanel][div class=PanelA style="transition: all 2s .25s;"][/div][div class="PanelB panelSpin" style="transition: all 2s .25s;"][/div][div class="PanelC panelSpin" style="transition: all 2s .25s;"][/div][/div] [div class=backgroundPanel][div class=PanelA style="transition: all 2s .5s;"][/div][div class="PanelB panelSpin" style="transition: all 2s .5s;"][/div][div class="PanelC panelSpin" style="transition: all 2s .5s;"][/div][/div] [div class=backgroundPanel][div class=PanelA style="transition: all 2s .75s;"][/div][div class="PanelB panelSpin" style="transition: all 2s .75s;"][/div][div class="PanelC panelSpin" style="transition: all 2s .75s;"][/div][/div] [div class=backgroundPanel][div class=PanelA style="transition: all 2s 1s;"][/div][div class="PanelB panelSpin" style="transition: all 2s 1s;"][/div][div class="PanelC panelSpin" style="transition: all 2s 1s;"][/div][/div] [div class=backgroundPanel][div class=PanelA style="transition: all 2s 1.25s;"][/div][div class="PanelB panelSpin" style="transition: all 2s 1.25s;"][/div][div class="PanelC panelSpin" style="transition: all 2s 1.25s;"][/div][/div] [/nobr][/div] [div class=flex][div class=imageholder][div class="heart heartImage"][fa]fa-heart fa-fw fa-2x[/fa][/div][div class=imageSideA][IMG][div class="csgvalue csgimageValue"][/div][/IMG][/div][div class="imageSideB spinImage"][IMG][div class="csgvalue csgimageValue"][/div][/IMG][/div][div class="imageSideC spinImage"][IMG][div class="csgvalue csgimageValue"][/div][/IMG][/div][/div][div class=rightside][div class=HeartsContainer] [div class="heart heart1"][fa]fa-heart fa-fw fa-2x[/fa][/div] [div class="heart heart2"][fa]fa-heart fa-fw fa-3x[/fa][/div] [div class="heart heart3"][fa]fa-heart fa-fw fa-3x[/fa][/div] [div class="heart heart4"][fa]fa-heart fa-fw fa-4x[/fa][/div] [div class="heart heart5"][fa]fa-heart fa-fw fa-5x[/fa][/div][/div][div class=tabholder][font=Fugaz One][div class="buttonA button"][div class=heartTab1][fa]fa-heartbeat fa-fw[/fa][/div][fa]fa-fw[/fa]Profile Type[/div] | [div class="buttonB button"][div class=heartTab2][fa]fa-heart fa-fw[/fa][/div][fa]fa-fw[/fa]Face Value [/div] | [div class="buttonC button"][div class=heartTab3][fa]fa-heart-o fa-fw[/fa][/div][fa]fa-fw[/fa]Deeper[/div][/font][/div][div class=content][div=position:absolute; top:100%; right:0; font: .75em "Fugaz One"; color: var(--color-1); transition: color 3s;]Code by [USER=34809]@Alteras[/USER][/div][div class=contentHolder][font=Montserrat] [div class="contentBox contentA"][div=font-size: calc( 4px + (18 - 4) * (100vh - 200px) / (1280 - 200) );][div class=contentFix style="height: calc( (1.17364817766 * 9em) + 18em); padding-right: 100px;"][div=position:absolute; top:0; font: 3.5em "Fugaz One";]Super[/div][div=font-size:9em; display: block; position:absolute; top:0; width: calc(100% - 100px); height:2em; line-height: .95; font-family:"Fugaz One"; transform: skewY(-10deg); transform-origin: top right;] [U]Star[/U] [RIGHT][U]Ally[/U][/RIGHT] [/div] [div=position:absolute; bottom:0; right: 100px; font: 3.5em "Fugaz One";] ♥♥♥♥______________[/div][/div] [/div][/div] [div class="contentBox contentB contentSpin"][div class=contentFix] Name: [div class="csgvalue csgnameValue"][/div] Age: [div class="csgvalue csgageValue"][/div] Gender: [div class="csgvalue csggenderValue"][/div] Description: [div class="csgvalue csgdescriptionValue"][/div] [/div][/div] [div class="contentBox contentC contentSpin"][div class=contentFix] Kirby Power: [div class="csgvalue csgpowerValue"][/div] Emotional Ability: [div class="csgvalue csgabilityValue"][/div] Backstory: [div class="csgvalue csgstoryValue"][/div] Goal: [div class="csgvalue csggoalValue" ][/div] Motivation: [div class="csgvalue csgachieveValue" ][/div] [/div][/div] [/font][/div][/div][/div][/div][/div][/div][/div][/div] [class name=csgform] background: url('https://www.rpnation.com/data/attachments/356/356651-3347b3000be3ad5ed25d610804a71a3c.jpg'); box-shadow: 0px 0px 10px #A0A0A0; box-sizing: border-box; max-width: 600px; margin: 20px auto; padding: 10px; width: 100%; [/class] [class name=csgtitle] box-sizing: border-box; font-size: 32px; font-weight: bold; text-align: center; [/class] [class name=csgintro] box-sizing: border-box; font-style: bold; margin: 10px 0; text-align: center; [/class] [class name=csglabel] box-sizing: border-box; display: inline-block; font-weight: bold; padding: 10px; vertical-align: top; width: 40% [/class] [class name=csginput] background-color: #FFFFFF; border: solid 1px #C0C0C0; border-radius: 5px; box-sizing: border-box; display: inline-block; margin-bottom: 10px; padding: 10px; width: 60%; [/class] [class name=csgsubmit] box-sizing: border-box; display: inline-block; font-size: 22px; font-weight: bold; padding: 10px 0; width: 100%; [/class] [class name=csgcode] background-color: #dedede; border: solid 1px #a9a9a9; box-sizing: border-box; display: none; font-family: 'Courier New', monospace; margin-top: 20px; padding: 10px; [/class] [class name=csgvalue] display: inline; [/class] [script class=csgsubmit on=click] // Hide the current code if it was displayed hide csgcode // Get the values and store them in variables set name (getVal csgname) set age (getVal csgage) set description (getVal csgdescription) set gender (getVal csggender) set image (getVal csgimage) set power (getVal csgpower) set achieve (getVal csgability) set story (getVal csgstory) set goal (getVal csggoal) set achieve (getVal csgachieve) // Fill in the user values setText ${name} csgnameValue setText ${age} csgageValue setText ${description} csgdescriptionValue setText ${gender} csggenderValue setText ${image} csgimageValue setText ${power} csgpowerValue setText ${power} csgabilityValue setText ${story} csgstoryValue setText ${goal} csggoalValue setText ${achieve} csgachieveValue // Show the generated BBCode slideDown 1000 csgcode [/script] [/div][/div][/div]
 

Users who are viewing this thread

Back
Top