Profile
<!--- User Code: Simple FTW Ctrl + F the values below and select replace all to change them! Pagedoll Image: https://i.imgur.com/1tChFEZ.png Background Image: https://i.imgur.com/2Ya6DRN.png Header Background Color: #232323 Text Background Color: #C2C2C2 Text Color: #EEEEEE Alt Text Color: #000 Link Background Color: #6a83c2 Link Text Color: #000 Warning Background Color: #BD464A Warning Border Color: #923639 Open Button: <span class="rounded mx-1 px-1" style="background: #C1FABF; color: #000; font-size: 8pt;">OPEN</span> Closed Button: <span class="rounded mx-1 px-1" style="background: #BD464A; color: #000; font-size: 8pt;">CLOSED</span> Link Example: <a class="card border-0 d-inline-block rounded py-0 px-1" style="background: #6a83c2; color: #000; text-decoration: underline; text-indent: 0em;" href="https://toyhou.se/Average">Link Example</a> Always credit the images you use! Don't use any images you do not have permission to use! I wrote as many notes for newbs to the code to understand what's going on as i could! If i say "dont do xyz" and you're an experienced coder, ignore me and do it LOL Don't remove my credit though please! ---> <!--- Main Container ---> <div class="card border-0 p-2 container" style="color: #eeeeee; background-image: url(https://i.imgur.com/2Ya6DRN.png); background-repeat: repeat; background-size: 100px; margin-top: 4em; margin-bottom: 2em;"> <!--- Info Box Container ---> <div class="p-2 m-0 row" style="background: transparent;"> <!--- Left Info Column ---> <div class="col-lg-4 d-flex flex-column flex-wrap align-items-center justify-content-between"> <h1 class="text-left text-uppercase mb-2 mt-0 px-3 py-3 rounded" style="width: 100%; background: #232323;"> <!--- Navigation Title ---> <i class="fas fa-bars"></i> Navigation </h1> <!--- Left Info Column Links Replace "https://toyhou.se" with the link you want, and "Link" with the word or phrase you want the button to say Replace "fas fa-link" with an icon from here https://fontawesome.com/v5/search; for example, you could type in "fas fa-user" ---> <a class="btn btn-block my-2 py-2 text-left" style="text-decoration: none; color: #000; background: #C2C2C2;" href="https://toyhou.se"> <i class="fas fa-link mr-lg-2"></i> Link </a> <a class="btn btn-block my-2 py-2 text-left" style="text-decoration: none; color: #000; background: #C2C2C2;" href="https://toyhou.se"> <i class="fas fa-link mr-lg-2"></i> Link </a> <a class="btn btn-block my-2 py-2 text-left" style="text-decoration: none; color: #000; background: #C2C2C2;" href="https://toyhou.se"> <i class="fas fa-link mr-lg-2"></i> Link </a> <a class="btn btn-block my-2 py-2 text-left" style="text-decoration: none; color: #000; background: #C2C2C2;" href="https://toyhou.se"> <i class="fas fa-link mr-lg-2"></i> Link </a> <!--- Open Button; <span class="rounded mx-1 px-1" style="background: #c1fabf; color: #000; font-size: 8pt;">OPEN</span> Closed Button; <span class="rounded mx-1 px-1" style="background: #BD464A; color: #000; font-size: 8pt;">CLOSED</span> You can remove the lines listed above from the code if you aren't interested in them, or you can use them in other places of this code. ---> <a class="btn btn-block my-2 py-2 text-left" style="text-decoration: none; color: #000; background: #C2C2C2;" href="https://toyhou.se"> <i class="fas fa-dollar mr-lg-2"></i> Commissions <span class="rounded mx-1 px-1" style="background: #c1fabf; color: #000; font-size: 8pt;">OPEN</span> </a> <a class="btn btn-block my-2 py-2 text-left" style="text-decoration: none; color: #000; background: #C2C2C2;" href="https://toyhou.se"> <i class="fas fa-question mr-lg-2"></i> Requests <span class="rounded mx-1 px-1" style="background: #BD464A; color: #000; font-size: 8pt;">CLOSED</span> </a> </div> <!--- Right Info Column ---> <div class="col-lg-8"> <h1 class="text-left text-uppercase px-3 py-3 mb-0 rounded" style="width: 100%; background: #232323;"> <!--- About Me Title ---> <i class="fas fa-stars"></i> About Me </h1> <!--- Huge Page Doll Change the href="https://toyhou.se/" just below this to link to the source of the image you're going to use. Adjust the phrase "width: 500px;" below in the img style area to make sure that the image you choose works. do not touch the height. ---> <a href="https://toyhou.se/"> <img class="d-none d-xl-block float-right" style="margin-top: -10em; margin-right: -10em; margin-bottom: -250px; width: 500px; height: auto;" src="https://i.imgur.com/1tChFEZ.png" /> </a> <!--- Right Info About You ---> <p class="p-3 rounded my-2" style="text-indent: 1em; background: #C2C2C2; color: #000; min-height: 330px ;"> 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. <a class="card border-0 d-inline-block rounded py-0 px-1" style="background: #6a83c2; color: #000; text-decoration: underline; text-indent: 0em;" href="https://toyhou.se/Average">Link Example</a> <br /> <!--- Alert Delete this section by removing "<span class="card rounded my-3 p-2 text-center text-wrap" style="background: #BD464A; color: #000; border: 2px solid #923639; text-indent: 0em;"> <b>Optional Alert</b> </span>" ---> <span class="card rounded my-3 p-2 text-center text-wrap" style="background: #BD464A; color: #000; border: 2px solid #923639; text-indent: 0em;"> <b>Optional Alert</b> </span> </p> </div> </div> <!--- 2nd Row ---> <div class="p-3 m-0"> <!--- 2nd Row Header Text ---> <h1 class="text-left text-uppercase px-3 py-3 mb-0 rounded" style="width: 100%; background: #232323;"> <i class="fas fa-user"></i> User List </h1> <div class="p-3 rounded my-2" style="background: #C2C2C2; color: #000;"> <!--- 2nd Row Text ---> <p style="text-indent: 1em;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p> <!--- 2nd Row Icon Flexbox type the people's usernames into everywhere that says "username" THIS IS CASE SENSITIVE ---> <div class="d-flex flex-row flex-wrap justify-content-between mt-4" style="max-width: 720px;"> <a href="Username" class="text-center mx-2" style="max-width: 100px; height: auto; text-decoration: none; color: #000; letter-spacing: 1px; font-variant: small-caps; font-size: 8pt;"> <img src="https://f2.toyhou.se/file/f2-toyhou-se/users/username" class="rounded-circle mb-2" /> <span class="rounded pb-1 px-2 my-2" style="background: #eeeeee; margin-top: -5px;"> <i>username</i> </span> </a> <a href="Username" class="text-center mx-2" style="max-width: 100px; height: auto; text-decoration: none; color: #000; letter-spacing: 1px; font-variant: small-caps; font-size: 8pt;"> <img src="https://f2.toyhou.se/file/f2-toyhou-se/users/username" class="rounded-circle mb-2" /> <span class="rounded pb-1 px-2 my-2" style="background: #eeeeee; margin-top: -5px;"> <i>username</i> </span> </a> <a href="Username" class="text-center mx-2" style="max-width: 100px; height: auto; text-decoration: none; color: #000; letter-spacing: 1px; font-variant: small-caps; font-size: 8pt;"> <img src="https://f2.toyhou.se/file/f2-toyhou-se/users/username" class="rounded-circle mb-2" /> <span class="rounded pb-1 px-2 my-2" style="background: #eeeeee; margin-top: -5px;"> <i>username</i> </span> </a> <a href="Username" class="text-center mx-2" style="max-width: 100px; height: auto; text-decoration: none; color: #000; letter-spacing: 1px; font-variant: small-caps; font-size: 8pt;"> <img src="https://f2.toyhou.se/file/f2-toyhou-se/users/username" class="rounded-circle mb-2" /> <span class="rounded pb-1 px-2 my-2" style="background: #eeeeee; margin-top: -5px;"> <i>username</i> </span> </a> <a href="Username" class="text-center mx-2" style="max-width: 100px; height: auto; text-decoration: none; color: #000; letter-spacing: 1px; font-variant: small-caps; font-size: 8pt;"> <img src="https://f2.toyhou.se/file/f2-toyhou-se/users/username" class="rounded-circle mb-2" /> <span class="rounded pb-1 px-2 my-2" style="background: #eeeeee; margin-top: -5px;"> <i>username</i> </span> </a> <a href="username" class="text-center mx-2" style="max-width: 100px; height: auto; text-decoration: none; color: #000; letter-spacing: 1px; font-variant: small-caps; font-size: 8pt;"> <img src="https://f2.toyhou.se/file/f2-toyhou-se/users/username" class="rounded-circle mb-2" /> <span class="rounded pb-1 px-2 my-2" style="background: #eeeeee; margin-top: -5px;"> <i>username</i> </span> </a> </div> </div> </div> </div> <!--- Credit (pls no removie ty) ---> <div class="d-flex flex-wrap justify-content-start mx-auto" style="max-width: 1140px; margin-top: -1.5em;"> <a class="px-1 text-muted" href="https://toyhou.se/average" data-toggle="tooltip" data-placement="top" title="Code Credit"> <i style="opacity: 0.5;" class="fas fa-code fa-sm"></i> </a> <a class="px-1 text-muted" data-toggle="tooltip" data-placement="top" title="Click Miscellaneous Images for their Source!"> <i style="color: #E2E2E2; opacity: 0.5;" class="fas fa-images fa-sm"></i> </a> </div>
Recent Images
No images.