« 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

45 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 


Report Reply

Reply by Dr. Sunchips

posted

^ Where do you make backgrounds at?


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


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


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 


Report Reply

Reply by ꦨꦺꦏ꧀ꦠꦶ

posted

I think my profile page are broken


Report Reply

Reply by clayton

posted

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


Report Reply

Reply by Cameron

posted

loving my color scheme on my profile right now


Report Reply

Reply by Twilight Sparkle

posted

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


Report Reply

Reply by Lydia Bea KittyCat

posted

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


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^


Report Reply

Reply by SDesires

posted

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


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).


Report Reply

Reply by Cory

posted

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


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 :)


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


Report Reply

Reply by Virtual Machine

posted
updated

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


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


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.

^___^


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.


Report Reply

Reply by 卩ひЯ🅴 Ɛ𝓝ιg🅼🅰

posted

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


Report Reply

Reply by Salrynn

posted

Everything coded on my profile is an achievement lol


Report Reply

Reply by Aster

posted

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


Report Reply

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

posted

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


Report Reply

Reply by 雛「HiNA DOLL」ドール

posted

With the new layouts feature, I managed to find one of the codes I really like and used it as a template for making my own layout. Check it out if you want!


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.


Report Reply

Reply by ☁︎ ︎nuno

posted

is Manually putting hyperlinks a victory ? 


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


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!


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)


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.


Report Reply

Reply by Taylor Robinson

posted

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


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.


Report Reply

Reply by 𝓡𝓲𝓬𝓪 🌦

posted

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


Report Reply

Reply by zombie quinn

posted

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


Report Reply

Reply by zombie quinn

posted

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


Report Reply

Reply by NilesTheRobot

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 :)


Report Reply

Reply by xenoom

posted

Changing the online icon


Report Reply

Reply by Cyn the artist!

posted

Being able to do something lmao 


Report Reply

Reply by Rob_PA

posted

Two in particular:

A page load fade-in (or fade-out) of a full-screen image;

and more recently, code to change an image (e.g., from static jpg to animated gif) on pointer hover / mouse rollover.

I'm thankful that HTML+CSS coders have shared their tricks online. One thing that I can't emphasize enough for noobs like me is that NOTEPAD is your friend. Back up everything! ... and keep a log of your previous edit versions by date. NOTES take up next to no space anyway, so why not be safe in the event of a data SNAFU?

Oh, and one more thing, I found this rather late, but it's an invaluable 'sandbox' in which to safely test SpaceHey code (copy/pasted from the notepad):


–Rob.


Report Reply

Reply by finn the fish

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


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.


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


Report Reply