Log In

[F2U] Matching Minimalist CSS

26 Jul 2018, 2:59 am
AzuelZorro102 hmmm its hard to give just that chunk of code since it requires me to spend too much time to separate out the code

but i will say that its mostly just border-radius properties on the general tag
as in, something like .widget { border-radius: 20px 20px 20px 20px; }

sorry its not much
vista by atilla
heart & icon by peridxt
.
ibr36yM.gif
cSCXH8Q.gif
#9085 + they / she
active threads
5 Sep 2018, 12:20 am
alxq Forgive my utter lack of knowledge, but is there a way to put the trophies underneath the village logo and user info on the main profile? Even shrunken as they are, they're starting to pile up and the giant void of space between my user info and About Me is giving me fits. XD
IORml3
wcv7iw
You're advancing mercilessly
Unprovoked and needlessly
And I'll march you into the sea
Just to watch you drown in the end

I am used to these black eyes
To be bruised, antagonized
But it overwhelms my mind
To believe that I called you a friend
5 Sep 2018, 1:12 pm
Yuki yeah i have that problem (just made it so my trophies r a hover haha) but ill make some code so that the trophies sit between the info and about me instead :0 ill ping you then
vista by atilla
heart & icon by peridxt
.
ibr36yM.gif
cSCXH8Q.gif
#9085 + they / she
active threads
5 Sep 2018, 1:17 pm
alxq I'll definitely use your codes, they look fantastic :D Thank you for sharing!
May I edit the CSS and use for more than one Villager?
1524SLyJEFpM5721Sp9-sm.png <- Click me!!

DeviantArt
Art Instagram
Toyhou.se
+7 hrs FurVilla time
5 Sep 2018, 2:20 pm
Zjero yeah! youre welcome to do just that
vista by atilla
heart & icon by peridxt
.
ibr36yM.gif
cSCXH8Q.gif
#9085 + they / she
active threads
5 Sep 2018, 2:25 pm
alxq
Thank you!
I have a question though: the CSS makes the "View house" link disappear. Is there a way to prevent that?
1524SLyJEFpM5721Sp9-sm.png <- Click me!!

DeviantArt
Art Instagram
Toyhou.se
+7 hrs FurVilla time
5 Sep 2018, 2:46 pm
Zjero oh it doesnt make it disappear, the villager info is just long compared to the height of the villager info hover

under VILLAGER INFO, find height: ###px; under .villager-data-info-box.villager-general:hover { } and change the height value (###) to be larger than the current value. maybe 400? 430? depends on how long you want it in the end
vista by atilla
heart & icon by peridxt
.
ibr36yM.gif
cSCXH8Q.gif
#9085 + they / she
active threads
5 Sep 2018, 2:51 pm (Edited 5 Sep 2018, 2:51 pm)
alxq It works now, thank you!
1524SLyJEFpM5721Sp9-sm.png <- Click me!!

DeviantArt
Art Instagram
Toyhou.se
+7 hrs FurVilla time
5 Sep 2018, 7:39 pm
Yuki so i modified my profile, is it close to what youre imagining?
vista by atilla
heart & icon by peridxt
.
ibr36yM.gif
cSCXH8Q.gif
#9085 + they / she
active threads
6 Sep 2018, 1:04 am
alxq Yes, that would be excellent! I assume I could even just get rid of the "TROPHIES" text since it'll let them sit up higher?
IORml3
wcv7iw
You're advancing mercilessly
Unprovoked and needlessly
And I'll march you into the sea
Just to watch you drown in the end

I am used to these black eyes
To be bruised, antagonized
But it overwhelms my mind
To believe that I called you a friend
6 Sep 2018, 4:20 pm
Yuki i dont know what you mean by getting rid of the TROPHIES text? if you mean the actual text on the profile, idk if you could do that ;0

the TROPHIES TEXT in the css is needed for aesthetics. you can mess around with that if youd like but i wouldnt recommend it if you like the look of how it is on my profile

okay heres directions to update your profile:

1. under VILLAGE SHIELD ANIMATION (or if you deleted that section, the space between HEADERS and USER DATA), insert the following:
.village-shield {
left: 25%;
position: relative;
padding: 20px;
}

2. under USER INFO, TROPHIES, insert the following:
.col-xs-7 {
position: relative;
left: 35%;
}

.col-xs-5 {
position: relative;
left: -28%;
width: 135%;
margin-top: 0px !important;
}

3. under TROPHIES TEXT, replace the code under .trophies .row img with:
max-width: 50px;
padding: 0px;

4. under TROPHIES TEXT, add this code under .trophies-header:
text-align: center;

i think thats all you have to change. if it doesnt look like mine, i probably missed a few lines in which case, you should tell me x)
vista by atilla
heart & icon by peridxt
.
ibr36yM.gif
cSCXH8Q.gif
#9085 + they / she
active threads
6 Sep 2018, 4:22 pm
RiceCakes

at-ing myself so i can find this again ;0
Elsie | She/Her | Art Shop|


5d1e25bf3c80251a33bb05272348fe36.jpg
6 Sep 2018, 4:24 pm
RiceCakes you may wanna hold off on copying the user code x0 im doing some overhauls on code cleanup and efficiency, also changing some notes in the code so its more transparent, but thanks for the interest!
vista by atilla
heart & icon by peridxt
.
ibr36yM.gif
cSCXH8Q.gif
#9085 + they / she
active threads
6 Sep 2018, 5:44 pm
alxq Thank you so much! <3
IORml3
wcv7iw
You're advancing mercilessly
Unprovoked and needlessly
And I'll march you into the sea
Just to watch you drown in the end

I am used to these black eyes
To be bruised, antagonized
But it overwhelms my mind
To believe that I called you a friend
1 Oct 2018, 10:49 pm
Saving for later!!
8fH5dW8.pngpedroinboxfort
tumblr_inline_nqpybrSXoj1rq5cm5_500.gif Lis | ♒ | Non Binary | 18 | They/She tumblr_inline_nqpxovgquQ1rq5cm5_500.gif
please ping me if trying to get ahold of me or else i wont see tysm
12 Nov 2018, 1:26 pm
This is pure gold, it was my first time doing this sort of css and I know absolutely nothing about it but I'm happy I managed to pull together this profile
Now I'm gonna wait for my new paitie and make villagers one as well after, thank you for sharing this absolute amazing css with us ❤️
14 Nov 2018, 12:38 pm
alxq : Your copyright imgur pic is broken in your codes btw ;3
Please call me Amakai or Ama :3c I'm a 28 year old fangirl living in FFXV hell
Multishipper currently Shipping: Ignoct
xfsBK7E.png
1 Dec 2018, 12:21 am
Amakai ah yeah, i cleaned out my imgur and i guess i accidentally clicked on the copyright img
thanks for reminding me about it! ill uhh... maybe remember it when i overhaul my codes haha
vista by atilla
heart & icon by peridxt
.
ibr36yM.gif
cSCXH8Q.gif
#9085 + they / she
active threads
1 Dec 2018, 12:43 am
alxq Hey! I believe I might be using a modified version of your code on my profile, but it has no credit. Your post says to message you to add in the credit?
1 Dec 2018, 12:57 am
THAX-39 yeah but currently, the imgur link for the credit isnt working and i... dont remember where i put the image in my files

for now, base code by @9085 in the description is fine!
vista by atilla
heart & icon by peridxt
.
ibr36yM.gif
cSCXH8Q.gif
#9085 + they / she
active threads
1 Dec 2018, 1:15 am
alxq
Alright, I'll do that ^^
26 Dec 2018, 12:37 pm
I love these so much! They are so smooth and pretty~
Bok Bok Bok!!!!
9 Nov 2019, 6:49 pm
alxq The profile updates broke the CSS a little with the topmost user info!
IORml3
wcv7iw
You're advancing mercilessly
Unprovoked and needlessly
And I'll march you into the sea
Just to watch you drown in the end

I am used to these black eyes
To be bruised, antagonized
But it overwhelms my mind
To believe that I called you a friend
12 Nov 2019, 1:00 am
Yuki ah, thanks for letting me know! looks like an easy fix/change, so ill let you know when i get to it ;0
vista by atilla
heart & icon by peridxt
.
ibr36yM.gif
cSCXH8Q.gif
#9085 + they / she
active threads
12 Nov 2019, 2:58 am
Yuki i believe the changes you need is this:
if it still looks funky, i might have missed which blocks you need to change in which case feel free to ping me again

delete the entire code block for .col-xs-5
add/change these code blocks:
.village-shield { position: relative; padding: 20px; }
.user-links { margin: 20px; padding: 20px; }
.trophies { position: relative; top: 30px; }

not sure when ill get some free time to properly deal with this but for now, it should work
vista by atilla
heart & icon by peridxt
.
ibr36yM.gif
cSCXH8Q.gif
#9085 + they / she
active threads