Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!-- --------------------- CODE BY OneAlbatross ------------------------
- ---- ---------------------------------------------------------------------
- |[All links, socials, etc]: https://onealbatross.carrd.co/
- |[Tip jar]: https://ko-fi.com/onealbatross
- |[How to use Templates - Video Guide by Indianimations]: https://youtu.be/B-X57fmPuPo?t=93
- |[ Rules ]
- - Modify the code as much as you like but please do not redistribute or claim it as your own.
- - Please DO NOT remove credit regardless of how much you edit/Frankenstein the code.
- - Keep WYSIWYG off while adding or editing code
- - Turn "Enable Code Editor" off if you are on mobile to be able to paste.
- |[ Info ]
- Color Key Index - use these to find and replace (ctrl+f -> "All" button -> type your desired #hex color code or rgba() value)
- - the only color used is bootstrap's btn-primary (there is code that automatically changes the colors of the bottom two buttons by using a hue-shift - )
- - change "btn-primary" to any other bootstrap button color and the two bottom buttons will adjust to maintain the staggered hue shift
- - select and delete "filter:hue-rotate(20deg)" and "filter:hue-rotate(40deg)" if you do not want the automatic hue shifting (you could also play with the degrees to get different results)
- |[ Images ]
- To fill in/replace images:
- - your desired image can be anywhere online like a free image website, your Deviantart stash, Discord, or here on Toyhouse
- - right click the image and select "copy image address" (should end in .png, .jpg, .gif, etc - NOT a .webp)
- - paste this web address within areas like url(LINK_HERE) or src="IMG URL HERE"
- - Some info on adjusting images can be seen here: https://toyhou.se/4930674](https://toyhou.se/4930674
- |[ Icons ]
- - Icons used are from FontAwesome.com and you can find more info here: https://toyhou.se/3536712
- ---------------------------------------------------------------------------
- ----------------------------------------------------------------------- -->
- <div class="mx-auto mt-5 pt-4 px-1" style="max-width:585px">
- <div class="display-4 mb-4 text-center"><i class="fa-thin fa-meteor mr-3 fa-flip-horizontal" style="font-size:25px" ></i>Username<i class="fa-thin fa-planet-ringed ml-3" style="font-size:25px" ></i></div>
- <!-- LEFT THREE BUTTONS ---------------- -->
- <div class="row" style="">
- <div class="col-md col-6 order-3 order-md-1 mb-0 mb-md-3 pr-md-4 pr-1">
- <!-- BUTTON #1 ---------------- -->
- <a href="LINK_HERE" class="btn btn-outline-primary pt-3 pb-3 pl-3 mb-2 text-right w-100" style="border-radius:20px 20px 20px 0px; ">
- For sale
- <!-- ICON --><i class="fa-duotone fa-money-bill-transfer pl-3 pr-2" style="font-size:24px;"></i>
- </a>
- <!-- BUTTON #2 ---------------- -->
- <a href="LINK_HERE" class="btn btn-outline-primary pt-3 pb-3 pl-3 mb-2 text-right w-100 ml-md-n4" style="border-radius:20px; filter:hue-rotate(20deg)">
- Directory
- <!-- ICON --><i class="fa-duotone fa-list pl-3 pr-2" style="font-size:24px; "></i>
- </a>
- <!-- BUTTON #3 ---------------- -->
- <a href="LINK_HERE" class="btn btn-outline-primary pt-3 pb-3 pl-3 mb-2 text-right w-100" style="border-radius:0px 20px 20px 20px; filter:hue-rotate(40deg)">
- Notices
- <!-- ICON --><i class="fa-duotone fa-warning pl-3 pr-2" style="font-size:24px; "></i>
- </a>
- </div>
- <div class="col-auto order-1 order-md-2 mx-auto">
- <div class="rounded-circle p-1 mt-md-3 bg-dark">
- <!-- PROFILE PICTURE - image address goes inbetween the apostrophes in url('') ---------------- -->
- <div class="rounded-circle " style="background-image:url('https://f2.toyhou.se/file/f2-toyhou-se/characters/18738562?1667801640'); height:140px; width:140px; background-size:contain; background-repeat:no-repeat; background-position:center;">
- </div>
- </div>
- </div>
- <!-- RIGHT THREE BUTTONS ---------------- -->
- <div class="col-md col-6 order-4 order-md-3 mb-0 mb-md-3 pl-md-4 pl-1">
- <!-- BUTTON #4 ---------------- -->
- <a href="LINK_HERE" class="btn btn-outline-primary pt-3 pb-3 pl-3 mb-2 pull-right text-left w-100" style="border-radius:20px 20px 0px 20px; ">
- <!-- ICON --><i class="fa-duotone fa-user pr-3" style="font-size:24px; "></i>
- Alts
- </a>
- <!-- BUTTON #5 ---------------- -->
- <a href="LINK_HERE" class="btn btn-outline-primary pt-3 pb-3 pl-3 mb-2 pull-right text-left w-100 mr-md-n4" style="border-radius:20px 20px 20px 20px; filter:hue-rotate(20deg)">
- <!-- ICON --><i class="fa-duotone fa-stars pr-3" style="font-size:24px; "></i>
- Mains
- </a>
- <!-- CREDIT - DO NOT REMOVE ---------------- --><a href="https://toyhou.se/OneAlbatross/characters/folder:3801186" class="btn btn-outline-primary pt-3 pb-3 pl-3 mb-2 pull-right text-left w-100" style="border-radius:20px 0px 20px 20px; filter:hue-rotate(40deg)" title="Code by OneAlbatross" data-toggle="tooltip" data-placement="bottom" >
- <i class="fa-duotone fa-code pr-3" style="font-size:24px; "></i>
- Code
- </a>
- </div>
- <!-- EXTRA INFO UNDER THE PICTURE ---------------- -->
- <div class="row mx-auto pb-4 px-4 mt-md-n2 mt-3 order-2 order-md-4 " style="justify-content: center; ">
- <!-- remove "white-space:nowrap" if you're running into issues with your content being too long and spilling over (this will allow it to word-break again) ---------------- -->
- <div class="col faded d-inline text-right" style="white-space:nowrap">smol info</div> <div class="col px-3 faded d-inline text-center" style="font-size:20px; ">info</div><div class="col faded d-inline text-left" style="white-space:nowrap">small info </div>
- </div>
- </div>
- <!--
- <div class="pt-2 pb-4 px-4 text-center">
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit.
- </div>
- -->
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
