« Web, HTML, Tech Forum

What are your victories on the css of spacehey's profiles?

Posted by corentin

posted
updated

Forum: Web, HTML, Tech

I just achieved a "gif" effect on my cursor!


Report Topic

53 Replies

Sort Replies:

Reply by Katie

posted

The only good thing I've done is making gif background. I keep meaning to do more but get lazy 


Permalink Report Reply

Reply by Dr. Sunchips

posted

^ Where do you make backgrounds at?


Permalink Report Reply

Reply by eva 🛹

posted

love the animations corentin!

i edited everything in inspect mode, wasn't aware people came up with
templates. the fanciest thing css wise on my profile is the transforms


Permalink Report Reply

Reply by Dami

posted

I'm absolutely hopeless. The only thing that's working right now is the background, I suck at CSS


Permalink Report Reply

Reply by mikeSunday

posted

using keyframes with animate and blink w/ background and H1. didn't know it would work on here! super cool 


Permalink Report Reply

Reply by ꦨꦺꦏ꧀ꦠꦶ

posted

I think my profile page are broken


Permalink Report Reply

Reply by clayton

posted

I made all of the accent colors light blue and changed bg to get in the winter mood


Permalink Report Reply

Reply by Cameron

posted

loving my color scheme on my profile right now


Permalink Report Reply

Reply by Twilight Sparkle

posted

I feel like I'm at the very least doing something novel with my profile.


Permalink Report Reply

Reply by Lydia Bea KittyCat

posted

I am super proud of my colour scheme and cursor :3


Permalink Report Reply

Reply by Scoliwings

posted
updated

i figured out gradients in css, as well as borders!


https://www.w3schools.com/css/css3_gradients.asp this is quite a nice tutorial for adding them, as well as https://www.w3schools.com/css/css_colors.asp a list of colors + how to use them in posts.

as for the borders, this https://www.w3schools.com/css/css_border.asp tutorial from w3 helped too! together, they've both made my profile look super nice ^w^


Permalink Report Reply

Reply by SDesires

posted

I figured out how to replace that little blinking green guy for the online thing :D


Permalink Report Reply

Reply by amgg

posted
updated

I added custom emotes (a la discord/slack/twitch) that can be used in comments on my page. (code and instructions here for anyone who wants to use it).


Permalink Report Reply

Reply by Cory

posted

Turning the layout into a one-column jawn has been fun!


Permalink Report Reply

Reply by Brandon G

posted

My background USED to look pretty cool, but the comments stretch it out a lot and I'm too lazy to fix the CSS on it. Still, I'm kind of proud of my new retro mall aesthetic :)


Permalink Report Reply

Reply by Yireili Rivera Hernandez

posted

I completed a complete basic customizing of my profile <3 Yireili Rivera Hernández 's Profile | SpaceHey.com


Permalink Report Reply

Reply by Virtual Machine

posted
updated

I built the profile from scratch. 
Now I have to tackle mobile...


Permalink Report Reply

Reply by MystSaphyr

posted

Got the contact buttons to not break out of the box on mobile and instead wrap into a single column!!


and it only took an absolutely unnecessary amount of time


Permalink Report Reply

Reply by Mr Blobby

posted

Reply by Doctor Zuess

posted

Hey All,

Check out my profile page, I've got a live video playing in my background of the ISS. Also managed to get a standard CSS file of the different elements in the foreground and how to change the text and color of those containers. If anyone needs help, don't hesitate to message me.

^___^


Permalink Report Reply

Reply by ɥsoɾ

posted

Doctor, the video won't play because it can't be interacted with as a background and I think this site stops autoplaying content.

Personally, my favorite thing is knowing about CSS animations, which either weren't a thing back when I used myspace before, or I just didn't know about them. You can do some wild stuff.


Permalink Report Reply

🐒🅸 🆃🅷🅸🅽🅺 🅼🅰🆈🅱🅴 🅵🅸🅶🆄🆁🅸🅽🅶 🅾🆄🆃 🅷🅾🆆 🆃🅾 🅷🅰🆅🅴 🅼🆄🆂🅸🅲 🆃🅷🅰🆃 🅰🆄🆃🅾 🅿🅻🅰🆈🆂 ⅋ 🅿🅷🅾🆃🅾🆂 🅾🅽 🅼🆈 🅿🆁🅾🅵🅸🅻🅴 


Permalink Report Reply

Reply by Salrynn

posted

Everything coded on my profile is an achievement lol


Permalink Report Reply

Reply by Aster

posted

Figur3d out how to gray-scal3 filt3r all my photos! So happy with that on3~


Permalink Report Reply

Reply by ṠṮṳḊḶẏṠṮḕṼḭḕ

posted

Figured out how to add photos. Have not had success changing colors in the main columns :(


Permalink Report Reply

Reply by Macky

posted

My entire profile tbh. I had to heavily modify existing code and add borders myself. It took me 2 days to finish.


Permalink Report Reply

Reply by ☁︎ ︎nuno

posted

is Manually putting hyperlinks a victory ? 


Permalink Report Reply

Reply by hi

posted

just the general aesthetic of my profile is something that im really proud of :)

i tried to go for something minimalistic, check it out if u can


Permalink Report Reply

Reply by ✨Megan Moon

posted

I never coded my old myspace profile, but I found some youtube videos that helped a ton. 


here is the one I followed:
https://www.youtube.com/watch?v=iIcDGa6y3zU&t=703s


And this guy is what helped her make the video. In the one I sharing he even made an editor you can use to see in real time the changes you make to your profile. Then when you are done you just copy and past it!:
https://www.youtube.com/watch?v=A5VDi1PcXgE&t=196s

These two things have seriously helped me make my page super personal. With a lot of trial and error it has come together for sure. Had to look up other things like the custom cursors, but with some research it's pretty easy once you do it. Hope this helps everyone!


Permalink Report Reply

Reply by xXKILLxMExJOEYXx

posted

rainbow text!!!!!!! ive done way more with css and html than that but for some reason i think thats the coolest thing ive done lol. (u cant see it now because i accidentallly deleted the style tag)


Permalink Report Reply

Reply by EngiQu33ring

posted

My biggest victory right now is breaking apart everything in the "main" div into a CSS grid so I can move things around where I want them. I haven't spent a lot of time on aesthetics yet so my page looks a bit like hot garbage, but I'm calling this a victory.


Permalink Report Reply

Reply by Taylor Robinson

posted

made comments show the author above the comment rather on the side


Permalink Report Reply

Reply by Marc aka Trogy

posted
updated

I added randomly selected backgrounds using a little trick to generate css with php on my own web server. I also brought in data from one of my APIs with the same technique as I couldn't embed from my own site. And If that wasn't enough imported bootstrap and changed the container width and fonts of the entire page along with using the components of the framework.


Permalink Report Reply

Reply by ᖇᓰᑢᗩ 👾

posted

I love my page!! Still looking for codes make it better


Permalink Report Reply

Reply by zombie quinn

posted

how do i make my text glow or have a shadow on it? pls help 


Permalink Report Reply

Reply by zombie quinn

posted

how do i make my text glow or have a shadow on it? pls help 


Permalink Report Reply

Reply by NilesTheDemon

posted

I'm just happy that I got music to play through YouTube. It doesnt look the best on my profile, but at least it plays :)


Permalink Report Reply

Reply by xenoom

posted

Changing the online icon


Permalink Report Reply

Reply by Cynsi♡⁠✿

posted

Being able to do something lmao 


Permalink Report Reply

Reply by x.{finn}.x

posted

getting really good at css really fast. i had done some css before but then stopped and when i started spacehey i didnt watch any tutorials. instead i tested my layouts every time i made a big change using one of those testing layout websites. i just copy pasted stuff and clicked inspect on every element on a page which made it easy to see why my code wasnt working. i also copy pasted the things i wanted from other layouts people made and i use my finished layouts as a starting template instead of deleting everything when im done. so if you wanna get good fast do this ig. i impressed myself


Permalink Report Reply

Reply by Izzy

posted

Mine's gotta be finally figuring out how to customize the scrollbar and getting a basic understanding of the :nth-child state.


Permalink Report Reply

Reply by Michalina

posted

vertically aligning the container box. I used to have it "centered" by using margins, but it only worked for a specific screen resolution. Now it looks fine on most screens. Also, i've learned to use @media rule and made my layout more accessible for mobile :D


Permalink Report Reply

Reply by ✩ niko !! ✩

posted

made my own windows 9x-inspired layout! still has a few small issues i'd like to fix but for the most part i'm super happy with it


Permalink Report Reply

Reply by Kozz.e

posted

Just achieved the gif background, gonna do some wacky stuff tomorrow with icons & font - can't wait :D


Permalink Report Reply

Reply by Skykristal

posted

made profile from scratch! I generally love making profiles extra pretty haha. Especially the layout turned out cool to me. I do wanna improve my tiny art section. want to display it more nicely on my profile rather than the simple open-on-click I currently have. gonna mess around some more.

Also happy with the animations. I don't want it too look messy and all over the place, a few simple animations and effects here and there are nice :)


Permalink Report Reply

Reply by shezer_rippingdexd

posted

Even though I did HTML/JS/CSS at college and wrote my bands website (RIPPINGDEXD.COM BTW) from scratch, layouts are kicking my arse! 

Ended up having to adapt someone else's layout, hardest bit was getting font files to work 


Permalink Report Reply

Reply by David V. Kimball

posted

Reply by IPTVman

posted

Making my PFP spin in 3D


Permalink Report Reply

Reply by Veronika_Vampire

posted

learning abt which selectors to use to modify different parts of my profile and using the inspect feature on chrome to help me find said selectors


Permalink Report Reply