zoom_in
- visibility97
posted last year, edited last year
Dec 1, 2018
F2U with credit
More From staralternate_emailStormSee Morearrow_outward
Similar ArtworksSee Morearrow_outward
gif(F2U) About Me HTML<div class="container-fluid" style="font-size: 0.85em;max-width: 850px; margin: auto; position: relative;"><!-----------------Image Headerto make the corners rounded add "border-radius: 25px 25px 0px 0px;"---------------------><div style="height: 75px;width: 100%; background:url(https://file.garden/ZdmRSugxzVCR-8Le/Art Links/Pastel_Space.png );background-position:center;background-size:cover;margin-bottom: 1em;"></div> <!----------------- (INTRODUCTION START) ---------------------><!-----------------Decoration #1 (right)For a pagedoll you can replace the div with<image src="https://file.garden/ZdmRSugxzVCR-8Le/Sheezy Graphics/shrimpjam2 " style="float:right;width: 35%;margin-top: 0em;margin-bottom: 1em;margin-left: 1em;">---------------------><div style="float:right;width: 25%;min-height: 300px; background:url(https://file.garden/ZdmRSugxzVCR-8Le/Art Links/Pastel_Space.png );background-position:center;background-size:cover;margin-top: 0em;margin-bottom: 1em;margin-left: 1em;"></div> <!----------------- Basics ---------------------><p style="margin-bottom: 0em;"><div style="display: flex; align-items: center;justify-content: center;"><img src="https://file.garden/ZdmRSugxzVCR-8Le/Sheezy Graphics/star101.gif " style="margin-top: 0em;margin-bottom: 0em;padding-right: 0.375rem;"><strong> Name | Age | Pronouns | Timezone | Misc</strong><img src="https://file.garden/ZdmRSugxzVCR-8Le/Sheezy Graphics/star101.gif " style="margin-top: 0em;margin-bottom: 0em;padding-left: 0.375rem;"><br /></div><!----------------- Flags ---------------------><div style=" display: flex; align-items: center;justify-content: center;"><img src="https://file.garden/ZdmRSugxzVCR-8Le/F2U stuff/flag pastel.png " data-toggle="tooltip" title="text" style="margin-top: 0em;margin-bottom: 0em;"><img src="https://file.garden/ZdmRSugxzVCR-8Le/F2U stuff/flag pastel.png " data-toggle="tooltip" title="text" style="margin-top: 0em;margin-bottom: 0em;"><img src="https://file.garden/ZdmRSugxzVCR-8Le/F2U stuff/flag pastel.png " data-toggle="tooltip" title="text" style="margin-top: 0em;margin-bottom: 0em;"><!----------------- Copy and past above this for more! ---------------------></div><div style="text-align: center;">hover over the flags for more info!</div><!----------------- Introduction ---------------------><p>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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><p>Lobortis feugiat vivamus at augue. Vitae et leo duis ut. Sociis natoque penatibus et magnis dis. In cursus turpis massa tincidunt. Duis ultricies lacus sed turpis tincidunt id aliquet. Placerat in egestas erat imperdiet sed euismod. Enim eu turpis egestas pretium aenean pharetra. Facilisis magna etiam tempor orci eu lobortis elementum. Massa enim nec dui nunc mattis enim. A cras semper auctor neque vitae tempus quam. Tellus in metus vulputate eu scelerisque felis imperdiet proin fermentum. Dui accumsan sit amet nulla facilisi morbi tempus. Felis donec et odio pellentesque. Nisl nisi scelerisque eu ultrices vitae auctor. Odio morbi quis commodo odio aenean sed adipiscing diam. Semper eget duis at tellus at. Leo a diam sollicitudin tempor id eu.</p><!----------------- Likes & Dislikes ---------------------><div style="display: flex; align-items: center; justify-content: center;margin-bottom: 1em;">🩷 Content, content, content, content<br>❌ Content, content, content, content<br></div><!----------------- Stamps ---------------------><div class="grid tablet:grid-cols-6 grid-cols-3" style="justify-items:center;gap:1rem;"><a href="#URL"><img src="https://file.garden/ZdmRSugxzVCR-8Le/F2U stuff/Stamps/Pastel Space Stamp.png " class="m-0"></a><a href="#URL"><img src="https://file.garden/ZdmRSugxzVCR-8Le/F2U stuff/Stamps/Pastel Space Stamp.png " class="m-0"></a><a href="#URL"><img src="https://file.garden/ZdmRSugxzVCR-8Le/F2U stuff/Stamps/Pastel Space Stamp.png " class="m-0"></a><a href="#URL"><img src="https://file.garden/ZdmRSugxzVCR-8Le/F2U stuff/Stamps/Pastel Space Stamp.png " class="m-0"></a><a href="#URL"><img src="https://file.garden/ZdmRSugxzVCR-8Le/F2U stuff/Stamps/Pastel Space Stamp.png " class="m-0"></a><a href="#URL"><img src="https://file.garden/ZdmRSugxzVCR-8Le/F2U stuff/Stamps/Pastel Space Stamp.png " class="m-0"></a></div><hr style="clear: both;"><!----------------- (INTRODUCTION END) ---------------------> <!----------------- (SECTION 1 START) ---------------------><!----------------- Decoration (left) ---------------------><div style="float:left;width: 25%;min-height: 300px; background:url(https://file.garden/ZdmRSugxzVCR-8Le/Art Links/Pastel_Space.png );background-position:center;background-size:cover;margin-top: 0em;margin-bottom: 1em;margin-right: 1em;"></div><!----------------- Fun Facts ---------------------><p><strong>Trivia: </strong> <br>- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <br>- Sagittis id consectetur purus ut faucibus pulvinar elementum.<br>- Dolor morbi non arcu risus quis varius quam. Lectus arcu bibendum at varius vel pharetra vel turpis nunc.<br>- At in tellus integer feugiat scelerisque varius morbi.<br>- Lobortis scelerisque fermentum dui faucibus in. Id eu nisl nunc mi ipsum faucibus vitae.<br>- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <br>- Sagittis id consectetur purus ut faucibus pulvinar elementum.<br>- Dolor morbi non arcu risus quis varius quam. Lectus arcu bibendum at varius vel pharetra vel turpis nunc.<br>- At in tellus integer feugiat scelerisque varius morbi.<br>- Lobortis scelerisque fermentum dui faucibus in. Id eu nisl nunc mi ipsum faucibus vitae.<br><!----------------- Copy and past above this for more! ---------------------></p><hr style="clear: both;"><!----------------- (SECTION 1 END) ---------------------> <!----------------- (SECTION 4 START) ---------------------><!----------------- Decoration #1 (right) ---------------------><div style="float:right;width: 25%;min-height: 300px; background:url(https://file.garden/ZdmRSugxzVCR-8Le/Art Links/Pastel_Space.png );background-position:center;background-size:cover;margin-top: 0em;margin-bottom: 1em;margin-left: 1em;"></div><!-----------------Boundaries---------------------><p><strong>Boundaries: </strong> <br>- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <br>- Sagittis id consectetur purus ut faucibus pulvinar elementum.<br>- Dolor morbi non arcu risus quis varius quam. Lectus arcu bibendum at varius vel pharetra vel turpis nunc.<br>- At in tellus integer feugiat scelerisque varius morbi.<br>- Lobortis scelerisque fermentum dui faucibus in. Id eu nisl nunc mi ipsum faucibus vitae.<br><!----------------- Copy and past above this for more! ---------------------></p> <div style="display: flex; align-items: center; justify-content: center;">Giftart: 🩷 | Roleplays: ❌ | Relationships: ❓ | NSFW: ❓</div><hr style="clear: both;"><!----------------- (SECTION 4 END) ---------------------> <!----------------- (FOOTER START) ---------------------><!----------------- Credits ---------------------><div style=" display: flex; align-items: center; justify-content: center;margin-bottom: 0em;"><a href="https://sheezy.art/thedemonicartist/persona/shrimpsources "> Code</a> | <a href="https://toyhou.se/25498009.milkwhisks-pixel-pride-flags ">Pride Flags</a> | <a href="https://sheezy.art/harrie/gallery/responsive-stamp-box-snippets ">Stamp Snippet</a> | <a href="https://pixelsafari.neocities.org/favicon/ ">Favicon</a> | <a href="https://sheezy.art/thedemonicartist ">Image #1</a> | <a href="LINK">image #2</a>| <a href="LINK">image #3</a></div><!----------------- (FOOTER END) ---------------------><!-----------------Footer Imageto make the corners rounded add"border-radius: 0px 0px 25px 25px;"---------------------><div style="height: 75px;width: 100%; background:url(https://file.garden/ZdmRSugxzVCR-8Le/Art Links/Pastel_Space.png );background-position:center;background-size:cover;margin-top: 1em;"></div></div></div>F2U HTML - Pokemon Party<img src="https://file.garden/ZSR8ukMsLUXXEcdK/pokemonpartyhtml.png "> <!--------Change text color (name or hex)--------> <font color="white"> <!--------------------FIRST CHARACTER--------------------> <!--------Can change border and background color--------> <div style="display: inline-block; width: 47%; height:100%; padding: 3px; margin: 5px; align-items: center; border: solid; border-radius: 10px; border-color: #ffffff; background-color: rgba(255, 255, 255,0.1)"> <div style="display: inline-flex; width: 100%"> <!--------------------Image--------------------> <img src="https://raw.githubusercontent.com/msikma/pokesprite/master/pokemon-gen8/regular/ditto.png" style="width: 25%"> <div style="width: 100%; margin: 3px"> <!--------------------Name & Gender --------------------> <b> Name <p style="float: right"> <font color="white" size="4"> ♂○♀ </font> </p></b> <hr style="border: none"> <div> <hr style="height: 12px; border: none"> <div style="display: flex; background: #000000; width: 100%; padding: 5px; height: 20px; align-items: center"> HP   <div style="display: inline-flex; width: 83%"> <!--------HP Bar (change width/background color) --------> <div style="height: 10px; float: right; width: 100%; background: #73a84a">   </div> </div> </div> </div> </div> </div>     <!--------------------Level & HP #--------------------> Lv. # <p style="float: right"> # / # </p> </div> <!--------------------SECOND CHARACTER--------------------> <!--------Can change border and background color--------> <div style="display: inline-block; width: 47%; height:100%; padding: 3px; margin: 5px; align-items: center; border: solid; border-radius: 10px; border-color: #ffffff; background-color: rgba(255, 255, 255,0.1)"> <div style="display: inline-flex; width: 100%"> <!--------------------Image--------------------> <img src="https://raw.githubusercontent.com/msikma/pokesprite/master/pokemon-gen8/regular/ditto.png" style="width: 25%"> <div style="width: 100%; margin: 3px"> <!--------------------Name & Gender --------------------> <b> Name <p style="float: right"> <font color="white" size="4"> ♂○♀ </font> </p></b> <hr style="border: none"> <div> <hr style="height: 12px; border: none"> <div style="display: flex; background: #000000; width: 100%; padding: 5px; height: 20px; align-items: center"> HP   <div style="display: inline-flex; width: 83%"> <!--------HP Bar (change width/background color) --------> <div style="height: 10px; float: right; width: 100%; background: #73a84a">   </div> </div> </div> </div> </div> </div>     <!--------------------Level & HP #--------------------> Lv. # <p style="float: right"> # / # </p> </div> <!--------------------THIRD CHARACTER--------------------> <!--------Can change border and background color--------> <div style="display: inline-block; width: 47%; height:100%; padding: 3px; margin: 5px; align-items: center; border: solid; border-radius: 10px; border-color: #ffffff; background-color: rgba(255, 255, 255,0.1)"> <div style="display: inline-flex; width: 100%"> <!--------------------Image--------------------> <img src="https://raw.githubusercontent.com/msikma/pokesprite/master/pokemon-gen8/regular/ditto.png" style="width: 25%"> <div style="width: 100%; margin: 3px"> <!--------------------Name & Gender --------------------> <b> Name <p style="float: right"> <font color="white" size="4"> ♂○♀ </font> </p></b> <hr style="border: none"> <div> <hr style="height: 12px; border: none"> <div style="display: flex; background: #000000; width: 100%; padding: 5px; height: 20px; align-items: center"> HP   <div style="display: inline-flex; width: 83%"> <!--------HP Bar (change width/background color) --------> <div style="height: 10px; float: right; width: 100%; background: #73a84a">   </div> </div> </div> </div> </div> </div>     <!--------------------Level & HP #--------------------> Lv. # <p style="float: right"> # / # </p> </div> <!--------------------FOURTH CHARACTER--------------------> <!--------Can change border and background color--------> <div style="display: inline-block; width: 47%; height:100%; padding: 3px; margin: 5px; align-items: center; border: solid; border-radius: 10px; border-color: #ffffff; background-color: rgba(255, 255, 255,0.1)"> <div style="display: inline-flex; width: 100%"> <!--------------------Image--------------------> <img src="https://raw.githubusercontent.com/msikma/pokesprite/master/pokemon-gen8/regular/ditto.png" style="width: 25%"> <div style="width: 100%; margin: 3px"> <!--------------------Name & Gender --------------------> <b> Name <p style="float: right"> <font color="white" size="4"> ♂○♀ </font> </p></b> <hr style="border: none"> <div> <hr style="height: 12px; border: none"> <div style="display: flex; background: #000000; width: 100%; padding: 5px; height: 20px; align-items: center"> HP   <div style="display: inline-flex; width: 83%"> <!--------HP Bar (change width/background color) --------> <div style="height: 10px; float: right; width: 100%; background: #73a84a">   </div> </div> </div> </div> </div> </div>     <!--------------------Level & HP #--------------------> Lv. # <p style="float: right"> # / # </p> </div> <!--------------------FIFTH CHARACTER--------------------> <!--------Can change border and background color--------> <div style="display: inline-block; width: 47%; height:100%; padding: 3px; margin: 5px; align-items: center; border: solid; border-radius: 10px; border-color: #ffffff; background-color: rgba(255, 255, 255,0.1)"> <div style="display: inline-flex; width: 100%"> <!--------------------Image--------------------> <img src="https://raw.githubusercontent.com/msikma/pokesprite/master/pokemon-gen8/regular/ditto.png" style="width: 25%"> <div style="width: 100%; margin: 3px"> <!--------------------Name & Gender --------------------> <b> Name <p style="float: right"> <font color="white" size="4"> ♂○♀ </font> </p></b> <hr style="border: none"> <div> <hr style="height: 12px; border: none"> <div style="display: flex; background: #000000; width: 100%; padding: 5px; height: 20px; align-items: center"> HP   <div style="display: inline-flex; width: 83%"> <!--------HP Bar (change width/background color) --------> <div style="height: 10px; float: right; width: 100%; background: #73a84a">   </div> </div> </div> </div> </div> </div>     <!--------------------Level & HP #--------------------> Lv. # <p style="float: right"> # / # </p> </div> <!--------------------SIXTH CHARACTER--------------------> <!--------Can change border and background color--------> <div style="display: inline-block; width: 47%; height:100%; padding: 3px; margin: 5px; align-items: center; border: solid; border-radius: 10px; border-color: #ffffff; background-color: rgba(255, 255, 255,0.1)"> <div style="display: inline-flex; width: 100%"> <!--------------------Image--------------------> <img src="https://raw.githubusercontent.com/msikma/pokesprite/master/pokemon-gen8/regular/ditto.png" style="width: 25%"> <div style="width: 100%; margin: 3px"> <!--------------------Name & Gender --------------------> <b> Name <p style="float: right"> <font color="white" size="4"> ♂○♀ </font> </p></b> <hr style="border: none"> <div> <hr style="height: 12px; border: none"> <div style="display: flex; background: #000000; width: 100%; padding: 5px; height: 20px; align-items: center"> HP   <div style="display: inline-flex; width: 83%"> <!--------HP Bar (change width/background color) --------> <div style="height: 10px; float: right; width: 100%; background: #73a84a">   </div> </div> </div> </div> </div> </div>     <!--------------------Level & HP #--------------------> Lv. # <p style="float: right"> # / # </p> </div> </font> </div>```