Free to use CSS + CSS help! (updated 4/17/19)
Hybrid_Hybrat
I assume you want to make the background transparent, not the entirety of
You can use rgba or hsla colors (as opposed to hexadecimal).
RGBA: red, green, blue, alpha
HSLA: hue, saturation, luminosity, alpha
Right now, for example, you have the following:
If you want to set it to 70% opacity, you'd change that to:
Since you mentioned some familiarity with inspect element, I'd like to mention most browsers let you convert from hex to rgb/hsl with just a click. You can drag that slider under the hue picker to change the alpha channel (opacity).
Keep in mind 8-digit hex colors are not supported by FV even though they'll work in the dev tools.
*If you really want to make the whole thing transparent, use opacity, but keep in mind nothing will probably be readable.
I assume you want to make the background transparent, not the entirety of
.content.*You can use rgba or hsla colors (as opposed to hexadecimal).
RGBA: red, green, blue, alpha
HSLA: hue, saturation, luminosity, alpha
Right now, for example, you have the following:
.content {
background: #fff;
}
background: #fff;
}
If you want to set it to 70% opacity, you'd change that to:
.content {
background: rgba(255, 255, 255, .7);
}
background: rgba(255, 255, 255, .7);
}
Since you mentioned some familiarity with inspect element, I'd like to mention most browsers let you convert from hex to rgb/hsl with just a click. You can drag that slider under the hue picker to change the alpha channel (opacity).
Keep in mind 8-digit hex colors are not supported by FV even though they'll work in the dev tools.
*If you really want to make the whole thing transparent, use opacity, but keep in mind nothing will probably be readable.
jess #7302 | she/her | links
alphadragoness
Which template did you want to use? Most links contain either the code in full or a link to a pastebin where you can copy and paste it. Anything with a '✏' requires further editing; anything with '❍' requires you pull the CSS directly from the source code.
Once you have it, just paste it into the Profile CSS box here.
sincerely cannot tell if you are a troll
Which template did you want to use? Most links contain either the code in full or a link to a pastebin where you can copy and paste it. Anything with a '✏' requires further editing; anything with '❍' requires you pull the CSS directly from the source code.
Once you have it, just paste it into the Profile CSS box here.
sincerely cannot tell if you are a troll
jess #7302 | she/her | links
msjanny said:
Hybrid_Hybrat
I assume you want to make the background transparent, not the entirety of
You can use rgba or hsla colors (as opposed to hexadecimal).
RGBA: red, green, blue, alpha
HSLA: hue, saturation, luminosity, alpha
Right now, for example, you have the following:
If you want to set it to 70% opacity, you'd change that to:
Since you mentioned some familiarity with inspect element, I'd like to mention most browsers let you convert from hex to rgb/hsl with just a click. You can drag that slider under the hue picker to change the alpha channel (opacity).
Keep in mind 8-digit hex colors are not supported by FV even though they'll work in the dev tools.
*If you really want to make the whole thing transparent, use opacity, but keep in mind nothing will probably be readable.
I assume you want to make the background transparent, not the entirety of
.content.*You can use rgba or hsla colors (as opposed to hexadecimal).
RGBA: red, green, blue, alpha
HSLA: hue, saturation, luminosity, alpha
Right now, for example, you have the following:
.content {
background: #fff;
}
background: #fff;
}
If you want to set it to 70% opacity, you'd change that to:
.content {
background: rgba(255, 255, 255, .7);
}
background: rgba(255, 255, 255, .7);
}
Since you mentioned some familiarity with inspect element, I'd like to mention most browsers let you convert from hex to rgb/hsl with just a click. You can drag that slider under the hue picker to change the alpha channel (opacity).
Keep in mind 8-digit hex colors are not supported by FV even though they'll work in the dev tools.
*If you really want to make the whole thing transparent, use opacity, but keep in mind nothing will probably be readable.
Ahh this was so helpful~ Thank you so much :D
I have no idea what I am doing with my life.
jess #7302 | she/her | links
alphadragoness
I'm not sure what you mean by neon colors, but yes, you can just copy and paste from the raw.
I'm not sure what you mean by neon colors, but yes, you can just copy and paste from the raw.
jess #7302 | she/her | links
msjanny said:
alphadragoness
I'm not sure what you mean by neon colors, but yes, you can just copy and paste from the raw.
I'm not sure what you mean by neon colors, but yes, you can just copy and paste from the raw.
kk bc original coding on there is light blue, but RAW is black without glow on txt
forgot to add my own speed eating userstyle until like two months later That's Fine
jess #7302 | she/her | links
13 Jul 2019, 12:55 pm
(Edited 15 Jul 2019, 12:27 pm)
msjanny
I've been working on one of my villager's profiles and I'm having some trouble :/
http://www.furvilla.com/villager/325885
I'm trying to get the careers of the villagers on the right sidebar to be .5 opacity as well as the user profile ID? I've just been compiling knowledge from a bunch of different threads and this is the last bit I can't get to work :, )
I've been working on one of my villager's profiles and I'm having some trouble :/
http://www.furvilla.com/villager/325885
I'm trying to get the careers of the villagers on the right sidebar to be .5 opacity as well as the user profile ID? I've just been compiling knowledge from a bunch of different threads and this is the last bit I can't get to work :, )
nimblemusicbox
Hey, I'm incredibly sorry for how delayed this has been. I'm not too sure how I missed this post in my notifications, as I am subscribed, but try the following.
Hey, I'm incredibly sorry for how delayed this has been. I'm not too sure how I missed this post in my notifications, as I am subscribed, but try the following.
.right-column img {
opacity: .5;
}
opacity: .5;
}
jess #7302 | she/her | links
Thunderclaw
If you don't want to change everything and start from scratch, it only takes about 10-20 minutes to edit the templates in the first post. I recommend this approach for beginners.
Otherwise, assuming you don't know CSS, you'd need to familiarize yourself with both HTML and CSS first. The courses I linked take about 22 hours to complete.
It usually takes me 4+ hours to complete something like my user profile since I change pretty much everything.
If you don't want to change everything and start from scratch, it only takes about 10-20 minutes to edit the templates in the first post. I recommend this approach for beginners.
Otherwise, assuming you don't know CSS, you'd need to familiarize yourself with both HTML and CSS first. The courses I linked take about 22 hours to complete.
It usually takes me 4+ hours to complete something like my user profile since I change pretty much everything.
jess #7302 | she/her | links
