API tools faq
paste
Brandstiftung

Mignyan Profile Code Version 1

Brandstiftung
Oct 1st, 2026 (edited)
118
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 23.07 KB | None | 0 0
raw download clone embed print report
  1. <center>
  2.     <!-- code made by Brandstiftung (TH)/ Sheep (MIGSITE) -->
  3.     <!-- TERMS OF USE -->
  4.     <!-- This code is ONLY allowed to be used on the MIGNYAN WEBSITE (https://mignyans.com) -->
  5.     <!-- Feel free to frankenstein things in or out, I don't mind! -->
  6.     <!-- Do NOT claim this code as your own-->
  7.     <!-- HELPFUL TIPS-->
  8.     <!-- This code is made for the mignyans website so it currently only looks good on there.-->
  9.     <!-- THIS CODE WILL BREAK ON TOYHOUSE-->
  10.     <!-- THIS CODE WILL BREAK IF YOU USE WYSIWYG-->
  11.     <!-- All sections of this code are helpfully labeled to guide you through filling it out (sorry for my mess this is my first time making a code)-->
  12.     <!-- HEADER IMAGE -->
  13.     <div class="card" style="width: 100%; max-width: 800px; overflow: hidden; margin: 20px 0; text-align: left;">
  14.         <div style="overflow: hidden; border: double 7px black; width: 100%; height: 100%; min-height: 200px; background-image: url('https://mignyans.com/images/avatars/default.png?v=1772881971'); background-size: cover; background-position: top; background-repeat: no-repeat;" title="art by NAME (PLATFORM)">
  15.             <!-- PUT ART CREDIT IN THE TITLE FIELD -->
  16.         </div>
  17.     </div>
  18.     <!-- END OF HEADER -->
  19.     <!-- -->
  20.     <!-- MAIN STUFF -->
  21.     <div class="card-body" style="max-width: 800px;">
  22.         <div class="row d-flex align-items-stretch">
  23.             <!-- NAME PRONOUNS AND SHORT INTRO -->
  24.             <div class="col-md-7">
  25.                 <h3>NAME ─ PRO / NOUNS</h3>
  26.                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer at laoreet magna. Nulla ut lacus dui. Aliquam semper, dolor ut blandit pulvinar, nisi purus convallis risus, ac tempus purus erat a velit. Fusce fermentum consequat suscipit. In convallis sagittis facilisis.</p>
  27.                 <!-- END OF NAME/PRNS -->
  28.                 <!-- -->
  29.                 <hr /><!-- BASIC INFO -->
  30.                 <ul class="list-group list-group-flush" style="text-align: left;">
  31.                     <li class="list-group-item">
  32.                         <h4 style="font-size: 15px; display: inline;">Age/Bday: </h4>
  33.                         0yrs - MON 00th
  34.                     </li>
  35.                     <li class="list-group-item">
  36.                         <h4 style="font-size: 15px; display: inline;">Height: </h4>
  37.                         0'0"
  38.                     </li>
  39.                     <li class="list-group-item">
  40.                         <h4 style="font-size: 15px; display: inline;">Host Species: </h4>
  41.                         HOST SPECIES
  42.                     </li>
  43.                     <li class="list-group-item">
  44.                         <h4 style="font-size: 15px; display: inline;">Occupation: </h4>
  45.                         OCCUPATION
  46.                     </li>
  47.                     <li class="list-group-item">
  48.                         <h4 style="font-size: 15px; display: inline;">Invasion Status: </h4>
  49.                         STATUS
  50.                     </li>
  51.                 </ul>
  52.             </div>
  53.             <!-- END OF BASIC INFO -->
  54.             <!-- -->
  55.             <!-- SIDE IMAGE -->
  56.             <div class="col-md-5 d-flex" style="max-height: 800px;">
  57.                 <!-- PUT ART CREDIT IN THE TITLE FIELD -->
  58.                 <div style="width: 100%; height: 100%; min-height: 350px; background-image: url('https://mignyans.com/images/avatars/default.png?v=1772881971'); background-size: cover; background-position: center; background-repeat: no-repeat;" title="art by NAME (PLATFORM)"> </div>
  59.                 <div style="line-height: 60%;"> </div>
  60.             </div>
  61.             <!-- END OF MAIN STUFF -->
  62.             <!-- TRIVIA -->
  63.             <div>
  64.                <hr style="width: 100%; position: relative;" />
  65.                 <h4>Trivia</h4>
  66.                 <ul style="text-align: left;">
  67.                     <li>Trivia 1 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer at laoreet magna.</li>
  68.                     <li>Trivia 2 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer at laoreet magna. Nulla ut lacus dui. Aliquam semper, dolor ut blandit pulvinar, nisi purus convallis risus, ac tempus purus erat a velit.</li>
  69.                     <li>Trivia 3</li>
  70.                 </ul>
  71.             </div>
  72.             <!-- END OF TRIVIA -->
  73.             <!-- -->
  74.             <!-- -->
  75.             <hr /><!-- BIO -->
  76.             <div>
  77.                 <!-- DIVIDER IMAGE -->
  78.                 <div><img style="max-height: 30px;" title="art by Brandstiftung (TH)" src=" https://mignyans.com/files/mig%20divider.png" /> <img style="max-height: 30px;" title="art by Brandstiftung (TH)" src=" https://mignyans.com/files/mig%20divider.png" /> <img style="max-height: 30px;" title="art by Brandstiftung (TH)" src=" https://mignyans.com/files/mig%20divider.png" /></div>
  79.                 <!-- PUT ART CREDIT IN THE TITLE FIELD --> <br /><!-- END OF DIVIDER IMAGE -->
  80.                 <!-- -->
  81.                 <!-- -->
  82.                 <!-- STORY -->
  83.                 <h4>STORY</h4>
  84.                 <h5><em>"Here is a dramatic tagline"</em></h5>
  85.                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer at laoreet magna. Nulla ut lacus dui. Aliquam semper, dolor ut blandit pulvinar, nisi purus convallis risus, ac tempus purus erat a velit. Fusce fermentum consequat suscipit. In convallis sagittis facilisis. Proin viverra augue nisl, vitae tempus velit eleifend vestibulum. Sed at arcu eleifend magna interdum condimentum a sed ligula. Praesent interdum lectus id est tristique, aliquet elementum quam interdum. Quisque gravida id arcu ac tristique. Sed dapibus quis mi at pellentesque. Vivamus ut mi urna. Maecenas semper purus quis justo interdum egestas. Sed lacinia mollis mi malesuada feugiat. Quisque pretium risus in lorem placerat, vitae eleifend justo eleifend. Mauris congue purus vel magna tincidunt, in suscipit turpis sagittis. Fusce maximus, augue a tempus vulputate, nisl nisl suscipit mi, eu finibus quam eros sed dolor. Proin facilisis fringilla mi ac sodales.</p>
  86.                 <!-- DIVIDER IMAGE -->
  87.                 <div><img style="max-height: 30px;" title="art by Brandstiftung (TH)" src=" https://mignyans.com/files/mig%20divider.png" /> <img style="max-height: 30px;" title="art by Brandstiftung (TH)" src=" https://mignyans.com/files/mig%20divider.png" /> <img style="max-height: 30px;" title="art by Brandstiftung (TH)" src=" https://mignyans.com/files/mig%20divider.png" /></div>
  88.                 <!-- PUT ART CREDIT IN THE TITLE FIELD --> <br /><!-- END OF DIVIDER IMAGE -->
  89.                 <h5>Additional Info</h5>
  90.                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer at laoreet magna. Nulla ut lacus dui. Aliquam semper, dolor ut blandit pulvinar, nisi purus convallis risus, ac tempus purus erat a velit. Fusce fermentum consequat suscipit. In convallis sagittis facilisis. Proin viverra augue nisl, vitae tempus velit eleifend vestibulum. Sed at arcu eleifend magna interdum condimentum a sed ligula.</p>
  91.             </div>
  92.             <!-- END OF BIO -->
  93.             <!-- -->
  94.             <!-- EXTRA ONE -->
  95.             <div>
  96.                 <div class="row">
  97.                     <!-- SIDE IMAGE -->
  98.                     <div class="col-md-7" style="width: 450px; height: 250px; margin-bottom: 15px; background-image: url('https://mignyans.com/images/avatars/default.png?v=1772881971'); background-size: contain; background-repeat: no-repeat; background-position: center;" title="art by NAME (PLATFORM)"> </div>
  99.                     <!-- PUT ART CREDIT IN THE TITLE FIELD -->
  100.                     <div class="col-md-5">
  101.                         <!-- FUN FACTS -->
  102.                         <h5>Fun Facts</h5>
  103.                         <div class="table-responsive" style="max-height: 200px; overflow-y: auto; border: none;">
  104.                             <table class="table table-sm border-0 m-0">
  105.                                 <tbody>
  106.                                     <tr>
  107.                                         <td class="p-0 border-0" style="text-align: left;">
  108.                                             <ul class="pl-3 mb-0">
  109.                                                 <li>This Scrolls!</li>
  110.                                                 <li>FACT1</li>
  111.                                                 <li>FACT2</li>
  112.                                                 <li>FACT3</li>
  113.                                                 <!-- you can add more above this line! The text will scroll :] -->
  114.                                             </ul>
  115.                                         </td>
  116.                                     </tr>
  117.                                 </tbody>
  118.                             </table>
  119.                         </div>
  120.                         <!-- END OF FUN FACTS -->
  121.                     </div>
  122.                 </div>
  123.             </div>
  124.             <!-- END OF EXTRA ONE -->
  125.             <!-- -->
  126.             <!-- EXTRA TWO -->
  127.             <div>
  128.                 <!-- RELATIONSHIPS -->
  129.                 <div>
  130.                     <center>
  131.                         <h3>RELATIONSHIPS</h3>
  132.                         <hr />
  133.                     </center>
  134.                     <div class="row g-4">
  135.                         <!-- RELATIONSHIP 1 -->
  136.                         <div class="col-md-4">
  137.                             <div class="row px-3 mb-4">
  138.                                 <div class="col-lg-6"><a style="color: black;" href="LINK"><img style="width: 150px; height: 150px; border: double 5px black;" src="https://mignyans.com/images/avatars/default.png?v=1772881971" /></a></div>
  139.                                 <div class="col-lg-6" style="display: inline; text-align: left;">
  140.                                     <!-- SPACER -->
  141.                                     <h5 style="line-height: 30%;"> </h5>
  142.                                     <!-- END OF SPACER -->
  143.                                     <!-- -->
  144.                                     <!-- NAME -->
  145.                                     <h5 style="line-height: 90%;">NAME</h5>
  146.                                     <hr /><!-- TYPE OF RELATIONSHIP -->
  147.                                     <h5 style="font-size: 13px;">RELATIONSHIP</h5>
  148.                                 </div>
  149.                                 <!-- TALK ABOUT THE CONNECTION HERE -->
  150.                                 <div class="table-responsive" style="max-height: 200px; overflow-y: auto; border: 1px;">
  151.                                     <table class="table table-sm border-0 m-0">
  152.                                         <tbody>
  153.                                             <tr>
  154.                                                 <td class="p-0 border-0" style="text-align: left;">
  155.                                                     <p style="margin: 4px;"><br />This scrolls! Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
  156.                                                 </td>
  157.                                             </tr>
  158.                                         </tbody>
  159.                                     </table>
  160.                                 </div>
  161.                             </div>
  162.                         </div>
  163.                         <!-- END OF RELATIONSHIP 1 -->
  164.                         <!-- RELATIONSHIP 2 -->
  165.                         <div class="col-md-4">
  166.                             <div class="row px-3 mb-4">
  167.                                 <div class="col-lg-6"><a style="color: black;" href="LINK"><img style="width: 150px; height: 150px; border: double 5px black;" src="https://mignyans.com/images/avatars/default.png?v=1772881971" /></a></div>
  168.                                 <div class="col-lg-6" style="display: inline; text-align: left;">
  169.                                     <!-- SPACER -->
  170.                                     <h5 style="line-height: 30%;"> </h5>
  171.                                     <!-- END OF SPACER -->
  172.                                     <!-- -->
  173.                                     <!-- NAME -->
  174.                                     <h5 style="line-height: 90%;">NAME</h5>
  175.                                     <hr /><!-- TYPE OF RELATIONSHIP -->
  176.                                     <h5 style="font-size: 13px;">RELATIONSHIP</h5>
  177.                                 </div>
  178.                                 <!-- TALK ABOUT THE CONNECTION HERE -->
  179.                                 <div class="table-responsive" style="max-height: 200px; overflow-y: auto; border: 1px;">
  180.                                     <table class="table table-sm border-0 m-0">
  181.                                         <tbody>
  182.                                             <tr>
  183.                                                 <td class="p-0 border-0" style="text-align: left;">
  184.                                                     <p style="margin: 4px;"><br />This scrolls! Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
  185.                                                 </td>
  186.                                             </tr>
  187.                                         </tbody>
  188.                                     </table>
  189.                                 </div>
  190.                             </div>
  191.                         </div>
  192.                         <!-- END OF RELATIONSHIP 2 -->
  193.                         <!-- RELATIONSHIP 3 -->
  194.                         <div class="col-md-4">
  195.                             <div class="row px-3 mb-4">
  196.                                 <div class="col-lg-6"><a style="color: black;" href="LINK"><img style="width: 150px; height: 150px; border: double 5px black;" src="https://mignyans.com/images/avatars/default.png?v=1772881971" /></a></div>
  197.                                 <div class="col-lg-6" style="display: inline; text-align: left;">
  198.                                     <!-- SPACER -->
  199.                                     <h5 style="line-height: 30%;"> </h5>
  200.                                     <!-- END OF SPACER -->
  201.                                     <!-- -->
  202.                                     <!-- NAME -->
  203.                                     <h5 style="line-height: 90%;">NAME</h5>
  204.                                     <hr /><!-- TYPE OF RELATIONSHIP -->
  205.                                     <h5 style="font-size: 13px;">RELATIONSHIP</h5>
  206.                                 </div>
  207.                                 <!-- TALK ABOUT THE CONNECTION HERE -->
  208.                                 <div class="table-responsive" style="max-height: 200px; overflow-y: auto; border: 1px;">
  209.                                     <table class="table table-sm border-0 m-0">
  210.                                         <tbody>
  211.                                             <tr>
  212.                                                 <td class="p-0 border-0" style="text-align: left;">
  213.                                                     <p style="margin: 4px;"><br />This scrolls! Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
  214.                                                 </td>
  215.                                             </tr>
  216.                                         </tbody>
  217.                                     </table>
  218.                                 </div>
  219.                             </div>
  220.                         </div>
  221.                         <!-- END OF RELATIONSHIP 3 -->
  222.                     </div>
  223.                 </div>
  224.                 <!-- DECO -->
  225.                 <div><br />
  226.                     <center>
  227.                         <h3 style="line-height: 10%;">DECO</h3>
  228.                         <em style="font-size: 12px;">Hover for definitions</em>
  229.                     </center>
  230.                     <hr style="max-width: 800px; position: relative;" /><!-- RIBBONS (use the title feature to describe what the ribbon means) -->
  231.                     <div class="row">
  232.                         <!-- FEATURED RIBBON -->
  233.                         <div class="col-md-6 mb-1">
  234.                             <div class="row">
  235.                                 <div class="col-md-8">
  236.                                     <h5>MOST PRIZED RIBBON</h5>
  237.                                     Awardee Comment:<br /><em>"I love my mignyan"</em>
  238.                                 </div>
  239.                                 <div class="col-md-3"><img style="height: 100px; top: 10px;" title="MEANING" src=" https://mignyans.com/images/avatars/default.png?v=1772881971" />
  240.                                     <center>
  241.                                         <h5> </h5>
  242.                                     </center>
  243.                                 </div>
  244.                                 <hr class=" d-none d-md-block d-lg-block" style="width: 1px; height: 110px; border: none; background-color: #a78383;" />
  245.                             </div>
  246.                         </div>
  247.                         <!-- END OF FEATURED RIBBON-->
  248.                         <hr class="d-lg-none d-md-none" style="height: 1px; width: 100%; border: none; background-color: #a78383;" /><!-- If a ribbon is misaligned, add [ margin-top: 10px; ] to the [ img style="height: 60px;... ] section and adjust the px as needed. I've left ribbon 2 with this configuration as a visual example. -->
  249.                         <div class="col-md-6 mb-4">
  250.                             <h5 class="mb-0 mb-1">OTHER RIBBONS</h5>
  251.                             <div class="row ">
  252.                                 <!-- RIBBON 1 -->
  253.                                 <div class="col-6 col-md-2 mb-3"><img style="margin-top: 0px; height: 70px; object-fit: contain; top: 0px;" title="MEANING" src=" https://mignyans.com/images/avatars/default.png?v=1772881971" /></div>
  254.                                 <!-- END OF RIBBON 1 -->
  255.                                 <!-- RIBBON 2 -->
  256.                                 <div class="col-6 col-md-2 mb-3"><img style="margin-top: 0px; height: 70px; object-fit: contain; top: 0px;" title="MEANING" src=" https://mignyans.com/images/avatars/default.png?v=1772881971" /></div>
  257.                                 <!-- END OF RIBBON 2 -->
  258.                                 <!-- RIBBON 3 -->
  259.                                 <div class="col-6 col-md-2 mb-3"><img style="margin-top: 0px; height: 70px; object-fit: contain; top: 0px;" title="MEANING" src=" https://mignyans.com/images/avatars/default.png?v=1772881971" /></div>
  260.                                 <!-- END OF RIBBON 3 -->
  261.                                 <!-- RIBBON 4 -->
  262.                                 <div class="col-6 col-md-2 mb-3"><img style="margin-top: 0px; height: 70px; object-fit: contain; top: 0px;" title="MEANING" src=" https://mignyans.com/images/avatars/default.png?v=1772881971" /></div>
  263.                                 <!-- END OF RIBBON 4 -->
  264.                                 <!-- RIBBON 5 -->
  265.                                 <div class="col-6 col-md-2 mb-3"><img style="margin-top: 0px; height: 70px; object-fit: contain; top: 0px;" title="MEANING" src=" https://mignyans.com/images/avatars/default.png?v=1772881971" /></div>
  266.                                 <!-- END OF RIBBON 5 -->
  267.                                 <!-- RIBBON 6 -->
  268.                                 <div class="col-6 col-md-2 mb-3"><img style="margin-top: 0px; height: 70px; object-fit: contain; top: 0px;" title="MEANING" src=" https://mignyans.com/images/avatars/default.png?v=1772881971" /></div>
  269.                                 <!-- END OF RIBBON 6 -->
  270.                             </div>
  271.                         </div>
  272.                     </div>
  273.                     <hr style="max-width: 800px; position: relative;" /><!-- END OF RIBBONS -->
  274.                     <!-- -->
  275.                     <!-- STICKERS -->
  276.                     <!-- Here you can add any mignyan stickers your mignyan has earned! And you can link back to the mignyan gallery image if you so wish! -->
  277.                     <h5>FEATURED STICKERS</h5>
  278.                     <div class="row">
  279.                         <!-- STICKER 1 -->
  280.                         <div class="col-6 col-md-2"><a href="/"><img style="width: 100px; height: 100px;" src="https://mignyans.com/files/prompts/placeholder.png" /></a></div>
  281.                         <!-- END OF STICKER 1 -->
  282.                         <!-- STICKER 2 -->
  283.                         <div class="col-6 col-md-2"><a href="/"> <img style="width: 100px; height: 100px;" src="https://mignyans.com/files/prompts/placeholder.png" /></a></div>
  284.                         <!-- END OF STICKER 2 -->
  285.                         <!-- STICKER 3 -->
  286.                         <div class="col-6 col-md-2"><a href="/"> <img style="width: 100px; height: 100px;" src="https://mignyans.com/files/prompts/placeholder.png" /></a></div>
  287.                         <!-- END OF STICKER 3 -->
  288.                         <!-- STICKER 4 -->
  289.                         <div class="col-6 col-md-2"><a href="/"> <img style="width: 100px; height: 100px;" src="https://mignyans.com/files/prompts/placeholder.png" /></a></div>
  290.                         <!-- END OF STICKER 4 -->
  291.                         <!-- STICKER 5 -->
  292.                         <div class="col-6 col-md-2"><a href="/"> <img style="width: 100px; height: 100px;" src="https://mignyans.com/files/prompts/placeholder.png" /></a></div>
  293.                         <!-- END OF STICKER 5 -->
  294.                         <!-- STICKER 6 -->
  295.                         <div class="col-6 col-md-2"><a href="/"> <img style="width: 100px; height: 100px;" src="https://mignyans.com/files/prompts/placeholder.png" /></a></div>
  296.                         <!-- END OF STICKER 6 -->
  297.                     </div>
  298.                 </div>
  299.                 <!-- END OF DECO -->
  300.             </div>
  301.             <!-- -->
  302.             <!-- FOOTER IMAGE -->
  303.             <div class="card" style="width: 100%; max-width: 800px; overflow: hidden; margin: 20px 0; text-align: left;">
  304.                 <div style="overflow: hidden; border: double 7px black; width: 100%; height: 100%; min-height: 200px; background-image: url('https://mignyans.com/images/avatars/default.png?v=1772881971'); background-size: cover; background-position: top; background-repeat: no-repeat;" title="art by NAME (PLATFORM)"> </div>
  305.                 <!-- PUT ART CREDIT IN THE TITLE FIELD -->
  306.             </div>
  307.             <h5 style="font-size: 13px; margin-top: -20px;">Code by <a href="https://mignyans.com/user/Sheep">Sheep</a> , All art credits viewable by hovering over image.</h5>
  308.             <!-- END OF FOOTER -->
  309.         </div>
  310.     </div>
  311. </center><!-- END OF CODE -->
  312. <h5 style="text-align: center;">
  313.     <!-- PAGE DOLL-->
  314. </h5>
  315. <div class="fixed-bottom pb-2 d-none d-md-block d-lg-block" style="right: inherit; left: 0;"><img style="width: 150px;" title="art by NAME (PLATFORM)" src="https://mignyans.com/images/avatars/default.png?v=1772881971" alt="pagedoll" /></div>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!