Oswald_C_Cobblepot
Owner of The Iceberg Lounge
This is to be the character section of the RP, both the current arc and its potential sequels. In short, Gotham: Dystopia encourages the use of canon characters as presented in DC Comics, but with a twist of each player's individual originality. Namely, the stories and paths you pick for your characters are yours to decide, the only limitation being the core elements of the characters as presented in the comics. But, what you do with those core elements and how you mold them into your vision of your character is up to you. You can use Wikipedia or DC Wikia as reference points for certain information. |
Original Characters
Since DC Comics has more than enough characters to offer, original characters are not our top priority. That being said, OCs are not strictly forbidden, but their usage should be limited. Of course, ''normal'' OCs (p.e. police officers, politicians, small-time criminals, love interests, journalists, family members, ...) are not a problem as long as they fit the lore, but superheros/villains should be picked from the canon. If you are really really really keen on adding an OC superhero or villain, please consult one of the admins before applying to see if it is possible.
Application
The application goes through filling the character sheet provided below. You are not obliged to use the following character sheet, heck, you're not obliged to use any character sheet, but your application has to have all the necessary information as provided in the original character sheet. If you want to add some extra information, you are free to do so, but you have to provide all the necessary info.
[class=base] background:white; width:90%; margin:10px auto; padding:10px; color:black; //Forward slashes are comments // //and do no show up in the final design,// //these are to help you find everything easily// //and explain some code as well. // //These comments but be with in a class or script tags// // in order to be hidden, from what I know. // //Long URls are images// //# followed by letter and numbers are Hex codes// //or color codes// //the only color named by its name is White// //this is the white background// //or the base of the design// [/class] [class=hidden] display: none; //this allows all the content I don't want to be seen until clicked to be hidden, or not on display until I code otherwise// [/class] [class=Img] border:2px solid #000000; line-height:0px; margin-left:5px; pointer-events:none; //the border around the Image// //pointer-evnets:none; is my favorite peice of// //code because it removes the "click for full size" tool tip// //on the image and I personally find that really annoying // //and distracting// [/class] [class=ImagButton] background:#AA0101; border-radius:5px; margin:10px Auto;margin-right:5px; padding:5px; float:left; Width:23%; text-align:center; float:left; font-family:Book Antiqua; color:White; //The red buttons above the Images// [/class] [class name=ImagButton state=hover] cursor:pointer; Background-color:#07023a; color:white; //what the Imagebutton looks like// // when a cursor hovers over it// [/class] [class=ImagButtonClick] background:#07023a; border-radius:5px; margin:10px Auto; margin-right:5px; padding:5px; float:left; Width:23%; color:white; //what the image button looks like when clicked on// [/class] [script class=ImagButton on=click] removeClass ImagButtonClick ImagButton addClass ImagButtonClick //above allows the user to toggle between a clicked and unclicked colored button// set link (getText) //above sets the link to what ever text I put on the button within a div// if (eq "${link}" "Character") (show Head) if (eq "${link}" "Character") (hide Body) if (eq "${link}" "Character") (hide Form) if (eq "${link}" "Alter Ego") (show Body) if (eq "${link}" "Alter Ego") (hide Head) if (eq "${link}" "Alter Ego") (hide Form) if (eq "${link}" "Misc.") (show Form) if (eq "${link}" "Misc.") (hide Head) if (eq "${link}" "Misc.") (hide Body) //this says "if the class "ImageButton" is used and div says "Face" set that as a link,// //and when it's clicked show the class named "Head". The next linesays to hide the other classes or in this case images// [/script] [class=CSButton] background:#AA0101; border-radius:5px; margin:10px Auto;margin-right:50px; padding:5px; Width:15%; float:right; font-family:Book Antiqua; color:White; text-align:center; //The Buttons for the extra CS information// [/class] [class name=CSButton state=hover] cursor:pointer; Background-color:#07023a; color:white; //How the extra info looks when a cursor hovers over it// [/class] [class=CSButtonClick] background:#07023a; border-radius:5px; margin10px Auto;margin-right:50px; padding:5px; Width:15%; float:right; font-family:Book Antiqua; color:White; text-align:center; //How the extra info button looks when clicked// [/class] [script class=CSButton on=click] removeClass CSButtonClick CSButton addClass CSButtonClick set link (getText) if (eq "${link}" "History") (show ContentHistory) if (eq "${link}" "History") (hide ContentPersonality) if (eq "${link}" "Personality") (show ContentPersonality) if (eq "${link}" "Personality") (hide ContentHistory) //The same as the other scripts but with the extra info buttons, half of coding, for me at least, is copy, paste, change one little thing, repeat.// [/script] [class=Notes] //So below is where I actually put together the design and one thing to keep in mind is that within the// //Divs you can name new classes inside it and that's what you use when using the show [new named class] // //or hide [new named class] or any script function with the class. // //Anything in the [div] [/div] tags with the button class are what the links are set to,// // so if you change the name here you have to go back to the scripts and change the name to match. // //BUT You can style that individual element with a: style="Regular div code" // //This adds to that specific Div and only with in that div // //(but it may affect other elements depending on what you add,// // like where I set a right margin pushes the other button as well)// // Just remember that long urls are Images // //and # followed by letters and numbers are colors // //and the only color that is named is white// [/class]
[div class="Desktop base" style="color:black"]
[div class=ImagButton style="Margin-left:40px;"]Character
[div class=ImagButton]Alter Ego[/div][div class=ImagButton]Misc.[/div]
[div class=CSButton style="margin-right:80px;"]History[/div][div class=CSButton]Personality[/div]
[div class="Img Head"]
NAME
Age:
Full Name:
Alter Ego:
Gender:
Sexuality:
Height:
Weight:
Play-by:
Affiliation:
Organization(s):
Age:
Full Name:
Alter Ego:
Gender:
Sexuality:
Height:
Weight:
Play-by:
Affiliation:
Organization(s):
[div class="ContentPersonality"]
Skills: Describe your character's particular skill set; you can include information about weapons and similar aspects.
Personality: One paragraph minimum, describing the essential traits of your character.
Habitual Remarks:
Other Remarks: Remarks about your character that to not fit in elsewhere.
[/div][div class="ContentHistory hidden"]
Two paragraph minimum; a short history of your character up until the point when the RP starts. You can include whatever you consider relevant for his development.[/div]
Skills: Describe your character's particular skill set; you can include information about weapons and similar aspects.
Personality: One paragraph minimum, describing the essential traits of your character.
Habitual Remarks:
Other Remarks: Remarks about your character that to not fit in elsewhere.
[/div][div class="ContentHistory hidden"]
Two paragraph minimum; a short history of your character up until the point when the RP starts. You can include whatever you consider relevant for his development.[/div]
[/div]
[/div]Code by AgWordSmith
Code:
Code:
[nobr][class=base]
background:white;
width:90%;
margin:10px auto;
padding:10px;
color:black;
//Forward slashes are comments //
//and do no show up in the final design,//
//these are to help you find everything easily//
//and explain some code as well. //
//These comments but be with in a class or script tags//
// in order to be hidden, from what I know. //
//Long URls are images//
//# followed by letter and numbers are Hex codes//
//or color codes//
//the only color named by its name is White//
//this is the white background//
//or the base of the design//
[/class]
[class=hidden]
display: none;
//this allows all the content I don't want to be
seen until clicked to be hidden,
or not on display until I code otherwise//
[/class]
[class=Img]
border:2px solid #000000;
line-height:0px;
margin-left:5px;
pointer-events:none;
//the border around the Image//
//pointer-evnets:none; is my favorite peice of//
//code because it removes the "click for full size" tool tip//
//on the image and I personally find that really annoying //
//and distracting//
[/class]
[class=ImagButton]
background:#AA0101;
border-radius:5px;
margin:10px Auto;margin-right:5px;
padding:5px;
float:left;
Width:23%;
text-align:center;
float:left;
font-family:Book Antiqua;
color:White;
//The red buttons above the Images//
[/class]
[class name=ImagButton state=hover]
cursor:pointer;
Background-color:#07023a;
color:white;
//what the Imagebutton looks like//
// when a cursor hovers over it//
[/class]
[class=ImagButtonClick]
background:#07023a;
border-radius:5px;
margin:10px Auto;
margin-right:5px;
padding:5px;
float:left;
Width:23%;
color:white;
//what the image button looks like when clicked on//
[/class]
[script class=ImagButton on=click]
removeClass ImagButtonClick ImagButton
addClass ImagButtonClick
//above allows the user to toggle between a clicked and unclicked colored button//
set link (getText)
//above sets the link to what ever text I put on the button within a div//
if (eq "${link}" "Character") (show Head)
if (eq "${link}" "Character") (hide Body)
if (eq "${link}" "Character") (hide Form)
if (eq "${link}" "Alter Ego") (show Body)
if (eq "${link}" "Alter Ego") (hide Head)
if (eq "${link}" "Alter Ego") (hide Form)
if (eq "${link}" "Misc.") (show Form)
if (eq "${link}" "Misc.") (hide Head)
if (eq "${link}" "Misc.") (hide Body)
//this says "if the class "ImageButton" is used and div says "Face" set that as a link,//
//and when it's clicked show the class named "Head". The next linesays to hide the other classes or in this case images//
[/script]
[class=CSButton]
background:#AA0101;
border-radius:5px;
margin:10px Auto;margin-right:50px;
padding:5px;
Width:15%;
float:right;
font-family:Book Antiqua;
color:White;
text-align:center;
//The Buttons for the extra CS information//
[/class]
[class name=CSButton state=hover]
cursor:pointer;
Background-color:#07023a;
color:white;
//How the extra info looks when a cursor hovers over it//
[/class]
[class=CSButtonClick]
background:#07023a;
border-radius:5px;
margin10px Auto;margin-right:50px;
padding:5px;
Width:15%;
float:right;
font-family:Book Antiqua;
color:White;
text-align:center;
//How the extra info button looks when clicked//
[/class]
[script class=CSButton on=click]
removeClass CSButtonClick CSButton
addClass CSButtonClick
set link (getText)
if (eq "${link}" "History") (show ContentHistory)
if (eq "${link}" "History") (hide ContentPersonality)
if (eq "${link}" "Personality") (show ContentPersonality)
if (eq "${link}" "Personality") (hide ContentHistory)
//The same as the other scripts but with the extra info buttons, half of coding, for me at least, is copy, paste, change one little thing, repeat.//
[/script]
[class=Notes]
//So below is where I actually put together the design and one thing to keep in mind is that within the//
//Divs you can name new classes inside it and that's what you use when using the show [new named class] //
//or hide [new named class] or any script function with the class. //
//Anything in the [div] [/div] tags with the button class are what the links are set to,//
// so if you change the name here you have to go back to the scripts and change the name to match. //
//BUT You can style that individual element with a: style="Regular div code" //
//This adds to that specific Div and only with in that div //
//(but it may affect other elements depending on what you add,//
// like where I set a right margin pushes the other button as well)//
// Just remember that long urls are Images //
//and # followed by letters and numbers are colors //
//and the only color that is named is white//
[/class]
[/nobr][div=background:url(https://wallpaperwares.com/wp-content/uploads/2017/07/gotham-city-wallpaper-gotham-city-hd-wallpaper-wallpapersafari-1.jpg);]
[div class="Desktop base" style="color:black"][row][column=span3][div class=ImagButton style="Margin-left:40px;"]Character[/div][div class=ImagButton]Alter Ego[/div][div class=ImagButton]Misc.[/div][/column][column=span2] [/column][column=span5][div class=CSButton style="margin-right:80px;"]History[/div][div class=CSButton]Personality[/div][/column][/row][row][column=span3]
[div class="Img Head"][IMG]https://vignette.wikia.nocookie.net/marvel_dc/images/3/38/Bruce_Wayne_001.jpg/revision/latest?cb=20100313171334[/IMG][/div][div class="Img Body hidden"][IMG]https://fsmedia.imgix.net/1a/e1/ca/fd/2e4c/45dd/b9a3/8c3aab6e251e.jpeg[/IMG][/div][div class="Img Form hidden"][IMG]https://vignette.wikia.nocookie.net/marvel_dc/images/9/99/Batman_Hush_Art.jpg/revision/latest?cb=20150315223415[/IMG][/div][/column][column=span2][FONT=book antiqua]NAME[/FONT]
[div=border-top:2px Solid #AA0101;][/div][FONT=book antiqua]Age:
Full Name:
Alter Ego:
Gender:
Sexuality:
Height:
Weight:
Play-by:
Affiliation:
Organization(s):
[div=border-bottom:2px Solid #AA0101;margin-top:10px;][/div][/font][/column][column=span3][div class="ContentPersonality"]
[FONT=book antiqua]Skills: [Justify]Describe your character's particular skill set; you can include information about weapons and similar aspects.[/Justify]
Personality: [Justify]One paragraph minimum, describing the essential traits of your character.[/Justify]
Habitual Remarks:
[div=border-bottom:2px Solid #AA0101;margin-top:10px;][/div]
Other Remarks: [Justify]Remarks about your character that to not fit in elsewhere.[/Justify][/FONT]
[/div][div class="ContentHistory hidden"][FONT=Book Antiqua]
[Justify]Two paragraph minimum; a short history of your character up until the point when the RP starts. You can include whatever you consider relevant for his development.[/Justify]
[/font][/div][/column][/row]
[FONT=courier new] [/FONT]
[/div]
[/div][FONT=courier new]Code by [USER=44533]@AgWordSmith[/USER][/FONT]
Last edited: