❆ ㅤfloret picnic

❅ remember to favourite the roleplay
❅ don't remove the credit
❅ comment below if using

code ✼ https://pastebin.com/raw/geMQ93nZ

❈ designed as a non-au profile
❈ please follow instructions closely on how to edit the layout; if you're still confused, feel free to dm for help

《 HOW TO ADD IMAGES TO DP GALLERY 》

» code lines for icons are as followed:
<div style="width:53px;height:53px;background-color:#555a80;float:left;margin:0px 2px 2px 0px;">
<div style="width:51px;height:51px;background-color:#fff;float:left;margin:1px;">
<div style="width:47px;height:47px;float:left;margin:2px;"><img alt="" src=" (image link) " style="width:47px;height:47px;float:left;" /></div>
</div>
</div>

» please note code lines ending in "margin:0px 0px 2px" are the last images for each rows

» some "icons" are actually non-square images hidden in overflow
» code lines for them are as followed:
<div style="width:53px;height:53px;background-color:#555a80;float:left;margin:0px 2px 2px 0px;">
<div style="width:51px;height:51px;background-color:#fff;float:left;margin:1px;">
<div style="width:47px;height:47px;float:left;overflow:hidden;margin:2px;">
<div style="width: (0) px;height: (0) px;float:left;"><img alt="" src=" (image link) " style="width: (0) px;float:left;" /></div>
</div>
</div>
</div>

» to edit images, lock your chosen image to 47px (width if vertical, height if horizontal)
» based on the height and width, insert both values in (0) px within "div style" accordingly
» the (0) px after (image link) should follow the width value of the "div style"
» if you want to adjust the image, add "margin-top" or "margin-left" in the "div style" after "float:left"
» add values accordingly [negative values (-0px) will push an image to the right/upwards while positive values (0px) will push an image to the left/downwards]