[11] pride pagedoll
created by:skysong
HTMLCustom ColorsMiscellaneous
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>