Profile
Official Portraiteer Profile Code
The official profile code for the Portraiteer species! This code is fully custom-colored, mobile-friendly, and has quick replacement options using Ctrl + F! Check the tabs for the live preview, and give it a favorite if you like it!
<!-- IMAGE QUICK REPLACE (Ctrl + F + replace all!) Frame: https://f2.toyhou.se/file/f2-toyhou-se/images/78619886_33mzijf3KAqp6NM.png?1709527376 Avatar: https://f2.toyhou.se/file/f2-toyhou-se/images/68901611_Zi592GLvQ9R7zUl.png Background image: https://i.imgur.com/06UGO5V.png COLOR QUICK REPLACE Border, ML/Pronoun buttons: #853F27 Name, Info, Curio Cabinet header background, dark text: #3A2920 Infobox, curio cabinet background, light text: #ebe2ca translucent background (infobox, curio cabinet, frame bg): rgba(101,46,32,0.6) https://htmlcolorcodes.com/ is good for translating hex codes into RGB codes! note that the fourth value (0.6) refers to transparency NOTE: Curio cabinet curios and alternate frame codes + templates can be found in Portraiteer resources or on the portraiteers toyhouse account! Feel free to make your own! --> <div class="mx-auto p-3 col-sm-7"> <div class="card" style="text-align:center;font-family:Garamond;background-image:url(https://i.imgur.com/06UGO5V.png);border-radius:5px;border-color:#853F27;border-width:5px;"> <!-- Want a background color instead? replace the above line of text (<div class="card" to border-with:5px;">) with the following: <div class="card" style="text-align:center;font-family:Garamond;background-color:#C07C5F;border-radius:5px;border-color:#853F27;border-width:5px;"> And to switch back, replace with the following: <div class="card" style="text-align:center;font-family:Garamond;background-image:url(https://i.imgur.com/06UGO5V.png);border-radius:5px;border-color:#853F27;border-width:5px;"> --> <div class="py-2"> <div> <!--Avatar Image--> <div class="mx-auto" style="z-index:0;height:200px;width:215px;background-image:url(https://f2.toyhou.se/file/f2-toyhou-se/images/68901611_Zi592GLvQ9R7zUl.png);background-repeat:no-repeat;background-position:centertop;background-size:240px;background-color:rgba(101,46,32,0.6);border-radius:15px;"> <!--Frame- additional frames + a template can be found in the Portraiteer World Resources folder--> <div class="mx-auto" style="z-index:0;height:220px;width:215px;background-image:url(https://f2.toyhou.se/file/f2-toyhou-se/images/78619886_33mzijf3KAqp6NM.png?1709527376);background-repeat:no-repeat;background-position:center;background-size:270px;border-radius:12px;"> </div> </div> </div> </div> <br> <div class="m-2 px-4 mx-auto col-sm-8" style="font-weight:bold;background-color:#3A2920;color:#ebe2ca;font-size:30px;border-radius:5px;">Director Autumn</div> <div class="justify-content-around mx-auto p-1"> <!-- #NUM links to your Portraiteer's ML entry on portraiteers.neocities.org--> <a href="https://portraiteers.neocities.org/?id=GRN0001" style="color:#ebe2ca;"> <div class="card p-2" style="font-weight:bold;background-color:#853F27;color:#ebe2ca;border-width:2px;">#001</div> </a> <!-- Pronouns! --> <div class="card p-2" style="font-weight:bold;background-color:#853F27;color:#ebe2ca;border-width:2px;">He/She/They</div> <!-- Rarity --> <div class="card p-2" style="font-weight:bold;background-color:#7F4F2B;color:#ebe2ca;border-width:2px;">GRN</div> <!--- Alternate Rarity Buttons- copy/paste and replace! ABSTRACT VVV <div class="card p-2" style="font-weight:bold;background-color:#BB3D78;color:#ebe2ca;border-width:2px;">ABS</div> PORTAL-PALETTE VVV <div class="card p-2" style="font-weight:bold;background-color:#3A9E92; color:#ebe2ca;border-width:2px;">PRT</div> MIXED-MEDIUM VVV <div class="card p-2" style="font-weight:bold;background-color:#ebe2ca;;color:#7F4F2B;border-width:2px;">MXM</div> --> </div> <div> <div class="card col-sm-11 mx-auto py-2" style="font-weight:bold;background-color:rgba(101,46,32,0.6);height:210px;"> <!-- Infobox Start --> <!-- Infobox Header vvv --> <div class="card mx-auto m-1 px-2" style="font-weight:bold;background-color:#3A2920;color:#ebe2ca;border-radius:5px;font-size:15px;width:auto;">Information</div> <!-- Infobox Text vvv --> <div class="card mx-2 p-2 mb-2" style="background-color:#ebe2ca;color:#3A2920;height:200px;overflow-y:auto;"> <!-- Put infobox information below here! --> <p>Describe your Portraiteer! This box scrolls!</p> <!-- Put infobox information above here! --> </div> <!-- Infobox End --> <!-- Add additional infoboxes above by copy-pasting the code below! VVV <div class="card mx-auto m-1 px-2" style="font-weight:bold;background-color:#3A2920;color:#ebe2ca;border-radius:5px;font-size:15px;width:auto;">Information</div> <div class="card mx-2 p-2 mb-2" style="background-color:#ebe2ca;color:#3A2920;height:200px;overflow-y:auto;"> <p>Describe your Portraiteer! This box scrolls!</p> </div> Add additional infoboxes above by copy-pasting the code above! ^^^ --> </div> <br> <div> <div class="card col-sm-11 mx-auto py-2" style="font-weight:bold;background-color:rgba(101, 46, 32,0.6);height:250px;"> <div class="card mx-auto m-1 px-2" style="font-weight:bold;background-color:#3A2920;color:#ebe2ca;border-radius:5px;font-size:15px;width:auto;">Curio Cabinet</div> <!-- Curios code can be found in the Portraiteers World Resources folder! --> <div class="card mx-2 p-2 mb-2 row justify-content-around" style="background-color:#ebe2ca;color:#3A2920;height:200px;overflow-y:auto;"> <!--Paste Curios links below here! VVV--> <a href="https://toyhou.se/24428422.curio-cabinet-collection"><img src="https://f2.toyhou.se/file/f2-toyhou-se/images/78614649_XnGQbNShZ5rehyy.png" style="width:50px;" data-toggle="tooltip" title="Glob of Crimson Paint"></a> <a href="https://toyhou.se/24428422.curio-cabinet-collection"><img src="https://f2.toyhou.se/file/f2-toyhou-se/images/78614656_fETv8RSk1YaSnzq.png?1709520118" style="width:50px;" data-toggle="tooltip" title="Wad of Paper"></a> <a href="https://toyhou.se/24428422.curio-cabinet-collection"><img src="https://f2.toyhou.se/file/f2-toyhou-se/images/78614650_SUbqCLB8upgBmJe.png?1709520061" style="width:50px;" data-toggle="tooltip" title="Inky Quill"></a> <a href="https://toyhou.se/24428422.curio-cabinet-collection"><img src="https://f2.toyhou.se/file/f2-toyhou-se/images/78614648_uAKoiBUhSxiehT6.png?1709520046" style="width:50px;" data-toggle="tooltip" title="Origami Crane"></a> <a href="https://toyhou.se/24428422.curio-cabinet-collection"><img src="https://f2.toyhou.se/file/f2-toyhou-se/images/78618176_saEfNLnmjGxTzJb.png" style="width:50px;" data-toggle="tooltip" title="Sugar Sweet"></a> <a href="https://toyhou.se/24428422.curio-cabinet-collection"><img src="https://f2.toyhou.se/file/f2-toyhou-se/images/78620486_crcywCli7ogzV6O.png" style="width:50px;" data-toggle="tooltip" title="Worn Spool"></a> <a href="https://toyhou.se/24428422.curio-cabinet-collection"><img src="https://f2.toyhou.se/file/f2-toyhou-se/images/78621606_USq83LqAAGaEc2w.png?1709530244" style="width:50px;" data-toggle="tooltip" title="Puffcloud"></a> <a href="https://toyhou.se/24428422.curio-cabinet-collection"><img src="https://f2.toyhou.se/file/f2-toyhou-se/images/78621604_K55aXk8lcJAICob.png" style="width:50px;" data-toggle="tooltip" title="Red Apple"></a> <a href="https://toyhou.se/24428422.curio-cabinet-collection"><img src="https://f2.toyhou.se/file/f2-toyhou-se/images/78648170_6ehpvipcS8FCv3N.png" style="width:50px;" data-toggle="tooltip" title="Leaf"></a> <!--Paste Curios links above here! ^^^--> </div> </div><br> </div> </div> </div> <!--Credits!--> <div class="pl-2 mr-4" style="width:auto;float:right;"> <div class="py-1" style="font-weight:bold;background-color:#853F27;color:#ebe2ca;border-width:2px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;"> <a href="https://toyhou.se/~world/137686.the-portraiteers-gallery"><i class="fa fa-xl fa-palette" style="color:#ebe2ca;padding:5px;" aria-hidden="true" data-toggle="tooltip" title="Portraiteers"></i></a> <a href="https://toyhou.se/RogueIdea"><i class="fa fa-xl fa-microchip" style="color:#ebe2ca;padding:5px;" aria-hidden="true" data-toggle="tooltip" title="Code by RogueIdea"></i></a> </div> </div> </div>
Comments