08-29-2020, 10:24 PM
*FUN NOTE! added hidden labels in the code indicated with exclamation points - ! - to make it easier to navigate for everyone. this will be a feature i plan on having in my future templates. try them out!
WITH 5 BOXES:
— GENERAL
— PHYSICAL
— MENTAL
— NOTES
GOLDENLUXURY ❝GOLDIE❞ ROUX-BRANNON
Code:
[div style="!LARGE IMAGE; margin: auto; max-width: 545px; height: 175px; background-image: url(IMAGEURL); background-size: cover; background-position: center;"][/div]
[div style="!MAIN BACKGROUND; margin: auto; max-width: 545px; height: 924px; overflow: stretch; background-color: COLOR; padding-left: 25px;"]
[div style="!LABEL TEXT 1; padding-top: 30px; padding-left: 40px; padding-right: 30px; font-family: georgia; font-size: 18px; color: TEXTCOLOR2;"]— [b]GENERAL[/b]
[div style="!1ST BOX BACKGROUND; width: 100%; height: 175px; overflow: hidden; background-color: COLOR; border: 10px solid BORDERCOLOR;"][div style="width: 105%; height: 175px; overflow: auto;"]
[div style="!1ST BOX TEXT; padding-right: 7%; text-align: justify; font-family: georgia; font-size: 14.5px; color: TEXTCOLOR1; line-height: 115%; padding-left: 15px; padding-top: 15px; padding-bottom: 25px;"]
1ST BOX TEXT HERE. HAS HIDDEN SCROLLING[/div][/div][/div][/div]
[div style="!LABEL TEXT 2; padding-top: 30px; padding-left: 40px; padding-right: 30px; font-family: georgia; font-size: 18px; color: TEXTCOLOR2;"]— [b]PHYSICAL[/b]
[div style="!2ND BOX BACKGROUND; width: 100%; height: 175px; overflow: hidden; background-color: COLOR; border: 10px solid BORDERCOLOR;"][div style="width: 105%; height: 175px; overflow: auto;"]
[div style="!2ND BOX TEXT; padding-right: 7%; text-align: justify; font-family: georgia; font-size: 14.5px; color: TEXTCOLOR1; line-height: 115%; padding-left: 15px; padding-top: 15px; padding-bottom: 25px;"]
2ND BOX TEXT HERE. HAS HIDDEN SCROLLING[/div][/div][/div][/div]
[div style="!LABEL TEXT 3; padding-top: 30px; padding-left: 40px; padding-right: 30px; font-family: georgia; font-size: 18px; color: TEXTCOLOR2;"]— [b]MENTAL[/b]
[div style="!3RD BOX BACKGROUND; width: 100%; height: 175px; overflow: hidden; background-color: COLOR; border: 10px solid BORDERCOLOR;"][div style="width: 105%; height: 175px; overflow: auto;"]
[div style="!3RD BOX TEXT; padding-right: 7%; text-align: justify; font-family: georgia; font-size: 14.5px; color: TEXTCOLOR1; line-height: 115%; padding-left: 15px; padding-top: 15px; padding-bottom: 25px;"]
3RD BOX TEXT HERE. HAS HIDDEN SCROLLING. [/div][/div][/div][/div]
[div style="!LABEL TEXT 4; padding-top: 30px; padding-left: 40px; padding-bottom: 30px; padding-right: 30px; font-family: georgia; font-size: 18px; color: TEXTCOLOR2;"]— [b]NOTES[/b]
[div style="!4TH BOX BACKGROUND; width: 100%; height: 175px; overflow: hidden; background-color: COLOR; border: 10px solid BORDERCOLOR;"][div style="width: 105%; height: 175px; overflow: auto;"]
[div style=" !4TH BOX TEXT; padding-right: 7%; text-align: justify; font-family: georgia; font-size: 14.5px; color: TEXTCOLOR1; line-height: 115%; padding-left: 15px; padding-top: 15px; padding-bottom: 25px;"]
4TH BOX TEXT HERE. HAS HIDDEN SCROLLING[/div][/div][/div][/div]
[div style="!ROTATED TEXT; float: left; width: 924px; height: 30px; background-color: BORDERCOLOR; margin-left: -472px; margin-top: -479px; text-align: center; font-family: georgia; color: TEXTCOLOR2; word-spacing: 15px; letter-spacing: 10px; transform: rotate (90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); padding-top: 5px;"]
[b]SHORT LINE OF TEXT[/b][/div][/div]
[div style="margin: auto; max-width: 545px; height: 150px; background-color: BORDERCOLOR; padding-top: 12px; padding-bottom: 12px; padding-left: 30px;"][div style="!1ST SMALL IMAGE; width: 125px; height: 125px; background-image: url(SMALLIMAGEURL1); background-position: center; background-size: cover; border: 5px double BORDERCOLOR;"][/div][div style="padding-left: 135px;"][div style="!2ND SMALL IMAGE; width: 125px; height: 125px; background-image: url(SMALLIMAGEURL2); background-position: center; background-size: cover; border: 5px double BORDERCOLOR; margin-top: -125px;"][/div][/div][div style="!TEXT NEXT TO IMAGES; margin-top: -125px; padding-left: 270px; padding-right: 10px; height: 125px; overflow: hidden; color: TEXTCOLOR; font-family: georgia; font-size: 11.75px; text-align: justify; line-height: 110%;"][b][i]strand of text here, up to 10 lines[/i][/b][/div][/div]
[div style="!DO NOT REMOVE; margin: auto; max-width: 550px; font-family: georgia; font-size: 11px; text-align: right;"]— [url=https://beastsofbeyond.com/index.php?action=profile;area=summary;u=20]Reggan[/url][/div]
WITH 5 BOXES:
Code:
[div style="!LARGE IMAGE; margin: auto; max-width: 545px; height: 175px; background-image: url(IMAGEURL); background-size: cover; background-position: center;"][/div]
[div style="!MAIN BACKGROUND; margin: auto; max-width: 545px; height: 1153px; overflow: stretch; background-color: COLOR; padding-left: 25px;"]
[div style="!LABEL TEXT 1; padding-top: 30px; padding-left: 40px; padding-right: 30px; font-family: georgia; font-size: 18px; color: TEXTCOLOR2;"]— [b]GENERAL[/b]
[div style="!1ST BOX BACKGROUND; width: 100%; height: 175px; overflow: hidden; background-color: COLOR; border: 10px solid BORDERCOLOR;"][div style="width: 105%; height: 175px; overflow: auto;"]
[div style="!1ST BOX TEXT; padding-right: 7%; text-align: justify; font-family: georgia; font-size: 14.5px; color: TEXTCOLOR1; line-height: 115%; padding-left: 15px; padding-top: 15px; padding-bottom: 25px;"]
1ST BOX TEXT HERE. HAS HIDDEN SCROLLING[/div][/div][/div][/div]
[div style="!LABEL TEXT 2; padding-top: 30px; padding-left: 40px; padding-right: 30px; font-family: georgia; font-size: 18px; color: TEXTCOLOR2;"]— [b]PHYSICAL[/b]
[div style="!2ND BOX BACKGROUND; width: 100%; height: 175px; overflow: hidden; background-color: COLOR; border: 10px solid BORDERCOLOR;"][div style="width: 105%; height: 175px; overflow: auto;"]
[div style="!2ND BOX TEXT; padding-right: 7%; text-align: justify; font-family: georgia; font-size: 14.5px; color: TEXTCOLOR1; line-height: 115%; padding-left: 15px; padding-top: 15px; padding-bottom: 25px;"]
2ND BOX TEXT HERE. HAS HIDDEN SCROLLING[/div][/div][/div][/div]
[div style="!LABEL TEXT 3; padding-top: 30px; padding-left: 40px; padding-right: 30px; font-family: georgia; font-size: 18px; color: TEXTCOLOR2;"]— [b]MENTAL[/b]
[div style="!3RD BOX BACKGROUND; width: 100%; height: 175px; overflow: hidden; background-color: COLOR; border: 10px solid BORDERCOLOR;"][div style="width: 105%; height: 175px; overflow: auto;"]
[div style="!3RD BOX TEXT; padding-right: 7%; text-align: justify; font-family: georgia; font-size: 14.5px; color: TEXTCOLOR1; line-height: 115%; padding-left: 15px; padding-top: 15px; padding-bottom: 25px;"]
3RD BOX TEXT HERE. HAS HIDDEN SCROLLING. [/div][/div][/div][/div]
[div style="!LABEL TEXT 4; padding-top: 30px; padding-left: 40px; padding-bottom: 30px; padding-right: 30px; font-family: georgia; font-size: 18px; color: TEXTCOLOR2;"]— [b]NOTES[/b]
[div style="!4TH BOX BACKGROUND; width: 100%; height: 175px; overflow: hidden; background-color: COLOR; border: 10px solid BORDERCOLOR;"][div style="width: 105%; height: 175px; overflow: auto;"]
[div style=" !4TH BOX TEXT; padding-right: 7%; text-align: justify; font-family: georgia; font-size: 14.5px; color: TEXTCOLOR1; line-height: 115%; padding-left: 15px; padding-top: 15px; padding-bottom: 25px;"]
4TH BOX TEXT HERE. HAS HIDDEN SCROLLING[/div][/div][/div][/div]
[div style="!LABEL TEXT 5; padding-left: 40px; padding-bottom: 30px; padding-right: 30px; font-family: georgia; font-size: 18px; color: TEXTCOLOR2;"]— [b]5TH TEXT[/b]
[div style="!5TH BOX BACKGROUND; width: 100%; height: 175px; overflow: hidden; background-color: COLOR; border: 10px solid BORDERCOLOR;"][div style="width: 105%; height: 175px; overflow: auto;"]
[div style=" !5TH BOX TEXT; padding-right: 7%; text-align: justify; font-family: georgia; font-size: 14.5px; color: TEXTCOLOR1; line-height: 115%; padding-left: 15px; padding-top: 15px; padding-bottom: 25px;"]
5TH BOX TEXT HERE. HAS HIDDEN SCROLLING[/div][/div][/div][/div]
[div style="!ROTATED TEXT; float: left; width: 1178px; height: 30px; background-color: BORDERCOLOR; margin-left: -599px; margin-top: -576px; text-align: center; font-family: georgia; color: TEXTCOLOR2; word-spacing: 15px; letter-spacing: 10px; transform: rotate (90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); padding-top: 5px;"]
[b]SHORT LINE OF TEXT[/b][/div][/div]
[div style="margin: auto; max-width: 545px; height: 150px; background-color: BORDERCOLOR; padding-top: 12px; padding-bottom: 12px; padding-left: 30px;"][div style="!1ST SMALL IMAGE; width: 125px; height: 125px; background-image: url(SMALLIMAGEURL1); background-position: center; background-size: cover; border: 5px double BORDERCOLOR;"][/div][div style="padding-left: 135px;"][div style="!2ND SMALL IMAGE; width: 125px; height: 125px; background-image: url(SMALLIMAGEURL2); background-position: center; background-size: cover; border: 5px double BORDERCOLOR; margin-top: -125px;"][/div][/div][div style="!TEXT NEXT TO IMAGES; margin-top: -125px; padding-left: 270px; padding-right: 10px; height: 125px; overflow: hidden; color: TEXTCOLOR; font-family: georgia; font-size: 11.75px; text-align: justify; line-height: 110%;"][b][i]strand of text here, up to 10 lines[/i][/b][/div][/div]
[div style="!DO NOT REMOVE; margin: auto; max-width: 550px; font-family: georgia; font-size: 11px; text-align: right;"]— [url=https://beastsofbeyond.com/index.php?action=profile;area=summary;u=20]Reggan[/url][/div]
[div style="width: 70%;font-family: georgia;font-size: 14px;color: #hexcode;line-height:110%;text-align: center;;"]he / him — characters — premades — open to pm