𝔦𝔱'𝔰-𝔞 𝔪𝔢 🌠 (![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png)
lina_trinch) wrote in ![[community profile]](https://www.dreamwidth.org/img/silk/identity/community.png)
killthecake2020-01-23 08:32 pm
lina_trinch) wrote in killthecake2020-01-23 08:32 pm
Entry tags:
[4] I Discovered Gradients
| |||||||||||||||||||||||||||||||||||||||
by killthecake
Codes
Click on the images for full-view!
Rainbow:
Blood:
|
Spider-Man:
|
PURPLE:
|
Sherbert:
|
Forest:
|
Neon:
|
❖ Make sure Disable Auto-Formatting is checked when you copy/paste the code into your post. ❖ When you add or remove dropdown menus, just make sure you get the separator, too. The code will be at the END of each section. ❖ If you have any problems with these, let me know! ❖ ICON_URL - Icon image. ❖ Header - Header of the code. I recommend capitalizing the first letter. ❖ subheader - The two (or more or less, if you want) subheaders. I recommend keeping the whole thing lowercase. Also, don't make this line too long or the code will break. ❖ _AGE - Age of your character? I recommend this being a number as the font for this section is smaller than the other two so everything lines up. ❖ _GENDER - Gender of your character? ❖ _SEXUALITY - Sexuality of your character? lbr these are basically placeholders for whatever you want. In your code, Ctrl+F gradient and you'll find a funny piece of code like this: linear-gradient(135deg, red,orange,yellow,green,blue,indigo,violet); The numbers in front are the degrees that the colors are tilted. You can set it to 90deg to go left to right, 180deg to go up and down, etc. The rest is a list of colors that's present in the gradient in order of appearance. Feel free to play around with that to make whatever fun looking thing you want. Here are more detailed instructions about gradients in CSS and here is a list of colors by name. But I just thought I'd do some premades to make our lives easier, ya know? |
no subject
Thanks!
Beth
no subject
To keep your text as is and still center it, you can look in that same bit of code, before where you input the header, and replace right:90px; with right:20px;. That fixed it on my screen but let me know if it does the same on your end. Different resolutions/browsers might not enjoy that but I'm honestly not sure.