AgWordSmith
A Freckled Encounter
UPDATED CODES THAT ARE SO MUCH NICER TO EDIT AND LOOK AT, LIKE YOU GUYS REALLY LET ME GET AWAY WITH THAT OLD MESS
XD
But hey! here you go and if any one wants to to make one for their character and just give you the copy/paste-able just say so!
[class=Notes] // 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 must 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 colors that are NAMED and do not use hex codes are White, black and Silver// // This code does not show breaks unless is shows the
code When typing responses to rps, be aware that when you press enter it will not show that you did. You'll have to use the
tags or you may copy and paste:
after each time you want to show a paragraph break you'll only need it one
if you only what to start at the next line// [/class] [class=BG] background-color:#ece7dc; color:black; font-family
ldenburg;
padding:10px;
text-align:center;
//This is the Background//
[/class]
[class=Lines]
border-Top: 2px solid #35a22f;
//The lines at the top at bottom//
[/class]
[class=hidden]
display:none;
//Allows hidden things to be hidden until they are told to be shown//
[/class]
[class=Button]
background-color: #35a22f;
color: #f8cc2d;
margin-left:10px;
text-align:center;
padding:5px;
width:240px;
//The Button with the OC's Name in it//
[/class]
[class name=Button state=hover]
background-color: #0e610a;
cursor:pointer;
color:#f8cc2d;
//What the button looks like when a mouse hovers over it//
[/class]
[script class=Button on=click]
//This script allows the button to do its button thing//
set link (getText)
//IMPORTANT
// When you put in your OC's name into the button
// you have to put it in the " " here in the code
// THE EXACT NAME
// just copy and paste it above in each " " and it will work//
if (eq "${link}" "Name") (hide Tags)
if (eq "${link}" "Name") (show Stats)
if (eq "${link}" "Name") (show Eq)
if (eq "${link}" "Name") (hide CR)
//you don't have to change this
//UNLESS you replaced the word "Status" in the button
//THEN YOU HAVE TO REPLACE IT HERE TO
//best to just not replace it if you're unfamiliar with code and just want the thing to work//
if (eq "${link}" "Status") (show Tags)
if (eq "${link}" "Status") (hide Stats)
if (eq "${link}" "Status") (hide Eq)
if (eq "${link}" "Status") (show CR)
[/script]
[class=ButtonBorder]
border:1px SOLID #f8cc2d;
padding-bottom:-4px;
padding-top:3px;
font-family:Macondo;
font-size:17px;
//The border in the buttons//
[/class]
[Class=Tags]
font-family: Oldenburg;
Font-size: 85%;
Text-align:center;
margin-left:10px;
color:black;
padding:3px 3px 3px 3px;
//Optimal Spacing for the tags//
[/class]
[Class=Stats]
margin-left:10px;
font-family: Oldenburg;
Font-size: 85%;
Text-align:center;
color:black;
padding:3px 3px 3px 3px;
//Optimal Spacing for the Stats//
[/class]
[class=Icon]
margin:10px auto;
border: 2px SOLID #35a22f;
border-radius: 50%;
width:150px;
height:150px;
overflow:hidden;
background:url(https://cdn.discordapp.com/attachments/535146314112172043/567116130037268481/image-placeholder.png);
background-size: 100% 100%;
//The Icon for your Character
please adjust the background-size to make your image look nice and not warps
the first ##% adjusts the width of the image and the second the height
you can use pixel measurements too if its easier! just put ##px ##px instead and keep the ; at the end//
//You can mess with adding background-position: ##% ##%; to postion your image nicely//
[/class]
[class=Armor]
background:url(https://cdn.discordapp.com/attachments/535146314112172043/567116130037268481/image-placeholder.png);
background-size: 100% 100%;
//The Icon for your armor
please adjust the background-size to make your image look nice and not warps
the first ##% adjusts the width of the image and the second the height
you can use pixel measurements too if its easier! just put ##px ##px instead and keep the ; at the end//
//You can mess with adding background-position: ##% ##%; to postion your image nicely//
[/class]
[class=Notes]
\\Below is the code you can actually see and type responses in!\\
[/class]
[div class=BG]
[div class="Lines"][/div]
Text " Words"
[div class="Lines"][/div] [/div]
[class=Notes] // 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 must 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 colors that are NAMED and do not use hex codes are White, black and Silver// // This code does not show breaks unless is shows the
code When typing responses to rps, be aware that when you press enter it will not show that you did. You'll have to use the
tags or you may copy and paste:
after each time you want to show a paragraph break you'll only need it one
if you only what to start at the next line// [/class] [class=BG1] background-color:#ece7dc; color:black; font-familyldenburg;
padding:10px;
text-align:center;
//This is the Background//
[/class]
[class=Lines1]
border-Top: 2px solid #102f7e;
//The lines at the top at bottom//
[/class]
[class=hidden1]
display:none;
//Allows hidden things to be hidden until they are told to be shown//
[/class]
[class=Button1]
background-color: #102f7e;
color: White;
margin-left:10px;
text-align:center;
padding:5px;
width:240px;
//The Button with the OC's Name in it//
[/class]
[class name=Button1 state=hover]
background-color: #081b4d;
cursor:pointer;
color:white;
//What the button looks like when a mouse hovers over it//
[/class]
[script class=Button1 on=click]
//This script allows the button to do its button thing//
set link (getText)
//IMPORTANT
// When you put in your OC's name into the button
// you have to put it in the " " here in the code
// THE EXACT NAME
// just copy and paste it above in each " " and it will work//
if (eq "${link}" "Name") (hide Tags1)
if (eq "${link}" "Name") (show Stats1)
if (eq "${link}" "Name") (show Eq1)
if (eq "${link}" "Name") (hide CR1)
//you don't have to change this
//UNLESS you replaced the word "Status" in the button
//THEN YOU HAVE TO REPLACE IT HERE TO
//best to just not replace it if you're unfamiliar with code and just want the thing to work//
if (eq "${link}" "Status") (show Tags1)
if (eq "${link}" "Status") (hide Stats1)
if (eq "${link}" "Status") (hide Eq1)
if (eq "${link}" "Status") (show CR1)
[/script]
[class=ButtonBorder1]
border:1px SOLID silver;
padding-bottom:-4px;
padding-top:3px;
font-family:Macondo;
font-size:17px;
//The border in the buttons//
[/class]
[Class=Tags1]
font-family: Oldenburg;
Font-size: 85%;
Text-align:center;
margin-left:10px;
color:black;
padding:3px 3px 3px 3px;
//Optimal Spacing for the tags//
[/class]
[Class=Stats1]
margin-left:10px;
font-family: Oldenburg;
Font-size: 85%;
Text-align:center;
color:black;
padding:3px 3px 3px 3px;
//Optimal Spacing for the Stats//
[/class]
[class=Icon1]
margin:10px auto;
border: 2px SOLID #102f7e;
border-radius: 50%;
width:150px;
height:150px;
overflow:hidden;
background:url(https://cdn.discordapp.com/attachments/535146314112172043/567116130037268481/image-placeholder.png);
background-size: 100% 100%;
//The Icon for your Character
please adjust the background-size to make your image look nice and not warps
the first ##% adjusts the width of the image and the second the height
you can use pixel measurements too if its easier! just put ##px ##px instead and keep the ; at the end//
//You can mess with adding background-position: ##% ##%; to postion your image nicely//
[/class]
[class=Armor1]
background:url(https://cdn.discordapp.com/attachments/535146314112172043/567116130037268481/image-placeholder.png);
background-size: 100% 100%;
//The Icon for your armor
please adjust the background-size to make your image look nice and not warps
the first ##% adjusts the width of the image and the second the height
you can use pixel measurements too if its easier! just put ##px ##px instead and keep the ; at the end//
//You can mess with adding background-position: ##% ##%; to postion your image nicely//
[/class]
[class=Notes]
\\Below is the code you can actually see and type responses in!\\
[/class]
[div class=BG1]
[div class="Lines1"][/div]
Text " Words"
[div class="Lines1"][/div] [/div]
PaulHaynek
AI10100
Fenris
shadowz1995
Roleplay Skittle
Uasal
Baron
Bulette
June Verles
JustNicole
Zer0
Arthro
Katsuya
XD
But hey! here you go and if any one wants to to make one for their character and just give you the copy/paste-able just say so!
[class=Notes] // 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 must 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 colors that are NAMED and do not use hex codes are White, black and Silver// // This code does not show breaks unless is shows the
code When typing responses to rps, be aware that when you press enter it will not show that you did. You'll have to use the
tags or you may copy and paste:
after each time you want to show a paragraph break you'll only need it one
if you only what to start at the next line// [/class] [class=BG] background-color:#ece7dc; color:black; font-family
ldenburg;
padding:10px;
text-align:center;
//This is the Background//
[/class]
[class=Lines]
border-Top: 2px solid #35a22f;
//The lines at the top at bottom//
[/class]
[class=hidden]
display:none;
//Allows hidden things to be hidden until they are told to be shown//
[/class]
[class=Button]
background-color: #35a22f;
color: #f8cc2d;
margin-left:10px;
text-align:center;
padding:5px;
width:240px;
//The Button with the OC's Name in it//
[/class]
[class name=Button state=hover]
background-color: #0e610a;
cursor:pointer;
color:#f8cc2d;
//What the button looks like when a mouse hovers over it//
[/class]
[script class=Button on=click]
//This script allows the button to do its button thing//
set link (getText)
//IMPORTANT
// When you put in your OC's name into the button
// you have to put it in the " " here in the code
// THE EXACT NAME
// just copy and paste it above in each " " and it will work//
if (eq "${link}" "Name") (hide Tags)
if (eq "${link}" "Name") (show Stats)
if (eq "${link}" "Name") (show Eq)
if (eq "${link}" "Name") (hide CR)
//you don't have to change this
//UNLESS you replaced the word "Status" in the button
//THEN YOU HAVE TO REPLACE IT HERE TO
//best to just not replace it if you're unfamiliar with code and just want the thing to work//
if (eq "${link}" "Status") (show Tags)
if (eq "${link}" "Status") (hide Stats)
if (eq "${link}" "Status") (hide Eq)
if (eq "${link}" "Status") (show CR)
[/script]
[class=ButtonBorder]
border:1px SOLID #f8cc2d;
padding-bottom:-4px;
padding-top:3px;
font-family:Macondo;
font-size:17px;
//The border in the buttons//
[/class]
[Class=Tags]
font-family: Oldenburg;
Font-size: 85%;
Text-align:center;
margin-left:10px;
color:black;
padding:3px 3px 3px 3px;
//Optimal Spacing for the tags//
[/class]
[Class=Stats]
margin-left:10px;
font-family: Oldenburg;
Font-size: 85%;
Text-align:center;
color:black;
padding:3px 3px 3px 3px;
//Optimal Spacing for the Stats//
[/class]
[class=Icon]
margin:10px auto;
border: 2px SOLID #35a22f;
border-radius: 50%;
width:150px;
height:150px;
overflow:hidden;
background:url(https://cdn.discordapp.com/attachments/535146314112172043/567116130037268481/image-placeholder.png);
background-size: 100% 100%;
//The Icon for your Character
please adjust the background-size to make your image look nice and not warps
the first ##% adjusts the width of the image and the second the height
you can use pixel measurements too if its easier! just put ##px ##px instead and keep the ; at the end//
//You can mess with adding background-position: ##% ##%; to postion your image nicely//
[/class]
[class=Armor]
background:url(https://cdn.discordapp.com/attachments/535146314112172043/567116130037268481/image-placeholder.png);
background-size: 100% 100%;
//The Icon for your armor
please adjust the background-size to make your image look nice and not warps
the first ##% adjusts the width of the image and the second the height
you can use pixel measurements too if its easier! just put ##px ##px instead and keep the ; at the end//
//You can mess with adding background-position: ##% ##%; to postion your image nicely//
[/class]
[class=Notes]
\\Below is the code you can actually see and type responses in!\\
[/class]
[div class=BG]
[div class="Lines"][/div]
[div class="Button CR"][div class="ButtonBorder"]Name[/div][/div]
[div class="Button Eq hidden"][div class="ButtonBorder"]Status[/div][/div]
[div class=Tags]
[div class=Icon][/div]
Interacting:
@
Mentioned:
@
Located:
Location I Action [/div] [div class="Stats hidden"] [div class="Icon Armor"][/div]
Currency:
##G ##S ##C
Weapon:
Armor:
[/div]
Interacting:
@
Mentioned:
@
Located:
Location I Action [/div] [div class="Stats hidden"] [div class="Icon Armor"][/div]
Currency:
##G ##S ##C
Weapon:
Armor:
[/div]
Text " Words"
[div class="Lines"][/div] [/div]
[class=Notes] // 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 must 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 colors that are NAMED and do not use hex codes are White, black and Silver// // This code does not show breaks unless is shows the
code When typing responses to rps, be aware that when you press enter it will not show that you did. You'll have to use the
tags or you may copy and paste:
after each time you want to show a paragraph break you'll only need it one
if you only what to start at the next line// [/class] [class=BG1] background-color:#ece7dc; color:black; font-family
ldenburg;
padding:10px;
text-align:center;
//This is the Background//
[/class]
[class=Lines1]
border-Top: 2px solid #102f7e;
//The lines at the top at bottom//
[/class]
[class=hidden1]
display:none;
//Allows hidden things to be hidden until they are told to be shown//
[/class]
[class=Button1]
background-color: #102f7e;
color: White;
margin-left:10px;
text-align:center;
padding:5px;
width:240px;
//The Button with the OC's Name in it//
[/class]
[class name=Button1 state=hover]
background-color: #081b4d;
cursor:pointer;
color:white;
//What the button looks like when a mouse hovers over it//
[/class]
[script class=Button1 on=click]
//This script allows the button to do its button thing//
set link (getText)
//IMPORTANT
// When you put in your OC's name into the button
// you have to put it in the " " here in the code
// THE EXACT NAME
// just copy and paste it above in each " " and it will work//
if (eq "${link}" "Name") (hide Tags1)
if (eq "${link}" "Name") (show Stats1)
if (eq "${link}" "Name") (show Eq1)
if (eq "${link}" "Name") (hide CR1)
//you don't have to change this
//UNLESS you replaced the word "Status" in the button
//THEN YOU HAVE TO REPLACE IT HERE TO
//best to just not replace it if you're unfamiliar with code and just want the thing to work//
if (eq "${link}" "Status") (show Tags1)
if (eq "${link}" "Status") (hide Stats1)
if (eq "${link}" "Status") (hide Eq1)
if (eq "${link}" "Status") (show CR1)
[/script]
[class=ButtonBorder1]
border:1px SOLID silver;
padding-bottom:-4px;
padding-top:3px;
font-family:Macondo;
font-size:17px;
//The border in the buttons//
[/class]
[Class=Tags1]
font-family: Oldenburg;
Font-size: 85%;
Text-align:center;
margin-left:10px;
color:black;
padding:3px 3px 3px 3px;
//Optimal Spacing for the tags//
[/class]
[Class=Stats1]
margin-left:10px;
font-family: Oldenburg;
Font-size: 85%;
Text-align:center;
color:black;
padding:3px 3px 3px 3px;
//Optimal Spacing for the Stats//
[/class]
[class=Icon1]
margin:10px auto;
border: 2px SOLID #102f7e;
border-radius: 50%;
width:150px;
height:150px;
overflow:hidden;
background:url(https://cdn.discordapp.com/attachments/535146314112172043/567116130037268481/image-placeholder.png);
background-size: 100% 100%;
//The Icon for your Character
please adjust the background-size to make your image look nice and not warps
the first ##% adjusts the width of the image and the second the height
you can use pixel measurements too if its easier! just put ##px ##px instead and keep the ; at the end//
//You can mess with adding background-position: ##% ##%; to postion your image nicely//
[/class]
[class=Armor1]
background:url(https://cdn.discordapp.com/attachments/535146314112172043/567116130037268481/image-placeholder.png);
background-size: 100% 100%;
//The Icon for your armor
please adjust the background-size to make your image look nice and not warps
the first ##% adjusts the width of the image and the second the height
you can use pixel measurements too if its easier! just put ##px ##px instead and keep the ; at the end//
//You can mess with adding background-position: ##% ##%; to postion your image nicely//
[/class]
[class=Notes]
\\Below is the code you can actually see and type responses in!\\
[/class]
[div class=BG1]
[div class="Lines1"][/div]
[div class="Button1 CR1"][div class="ButtonBorder1"]Name[/div][/div]
[div class="Button1 Eq1 hidden1"][div class="ButtonBorder1"]Status[/div][/div]
[div class=Tags1]
[div class=Icon1][/div]
Interacting:
@
Mentioned:
@
Located:
Location I Action [/div] [div class="Stats1 hidden"] [div class="Icon1 Armor1"][/div]
Currency:
##G ##S ##C
Weapon:
Armor:
[/div]
Interacting:
@
Mentioned:
@
Located:
Location I Action [/div] [div class="Stats1 hidden"] [div class="Icon1 Armor1"][/div]
Currency:
##G ##S ##C
Weapon:
Armor:
[/div]
Text " Words"
[div class="Lines1"][/div] [/div]
Code:
[nobr]
[class=Notes]
// 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 must 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 colors that are NAMED
and do not use hex codes
are White, black and Silver//
// This code does not show breaks unless is shows the [br][/br] code
When typing responses to rps, be aware that when you press enter
it will not show that you did.
You'll have to use the [br][/br] tags
or you may copy and paste: [br][/br][br][/br]
after each time you want to show a paragraph break
you'll only need it one [br][/br]
if you only what to start at the next line//
[/class]
[class=BG]
background-color:#ece7dc;
color:black;
font-family:Oldenburg;
padding:10px;
text-align:center;
//This is the Background//
[/class]
[class=Lines]
border-Top: 2px solid #35a22f;
//The lines at the top at bottom//
[/class]
[class=hidden]
display:none;
//Allows hidden things to be hidden until they are told to be shown//
[/class]
[class=Button]
background-color: #35a22f;
color: #f8cc2d;
margin-left:10px;
text-align:center;
padding:5px;
width:240px;
//The Button with the OC's Name in it//
[/class]
[class name=Button state=hover]
background-color: #0e610a;
cursor:pointer;
color:#f8cc2d;
//What the button looks like when a mouse hovers over it//
[/class]
[script class=Button on=click]
//This script allows the button to do its button thing//
set link (getText)
//IMPORTANT
// When you put in your OC's name into the button
// you have to put it in the " " here in the code
// THE EXACT NAME
// just copy and paste it above in each " " and it will work//
if (eq "${link}" "Name") (hide Tags)
if (eq "${link}" "Name") (show Stats)
if (eq "${link}" "Name") (show Eq)
if (eq "${link}" "Name") (hide CR)
//you don't have to change this
//UNLESS you replaced the word "Status" in the button
//THEN YOU HAVE TO REPLACE IT HERE TO
//best to just not replace it if you're unfamiliar with code and just want the thing to work//
if (eq "${link}" "Status") (show Tags)
if (eq "${link}" "Status") (hide Stats)
if (eq "${link}" "Status") (hide Eq)
if (eq "${link}" "Status") (show CR)
[/script]
[class=ButtonBorder]
border:1px SOLID #f8cc2d;
padding-bottom:-4px;
padding-top:3px;
font-family:Macondo;
font-size:17px;
//The border in the buttons//
[/class]
[Class=Tags]
font-family: Oldenburg;
Font-size: 85%;
Text-align:center;
margin-left:10px;
color:black;
padding:3px 3px 3px 3px;
//Optimal Spacing for the tags//
[/class]
[Class=Stats]
margin-left:10px;
font-family: Oldenburg;
Font-size: 85%;
Text-align:center;
color:black;
padding:3px 3px 3px 3px;
//Optimal Spacing for the Stats//
[/class]
[class=Icon]
margin:10px auto;
border: 2px SOLID #35a22f;
border-radius: 50%;
width:150px;
height:150px;
overflow:hidden;
background:url(https://cdn.discordapp.com/attachments/535146314112172043/567116130037268481/image-placeholder.png);
background-size: 100% 100%;
//The Icon for your Character
please adjust the background-size to make your image look nice and not warps
the first ##% adjusts the width of the image and the second the height
you can use pixel measurements too if its easier! just put ##px ##px instead and keep the ; at the end//
//You can mess with adding background-position: ##% ##%; to postion your image nicely//
[/class]
[class=Armor]
background:url(https://cdn.discordapp.com/attachments/535146314112172043/567116130037268481/image-placeholder.png);
background-size: 100% 100%;
//The Icon for your armor
please adjust the background-size to make your image look nice and not warps
the first ##% adjusts the width of the image and the second the height
you can use pixel measurements too if its easier! just put ##px ##px instead and keep the ; at the end//
//You can mess with adding background-position: ##% ##%; to postion your image nicely//
[/class]
[class=Notes]
\\Below is the code you can actually see and type responses in!\\
[/class]
[div class=BG]
[div class="Lines"][/div]
[br][/br]
[row][column=span2]
[div class="Button CR"][div class="ButtonBorder"]Name[/div][/div]
[div class="Button Eq hidden"][div class="ButtonBorder"]Status[/div][/div]
[div class=Tags]
[div class=Icon][/div]
[br][/br]
Interacting:[br][/br]
@
[br][/br]
[br][/br]
Mentioned:[br][/br]
@
[br][/br]
[br][/br]
Located:[br][/br]
Location I Action
[/div]
[div class="Stats hidden"]
[div class="Icon Armor"][/div]
[br][/br]
Currency:[br][/br]
##G ##S ##C
[br][/br]
[br][/br]
Weapon:[br][/br]
[br][/br]
[br][/br]
Armor:[br][/br]
[br][/br]
[/div]
[/column][column=span6]
[br][/br][br][/br]
Text [Font=Macondo][COLOR=#c70d64]" Words"[/COLOR][/font]
[/column][/row]
[br][/br]
[div class="Lines"][/div]
[comment][font=Oldenburg]KEEP THIS[/font][font=Macondo]HERE[/font] It allows the fonts to work and doesn't show up in the final code[/comment]
[/div]
[/nobr]
Code:
[nobr]
[class=Notes]
// 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 must 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 colors that are NAMED
and do not use hex codes
are White, black and Silver//
// This code does not show breaks unless is shows the [br][/br] code
When typing responses to rps, be aware that when you press enter
it will not show that you did.
You'll have to use the [br][/br] tags
or you may copy and paste: [br][/br][br][/br]
after each time you want to show a paragraph break
you'll only need it one [br][/br]
if you only what to start at the next line//
[/class]
[class=BG]
background-color:#ece7dc;
color:black;
font-family:Oldenburg;
padding:10px;
text-align:center;
//This is the Background//
[/class]
[class=Lines]
border-Top: 2px solid #102f7e;
//The lines at the top at bottom//
[/class]
[class=hidden]
display:none;
//Allows hidden things to be hidden until they are told to be shown//
[/class]
[class=Button]
background-color: #102f7e;
color: White;
margin-left:10px;
text-align:center;
padding:5px;
width:240px;
//The Button with the OC's Name in it//
[/class]
[class name=Button state=hover]
background-color: #081b4d;
cursor:pointer;
color:white;
//What the button looks like when a mouse hovers over it//
[/class]
[script class=Button on=click]
//This script allows the button to do its button thing//
set link (getText)
//IMPORTANT
// When you put in your OC's name into the button
// you have to put it in the " " here in the code
// THE EXACT NAME
// just copy and paste it above in each " " and it will work//
if (eq "${link}" "Name") (hide Tags)
if (eq "${link}" "Name") (show Stats)
if (eq "${link}" "Name") (show Eq)
if (eq "${link}" "Name") (hide CR)
//you don't have to change this
//UNLESS you replaced the word "Status" in the button
//THEN YOU HAVE TO REPLACE IT HERE TO
//best to just not replace it if you're unfamiliar with code and just want the thing to work//
if (eq "${link}" "Status") (show Tags)
if (eq "${link}" "Status") (hide Stats)
if (eq "${link}" "Status") (hide Eq)
if (eq "${link}" "Status") (show CR)
[/script]
[class=ButtonBorder]
border:1px SOLID silver;
padding-bottom:-4px;
padding-top:3px;
font-family:Macondo;
font-size:17px;
//The border in the buttons//
[/class]
[Class=Tags]
font-family: Oldenburg;
Font-size: 85%;
Text-align:center;
margin-left:10px;
color:black;
padding:3px 3px 3px 3px;
//Optimal Spacing for the tags//
[/class]
[Class=Stats]
margin-left:10px;
font-family: Oldenburg;
Font-size: 85%;
Text-align:center;
color:black;
padding:3px 3px 3px 3px;
//Optimal Spacing for the Stats//
[/class]
[class=Icon]
margin:10px auto;
border: 2px SOLID #102f7e;
border-radius: 50%;
width:150px;
height:150px;
overflow:hidden;
background:url(https://cdn.discordapp.com/attachments/535146314112172043/567116130037268481/image-placeholder.png);
background-size: 100% 100%;
//The Icon for your Character
please adjust the background-size to make your image look nice and not warps
the first ##% adjusts the width of the image and the second the height
you can use pixel measurements too if its easier! just put ##px ##px instead and keep the ; at the end//
//You can mess with adding background-position: ##% ##%; to postion your image nicely//
[/class]
[class=Armor]
background:url(https://cdn.discordapp.com/attachments/535146314112172043/567116130037268481/image-placeholder.png);
background-size: 100% 100%;
//The Icon for your armor
please adjust the background-size to make your image look nice and not warps
the first ##% adjusts the width of the image and the second the height
you can use pixel measurements too if its easier! just put ##px ##px instead and keep the ; at the end//
//You can mess with adding background-position: ##% ##%; to postion your image nicely//
[/class]
[class=Notes]
\\Below is the code you can actually see and type responses in!\\
[/class]
[div class=BG]
[div class="Lines"][/div]
[br][/br]
[row][column=span2]
[div class="Button CR"][div class="ButtonBorder"]Name[/div][/div]
[div class="Button Eq hidden"][div class="ButtonBorder"]Status[/div][/div]
[div class=Tags]
[div class=Icon][/div]
[br][/br]
Interacting:[br][/br]
@
[br][/br]
[br][/br]
Mentioned:[br][/br]
@
[br][/br]
[br][/br]
Located:[br][/br]
Location I Action
[/div]
[div class="Stats hidden"]
[div class="Icon Armor"][/div]
[br][/br]
Currency:[br][/br]
##G ##S ##C
[br][/br]
[br][/br]
Weapon:[br][/br]
[br][/br]
[br][/br]
Armor:[br][/br]
[br][/br]
[/div]
[/column][column=span6]
[br][/br][br][/br]
Text [Font=Macondo][COLOR=#c70d64]" Words"[/COLOR][/font]
[/column][/row]
[br][/br]
[div class="Lines"][/div]
[comment][font=Oldenburg]KEEP THIS[/font][font=Macondo]HERE[/font] It allows the fonts to work and doesn't show up in the final code[/comment]
[/div]
[/nobr]
Good luck at your new job man! you got this!
