MINOR ✦ HE/THEY/IT
Hi! I'm Cleo, I'm a furry artist and coder from Italy! I mostly make these because I need these for myself or because I have silly ideas. You may ask me for help with my codes, I might not be always be able to help with other's codes as I'm not familiar with them.
Anyway, enjoy this Cipollo:
Anyway, enjoy this Cipollo:
Latest Bulletin
i havent been active at all on this account !! everything here is outdated helpme ?? umm ummm maybe I'll get back into coding sometime.... I will try to answer coding related questions n issues but I'm very tired usually n don't have much energy to reply. I have some codes ready somewhere, maybe I'll polish them n post them soon
HEY! This isn't the place where you should tell me you read the TOS or used a code, comment on the TOS bulletin instead. If you're using a code, comment on the code profile.
10 months, 9 days ago
Hello! I used your user windows html code and will make sure I credit you! Thank you!
1 year, 1 month ago
hiii, so for the IC OC I wanted to remove the blinkies and the ribbons but when I did it completely broke the code xd
I mainly js want the quote, playlist, and images-
I cant find the code profile, otherwise i'd comment on it lol
1 year, 5 months ago
this is the code and here is a version without that section
<!--==========================================
CODE BY CLOWNIICAT ON TOYHOUSE
DO NOT STEAL/REMOVE CREDIT
IMPORTANT: have WYSIWYG off!! it probably will break if you have it on, and its difficult to edit with it
====================================================
Please read my TOS here, it'd be nice if you leave a comment saying you read it:
[ https://toyhou.se/~bulletins/1459193.tos-rules ]
Support me here:
[ https://ko-fi.com/onionx2 ]
====================================================
If you need a code editor with live preview use this:
[ https://th.circlejourney.net/# ]
If you want to change the icons, find more here:
[ https://fontawesome.com/search ]
====================================================
Code is fully bootstrap so no palette to change colours
==========================================-->
<div class="mx-auto" style="max-width:650px">
<div class="row no-gutters m-n1">
<!--=======ICON & QUOTE=======-->
<div class="col-sm-6 p-1 order-1">
<!--=======ICON=======-->
<div class="card bg-faded mb-2" style="height:250px;background-size:cover;background-position:center;
/* INSERT IMAGE URL HERE */
;background-image:url('https://placehold.co/500.png')
"></div>
<!--=======QUOTE=======-->
<div class="card bg-faded p-2">
<p class="text-center">
<sup class="fas fa-quote-left"></sup>
<span class="text-muted">
Insert super cool quote here
</span>
<sub class="fas fa-quote-right"></sub>
</p>
</div>
</div>
<!--=======MOODBOARD=======-->
<div class="col-sm-6 p-1 d-flex order-sm-2 order-3">
<!--=======IMAGES=======-->
<div class="card px-2 pt-2 bg-faded flex-fill" style="min-height:300px">
<div class="row no-gutters m-n1 m d-flex h-100">
<div class="col-4 d-flex p-1">
<div style="background-size:cover;background-position:center;
/* INSERT IMAGE URL HERE */
;background-image:url('https://placehold.co/500.png')
" class="card flex-fill d-flex">
</div>
</div>
<!--=======-->
<div class="col-4 d-flex p-1">
<div style="background-size:cover;background-position:center;
/* INSERT IMAGE URL HERE */
;background-image:url('https://placehold.co/500.png')
" class="card flex-fill d-flex">
</div>
</div>
<!--=======-->
<div class="col-4 d-flex p-1">
<div style="background-size:cover;background-position:center;
/* INSERT IMAGE URL HERE */
;background-image:url('https://placehold.co/500.png')
" class="card flex-fill d-flex">
</div>
</div>
<!--=======-->
<div class="col-4 d-flex p-1">
<div style="background-size:cover;background-position:center;
/* INSERT IMAGE URL HERE */
;background-image:url('https://placehold.co/500.png')
" class="card flex-fill d-flex">
</div>
</div>
<!--=======-->
<div class="col-4 d-flex p-1">
<div style="background-size:cover;background-position:center;
/* INSERT IMAGE URL HERE */
;background-image:url('https://placehold.co/500.png')
" class="card flex-fill d-flex">
</div>
</div>
<!--=======-->
<div class="col-4 d-flex p-1">
<div style="background-size:cover;background-position:center;
/* INSERT IMAGE URL HERE */
;background-image:url('https://placehold.co/500.png')
" class="card flex-fill d-flex">
</div>
</div>
<!--=======-->
<div class="col-4 d-flex p-1">
<div style="background-size:cover;background-position:center;
/* INSERT IMAGE URL HERE */
;background-image:url('https://placehold.co/500.png')
" class="card flex-fill d-flex">
</div>
</div>
<!--=======-->
<div class="col-4 d-flex p-1">
<div style="background-size:cover;background-position:center;
/* INSERT IMAGE URL HERE */
;background-image:url('https://placehold.co/500.png')
" class="card flex-fill d-flex">
</div>
</div>
<!--=======-->
<div class="col-4 d-flex p-1">
<div style="background-size:cover;background-position:center;
/* INSERT IMAGE URL HERE */
;background-image:url('https://placehold.co/500.png')
" class="card flex-fill d-flex">
</div>
</div>
<!--=======ADD/DELETE ABOVE THIS LINE=======-->
</div>
</div>
</div>
<!--=======SIDE IMAGES=======-->
<div class="col-sm-4 p-1 mb-n2 order-sm-3 order-sm-4 order-5">
<!--=======ONE=======-->
<div class="row no-gutters mx-sm-0 mx-n1">
<div class="card bg-faded mb-2 col-sm-12 col mx-sm-0 mx-1" style="height:100px;background-size:cover;background-position:center;
/* INSERT IMAGE URL HERE */
;background-image:url('https://placehold.co/500.png')
"></div>
<!--=======TWO=======-->
<div class="card bg-faded mb-2 col-sm-12 col mx-sm-0 mx-1" style="height:100px;background-size:cover;background-position:center;
/* INSERT IMAGE URL HERE */
;background-image:url('https://placehold.co/500.png')
"></div>
<!--=======THREE=======-->
<div class="card bg-faded mb-2 col-sm-12 col mx-sm-0 mx-1" style="height:100px;background-size:cover;background-position:center;
/* INSERT IMAGE URL HERE */
;background-image:url('https://placehold.co/500.png')
"></div>
<!--=======ADD/DELETE ABOVE THIS LINE=======-->
</div>
</div>
<!--=======PLAYLIST=======-->
<div class="col-sm-8 flex-column d-flex p-1 mb-n2 orders-sm-5 order-4">
<div class="card d-flex bg-faded mb-2 text-muted text-center p-1">
PLAYLIST
</div>
<!--=======SONGS CONTAINER=======-->
<div class="card flex-fill w-100 d-flex bg-faded mb-2 p-2" style="height:277px;overflow:auto">
<div class="mb-2">
<div class="row no-gutters">
<!--=======SONG LINK=======-->
<div class="col-2">
<div class="card p-3 text-center rounded-circle" style="height:3rem;width:3rem;z-index:8">
<a href="LINK_TO_SONG" class="mt-n1">
<i class="fas fa-play fa-xl text-muted"></i>
</a>
</div>
</div>
<!--=======TITLE & ARTIST=======-->
<div class="col-10 text-muted pl-sm-4">
<p><span class="font-weight-bold">
SONG TITLE
</span><br>
<small>
Artist name
</small>
</p>
</div>
</div>
<!--=======DIVIDER=======-->
<hr class="mt-2 mb-0">
</div>
<!--=======-->
<div class="mb-2">
<div class="row no-gutters">
<!--=======SONG LINK=======-->
<div class="col-2">
<div class="card p-3 text-center rounded-circle" style="height:3rem;width:3rem;z-index:8">
<a href="LINK_TO_SONG" class="mt-n1">
<i class="fas fa-play fa-xl text-muted"></i>
</a>
</div>
</div>
<!--=======TITLE & ARTIST=======-->
<div class="col-10 text-muted pl-sm-4">
<p><span class="font-weight-bold">
SONG TITLE
</span><br>
<small>
Artist name
</small>
</p>
</div>
</div>
<!--=======DIVIDER=======-->
<hr class="mt-2 mb-0">
</div>
<!--=======-->
<div class="mb-2">
<div class="row no-gutters">
<!--=======SONG LINK=======-->
<div class="col-2">
<div class="card p-3 text-center rounded-circle" style="height:3rem;width:3rem;z-index:8">
<a href="LINK_TO_SONG" class="mt-n1">
<i class="fas fa-play fa-xl text-muted"></i>
</a>
</div>
</div>
<!--=======TITLE & ARTIST=======-->
<div class="col-10 text-muted pl-sm-4">
<p><span class="font-weight-bold">
SONG TITLE
</span><br>
<small>
Artist name
</small>
</p>
</div>
</div>
<!--=======DIVIDER=======-->
<hr class="mt-2 mb-0">
</div>
<!--=======-->
<div class="mb-2">
<div class="row no-gutters">
<!--=======SONG LINK=======-->
<div class="col-2">
<div class="card p-3 text-center rounded-circle" style="height:3rem;width:3rem;z-index:8">
<a href="LINK_TO_SONG" class="mt-n1">
<i class="fas fa-play fa-xl text-muted"></i>
</a>
</div>
</div>
<!--=======TITLE & ARTIST=======-->
<div class="col-10 text-muted pl-sm-4">
<p><span class="font-weight-bold">
SONG TITLE
</span><br>
<small>
Artist name
</small>
</p>
</div>
</div>
<!--=======DIVIDER=======-->
<hr class="mt-2 mb-0">
</div>
<!--=======-->
<div class="mb-2">
<div class="row no-gutters">
<!--=======SONG LINK=======-->
<div class="col-2">
<div class="card p-3 text-center rounded-circle" style="height:3rem;width:3rem;z-index:8">
<a href="LINK_TO_SONG" class="mt-n1">
<i class="fas fa-play fa-xl text-muted"></i>
</a>
</div>
</div>
<!--=======TITLE & ARTIST=======-->
<div class="col-10 text-muted pl-sm-4">
<p><span class="font-weight-bold">
SONG TITLE
</span><br>
<small>
Artist name
</small>
</p>
</div>
</div>
</div>
<!--=======ADD/DELETE ABOVE THIS LINE=======-->
</div>
</div>
<!--=======CREDIT, DO NOT REMOVE!!!=======-->
<div class="col-12 text-sm-right text-center order-6">
<a href="https://toyhou.se/clowniicat" class="text-muted">
<i class="fas fa-code"></i>
</a>
</div>
</div>
</div>
<!--================================================================
CODE END!!!
silly bingus!!
================================================================-->
1 year, 5 months ago
HEY! This isn't the place where you should tell me you read the TOS! comment on the TOS bulletin instead!
If you're using a code, comment on the code profile instead!!!!
1 year, 5 months ago
1 year, 9 months ago
Reuploaded it just now, but please comment on my main for this stuff /nm
1 year, 9 months ago
read! Tysm for this code <3
1 year, 9 months ago
YOUR ART IS SO COOL HOLY COW
1 year, 9 months ago
HEY! This isn't the place where you should tell me you read the TOS! comment on the TOS bulletin instead!
If you're using a code, comment on the code profile instead!!!!
2 years, 8 months ago
I've read the ToS!! :D
2 years, 8 months ago
read ToS
2 years, 8 months ago