just curious, is it possible to somehow change the fish to something else..? :00
Can the CSS be combined with other CSS codes? Not very well versed on css coding, but I was trying to combine it with Pinky's "Gradient" layout and couldn't figure out if it's just not supposed to be combined
I tried fixing it on my end but it still appears squished oops, both on mobile and desktop too
Mobile
Desktop
OBSESSED WITH THIS!! are you okay w/h frankenstiening ur codes/css? id love to slap the moving fishes on another code for my profile if its possible! :3c if so how would i go abt it?
on the HTML stand alone I am struggling to change the color pallete on the right. So i insert a hex code? or....?
oh my god im so sorry TT I dont think i ever gotten a notification for your message.
Here's the hex codes you would have to change!! You can simply press CTRL + F to search for those values
#22287a -> Background
#7374b0 -> Background Border
rgba(255,255,255,0.6) -> Fishes
rgba(155, 130, 230, 0.18) -> Glass-like boxes
rgba(255,255,255,0.3) -> Box Borders
rgba(225,225,230,0.125) -> Line between the little infos in the left box
This user is not visible to guests.
Hi!! Very sorry for the late response!!
What you can do is put a special class or ID on the DIV you want the scrollbar to have and do the following (in this example #example):
#example * {
scrollbar-width: auto;
scrollbar-color: <scrollbar color> transparent;
}
#example *::-webkit-scrollbar-track {
background: <scrollbarbackground color>;
}
#example *::-webkit-scrollbar {
width: <scrollbar width>px;
}
#example *::-webkit-scrollbar-thumb {
background-color: <scrollbar background color>;
border-radius: <round corners (optional)>px;
border: <scrollbar width> solid transparent;
}
Some of the things are duplicate since one of them is for Edge / Firefox and the other for Chrome! The * in the code just equates to "Everything inside #example will use this". If you don' want that you can also just remove the * and it will ONLY apply to that one class / ID !
hello!! just wondering how/if i can change the colour of the fish? where abouts in the code would that be if it is? (using the code for ic)
you can change it if you change rgba(255,255,255,0.6) to the rgb value of your choice inside of
<i class="fa fa-fish fa-3x" style="position:absolute;margin-left:350px;margin-top:30px;color:rgba(255,255,255,0.6)"></i> !
<i class="fa fa-fish-fins fa-3x" style="position:absolute;margin-left:290px;margin-top:80px;color:rgba(255,255,255,0.6)"></i>
<i class="fa fa-fish-fins fa-3x" style="position:absolute;margin-left:60px;margin-top:300px;color:rgba(255,255,255,0.6)"></i>
<i class="fa fa-fish fa-3x" style="position:absolute;margin-left:870px;margin-top:470px;color:rgba(255,255,255,0.6)"></i>
<i class="fa fa-fish fa-3x" style="position:absolute;margin-left:530px;margin-top:370px;color:rgba(255,255,255,0.6)"></i>
I used this code on this bean! But for some reason, the fish / now music notes don't move :,(
love it! I'm aware the fish wont move without ccs because of a previous comment, but ive also noticed it gets rid of the spot for the main image, is that related?
Currently it is, yes. I put a lot of the style tags into the css to shorten the code and to allow me to quickly change everything to test. Since it was a code for a challenge I didn’t have a lot of time left and decided to just release it like that >< I do plan slightly reworking it though and making a pure html version though!
I love this code!! Just a heads-up, though: the credit link doesn't actually have a href section.
LOOK AT THOSE LITTLE SILLY FISH GO.... this is SO cute and the moving fish are absolutely genius....!!!
I really love this code and want to use it but the fish don't move even when I haven't edited the code at all. Am I missing something?
[HTML+CSS] Fishtank's Comments