Log In

Reav's Free Profile CSS [2 free codes so far]

16 Dec 2016, 9:15 am (Edited 16 Dec 2016, 8:46 pm)
Hey! Ive been working on some profile codes and I decided that I wanted to share them. To get the code click on the title link. It will take you to paste bin where you can copy the code at the bottom in the RAW paste area and paste it into the CSS section of your profile. You can find that Here

If anyone has any suggestions you can comment them below. I am not doing free profile coding for one person however. Please keep that in mind when making a suggestion.

All codes that I do have a fixed background so the user info (the lighter colored area in the middle) slides over the background (the bunnies/pigeons/ect)


Pigeons
M6aWnn8.png

Pink Bunnies
H5yet4s.png

If there are minor changes you want to make to the code thats OK, just please do not sell the code. You got it for free so using the codes tells me that you promise not to sell anything.
Looking for a FurVilla chat group on Discord? Check out our unofficial FV chat!
https://discord.gg/8Z4UN7J

Looking for a code for your profile?
http://www.furvilla.com/forums/thread/38212-reavs-free-profile-css-2-free-codes-so-far


16 Dec 2016, 9:18 am (Edited 16 Dec 2016, 10:22 am)
Suggestions:
1. Delete underlines for links (I think theyre ugly too Leaf )

2. I'd fix the "Post", "View Less" and "View More" button's hover effect. Currently it's adding a border on .btn:hover that makes it act a bit funky. Also, perhaps a bit pedantic, but I think adding a bit of space to the right of these buttons with margin-right: 10px; might make them look a bit better. As currently they are touching the border of the elements.

3. fix notifications (doing that next)

4. Logo color change (simplify)

5. Animations
Looking for a FurVilla chat group on Discord? Check out our unofficial FV chat!
https://discord.gg/8Z4UN7J

Looking for a code for your profile?
http://www.furvilla.com/forums/thread/38212-reavs-free-profile-css-2-free-codes-so-far
16 Dec 2016, 10:18 am
Reav I like them. c:

I like the pigeon one a lottttttt actually; I would have just used that instead of making my own profile if this were available before I spent effort these past 2 days OTL. >///< I actually like it more than my own profile atm haha. (I'm always a fan of simplistic, easy to read profiles, with subdued colors.)

- - -


Let's see, for suggestions:
1. I would remove the default text-decoration from the a:hover. (The underline effect). And have it be something else. Perhaps it's just me, but I find the underline effect kind of old / not modern.

2. I'd fix the "Post", "View Less" and "View More" button's hover effect. Currently it's adding a border on .btn:hover that makes it act a bit funky. Also, perhaps a bit pedantic, but I think adding a bit of space to the right of these buttons with margin-right: 10px; might make them look a bit better. As currently they are touching the border of the elements.

3. I would change the color of the notifications to match the rest of the profile. This is actually a bit tricky, but I figured it out yesterday after tinkering with it for longer than I'd like to admit: notifications selectors

4. Change the furvilla logo at the top's colors to match each profile theme. Honestly, I find doing this kind of pain so I just replaced mine with plain-text, but the profiles that do change the colors of the logo, look great.

5. Perhaps add some CC3 animation effect for villagers on hover? I've seen them on other profiles and they are kind of neat. :3
16 Dec 2016, 10:20 am
Leaf Yeah im looking into some animations right now. Im gonna copy paste your suggestions into the suggestions so I can see them.
Looking for a FurVilla chat group on Discord? Check out our unofficial FV chat!
https://discord.gg/8Z4UN7J

Looking for a code for your profile?
http://www.furvilla.com/forums/thread/38212-reavs-free-profile-css-2-free-codes-so-far
16 Dec 2016, 7:49 pm
Also, if anyone has any theme suggestions let me know. Could use a few ideas.
Looking for a FurVilla chat group on Discord? Check out our unofficial FV chat!
https://discord.gg/8Z4UN7J

Looking for a code for your profile?
http://www.furvilla.com/forums/thread/38212-reavs-free-profile-css-2-free-codes-so-far
16 Dec 2016, 8:13 pm
Reav Glad I could help!

If you're looking for theme suggestions, here are a few:
- starry sky / night (generally a popular choice)
- Underwater / tropical ocean
- Sweets/desserts/fruit/food
- warm drinks -- coffee, hot chocolate, etc. (Nice for winter)
- Snowflake / winter / new-year
- fluffy-animals or 'cute' animals like baby penguins
- Vintage
- Greenery / nature / flowers
16 Dec 2016, 8:27 pm
Leaf , ah great idea! Thanks :)
Looking for a FurVilla chat group on Discord? Check out our unofficial FV chat!
https://discord.gg/8Z4UN7J

Looking for a code for your profile?
http://www.furvilla.com/forums/thread/38212-reavs-free-profile-css-2-free-codes-so-far
16 Dec 2016, 8:31 pm
Thanks for these. I hope you don't mind that I used your bunnies colouring but changed it to foxes :D
16 Dec 2016, 8:44 pm
Thats ok xombiekitty
Looking for a FurVilla chat group on Discord? Check out our unofficial FV chat!
https://discord.gg/8Z4UN7J

Looking for a code for your profile?
http://www.furvilla.com/forums/thread/38212-reavs-free-profile-css-2-free-codes-so-far
17 Dec 2016, 8:35 pm
Reav These look really nice! I'm using the pigeons one if you don't mind (I linked your profile in my description).
18 Dec 2016, 1:52 am
Reav

Oh wow this is super cute! I popped it onto my profile (the pigeon one) to see how it looked and it's adorable <3 I definitely suggest making matching Villager profiles for everything (even if the colors are different, the same style would be really cute.)

Now since I don't have any notifications and not enough comments on my page I can't say how those look but;
- Does the comment section scroll after a set number of posts? Or does it break up the comments into new pages after a set number? Both would be good options, but I'm always fond of less items on a single page if possible, so a short 5-comment area could be beneficial (or 5 comments + scrolling and then new page navigation.)
- The user text area can be harder to read against backgrounds. While you don't have to add a new fancy color or anything, maybe code in the same background color/image used behind the user comments? Just something a little more "there" to show that the text area is actually a text area.
- I added something to my gallery and it ends up giving the item a really off-putting white background (the site default, I believe?) Perhaps tweak the coding a little to give the items a transparent background to fit with the rest of the profile.
(Scrolling options ~everywhere~ aha. This one is just my personal preference but with 20 villagers and more to be added having them as just one huge list stretches the page something horrible. Plus I generally write a lot in my own description which also stretches the page and just overall makes it way longer than it needs to be. But again, that one is my personal preference.)

As for other things, I highly suggest not adding animations to things. Those can be really off putting to some people, and can make already problematic computer/connections have a worse time of it. It might work to add a line of coding and give instructions to people on where to put it in another section (comments, a google doc, something) but not adding them to the coding by default.


Theme suggestions maybe something in relation to each Village? (DMM, OD, TEP, OFB, and QP.) Either just color-wise or more over-all themed wise could be cute. Also, maybe add event/holiday (seasonal) themes? Since we're in the middle of our Snow Festival something like that for the future could be fun. (While we have no idea what later Festivals will be, it's still something that could be nice to make and let people decide if they want to use them even after the Festivals are over. There's also the possibility of making themes based off of costumes too, or mini-pets.
Otherwise for more typical themes; pastel goth, general pastel, bright colors (within reason let's not burn anyone's eyes out !) simple shapes (polka dots, stripes, stars, that kind of thing.) Maybe something like a cityscape/nightscape.

I'm going to bookmark this thread to look in on new codes later <3 But I'm one of those picky people who likes to have matching villager/user codes (hence my suggestion.) I'm going to show the options to my a bunch of my friends though to see if any of them want to use what you have~
x4fHU1u.gif

Characters for Sale/Trade

njXgqRG.gif
18 Dec 2016, 3:08 am
Using one. Might edit the colors later though.
He/Him please! Ping me to get my attention.
2 Jan 2017, 4:14 am
Using the bunny one, it's absolutely adorable!
tumblr_ojfri8GurT1vjlpuao1_500.png
my foot's asleep
4 Jan 2017, 7:24 pm
thank you, I'm using one. C:
Rawr!~
Hx2N5Ks.gif
5 Jan 2017, 7:36 pm
Shouldn't this be in coding discussion because you aren't selling any code?


pikachu.gif249.gifzoroark-animated-1.gif

My pronouns are they/them

6 Jan 2017, 12:20 am
I love these! I applied one of them to my villagers profile and gave credit to you in description
Two hours ahead of furvilla time.
Time zone is AST/ Atlantic Standard Time

Also check out my Instagram if you want owo I post art.... o3o https://www.instagram.com/kozmictheartsywolf/

Feel free to ping me ^^

Sort of currently on a hiatus, I come on this site too much when I'm supposed to do other things... I will still be on for a little everyday, it's just that I won't be on for long periods of time
6 Jan 2017, 9:41 pm
Thank you! I'm using the pigeon one and crediting you :3
10 Jan 2017, 11:58 am
dinosaurs or dragons would be amazing <3
tumblr_ot1xt5hafQ1siav5co1_500.gif
22 Jan 2017, 11:40 am
Reav - Could you help me with changing the image the Furvilla logo uses, I cannot seem to figure out how to change it.
25 Jan 2017, 1:50 pm (Edited 25 Jan 2017, 1:59 pm)
The bunny background isn't seamless, it has a bit of a goof right down the middle of the profile.
Still great though and will use and give credit!
(He/They)
I hope you have a great day!
Give the user above an Ice-cream flavor!
tumblr_p7las0inXP1u2x68ro7_400.gif
2 Feb 2017, 10:01 pm
using this! i might edit it later but thanks for making it!


Hello, I’m Jasper or Frog, an amateur artist and writer!
Here is my art instagram!
And here is my FV art shop!

3 Feb 2017, 11:26 am
These are so perfect! I'm just going to throw in some recommendations for themes:
-Dark nature ish?
-Space ish?
-gorey
-pastels?
3 Feb 2017, 3:20 pm
Reav

Thanks for the code! I've used it for my profile. I made some modifications, I hope it's okay?

If you're still taking suggestion, I'd very much like for the gallery to be integrated more into the profile. Right now, a big white box surround the items and make them look weird. Other than that, code is really great!
haq8n8rhr45qeqz8y29xh

• brush your teeth •
5 Feb 2017, 7:15 am
Hello! I adore the bunny code, just curious if anyone could help me add a white or light pink area behind my profile description?

Thanks for your time, and this gorgeous background!
╭━━━━━━━━━━━━━━╮

25 | ♀ | Pan | Artist | Gamer

╰━━━━━━━━━━━━━━╯

tumblr_ol6itioZ4u1qhzqp8o2_r1_1280.png