[11] pride pagedoll
created by:Skysong
Custom ColorsHTMLMiscellaneous
Copy
<!-------------------------- PRIDE MONTH PAGEDOLL [coded by skysong39] happy pride <3 ---------------------------- RESOURCES image hosting: https://freeimage.host/ image animation: https://docs.fontawesome.com/web/style/animate (they're for FA icons, but they work with images too!) code link: https://toyhou.se/33156114.11-pride-pagedoll ---------------------------> <div id="pagedoll" class="carousel d-none d-sm-block" data-ride="false" data-pause="true" style="z-index:100; position:fixed; bottom:0; right:0;"> <!--[ make sure to adjust the height and width according to your image! ]--> <div class="carousel-inner"> <!--IMAGE 1--> <div class="carousel-item active" style="position:relative; left:80%;"> <!--[ change the percentage to your liking ]--> <a href="#pagedoll" role="button" data-slide="next"> <img src="https://iili.io/2kL9A8v.png"> <!--[ replace the URL with your own ]--> </a> </div> <!--IMAGE 2--> <div class="carousel-item"> <a href="#pagedoll" role="button" data-slide="next"> <img src="https://iili.io/2kL9A8v.png"> <!--[ use the same URL as above! ]--> </a> </div> </div> </div>
Copy
<!-------------------------- PRIDE MONTH PAGEDOLL with a tooltip! [coded by skysong39] happy pride <3 ---------------------------- RESOURCES image hosting: https://freeimage.host/ image animation: https://docs.fontawesome.com/web/style/animate (they're for FA icons, but they work with images too!) code link: https://toyhou.se/33156114.11-pride-pagedoll ---------------------------> <div id="pagedoll" class="carousel d-none d-sm-block" data-ride="false" data-pause="true" style="z-index:100; position:fixed; bottom:0; right:0;"> <!--[ make sure to adjust the height and width according to your image! ]--> <div class="carousel-inner"> <!--IMAGE 1--> <div class="carousel-item active" style="position:relative; left:80%;"> <!--[ change the percentage to your liking ]--> <a href="#pagedoll" role="button" data-slide="next" class="tooltipster" data-placement="top" title="your text here"> <img src="https://iili.io/2kL9A8v.png"> <!--[ replace the URL with your own ]--> </a> </div> <!--IMAGE 2--> <div class="carousel-item"> <a href="#pagedoll" role="button" data-slide="next" class="tooltipster" data-placement="top" title="your text here"> <img src="https://iili.io/2kL9A8v.png"> <!--[ use the same URL as above! ]--> </a> </div> </div> </div>