« Web, HTML, Tech Forum

List of CSS HTML Tutorials and Tools.

Posted by Nole

posted
updated

Forum: Web, HTML, Tech

Hello I figured we should all have a giant list,
So that others can easily fulfill their html and css wish!

Please feel free to add more!
I want all of our knowledge levels to soar!

When possible I will update this repository,
go forth and express html and css's glory!

Ultimate guides:

General tutorials:

Tools:

Generic Profile Editor (My forked version of Nein MC's)



Report Topic

100 Replies

Sort Replies:

Reply by Sirkaotik (December 2020 user)

posted

you forgot w3schools


Report Reply

Reply by linkie ❀

posted

you are my favourite person. thank u


Report Reply

Reply by bagelman1002

posted

why is html so fun to do


Report Reply

Reply by corentin

posted

I would add css-tricks and codepen, these websites are really cool resources.


Report Reply

Reply by bongwaterdrinker

posted

thank you



Report Reply

Reply by SDesires

posted
updated

I would also add HtmlCheatSheet since they have a lot of generators and gadgets there that can help those that aren't familiar with HTML. They also have a tab for CSS with various CSS generators and JS as well (if someone needs it for something else).

thesitewizard is another good source of learning, they have a page dedicated to CSS "How To's.

Of course the main go-to for any coding question should be w3schools.

I hope that others find these links helpful in making their profiles their own!





Report Reply

Reply by Nole

posted
updated

Thanks for all the suggestions!
I've updated the post with all your mentions.


Report Reply

Reply by Quentin

posted
updated

My favorites are:

GitHub —> https://github.com/
Stack Overflow —> https://stackoverflow.com/
Youtube has some great beginner tutorials as well if you learn better from videos.


Report Reply

Reply by steb•wash

posted

hey, i'm having trouble figuring out how to change font size of just one bit of text on my profile.  I've tried using <font size=""></font> and a few other methods I used to use back in the day but nothing seems to be working.  Could u help me out?


Report Reply

Reply by Set the Lights

posted

Super wholesome thread! Following!


Report Reply

Reply by k.e_doublehockeysticks

posted

Thank you for sharing! My profile building skills are lacking.


Report Reply

Reply by Quentin

posted

@steb•wash


You want to add a style attribute within the HTML tag that you are trying to change the font of. For instance:

<p style=“font-size: 18px;”>Hello World</p>


Report Reply

Reply by steb•wash

posted

^^this doesn't seem to be working for me.  after I save it, it just changes to this & no change is made to the size of my font:

<p style="“font-size:">text here</p>


Report Reply

Reply by Quentin

posted

@steb•wash


What text are you trying to edit on your profile?

 


Report Reply

Reply by Nole

posted

You must be careful to use the correct type of quotes,
Else wise the parser will see it and go "nope".

This “ is different than that "
That's why you see this “ incantation.

<p style="font-size:20px;">text here</p>


Report Reply

Reply by KᖇIᔕTIᑎᗩ🖤

posted

I really want to make the tables completely transparent but I’m not very good at coding any advice 


Report Reply

Reply by Nole

posted

It looks like you already figured it out,
but in case anyone else looking for the knowledge is without:

.details-table td:first-child,
.details-table td {
  background-color: transparent;
}


Report Reply

Reply by ???

posted

Thank you


Report Reply

Reply by Twilight Sparkle

posted

if anyone sees the snowflakes and wants to know how to add that to their profile, i made a blogpost with the code!!


Report Reply

Reply by xXBeckyBreakdownXx

posted

I'm brand new to all of this, does anyone have any resources on a step by step guide for how to make my profile background cool? I have no idea where to start :( 


Report Reply

Reply by Nole

posted

Perhaps you might like this video tutorial,
an intro to css and backgrounds with visuals and aural.


Report Reply

Reply by steb•wash

posted

Yo, Nole I just used that transparent box code u commented and all it did was make my boxes white.  What do?


Report Reply

Reply by Nole

posted

Hey steb•wash, it is so because your profile background is white,
You will need to target .profile and add rules to get it right.
If you look at this video you will see,
once you change .profile's background your tables will stand transparently.


Report Reply

Reply by InvisibleUp

posted
updated

https://tesserae.somnolescent.net/ is a really good general HTML/CSS tutorial too
You can also (possibly? i haven't tested) use https://transfonter.org/ to embed custom fonts, if you tick the "Base64 encode" option


Report Reply

Reply by eva 🛹

posted

Wrote a blog post on how to get a YouTube video embed to look
good on any window size or phone screen while maintaining the aspect
ratio.


Report Reply

Reply by Nicci Vicious

posted
updated

Thank you for posting this. I am incredibly rusty on all this. I am able to edit and get the background photos to show up and then I am left with the stark white profile box in the middle. If anyone has suggestions I would be greatly appreciative. 


@twilight Sparkle. I was able to get the snowflakes to work. that's awesome

Nvm I am figuring it out slowly thanks to the videos Nole is posting 


Report Reply

Reply by Nole

posted

Thank you all for your contributions!
I've updated the parent post with all your solutions!


Report Reply

Reply by LaraVista

posted

I am the Human Tool: ask me!


Report Reply

Reply by Jessie Washington

posted

Any idea how to link a Spotify playlist in?


Report Reply

Reply by Lauressa

posted

Anyone know how to link a Spotify playlist? I was wondering because I want to add my playlist but have no idea how to. I've looked and looked and can't find anything.


Report Reply

Reply by 𝖝𝖃𝕬𝖚𝖉𝖗𝖊𝖞𝖃𝖝

posted

I might have missed it but what is the easiest way to change the font of the text above every box? Also I saw something about changing the background box colors but I tried with the code that someone posted (I cant remember who) but it didn't work. I'm so rusty, its been awhile so if anyone can help I'd appreciate it thanks!


Report Reply

Reply by Rookie Wyze

posted

It would work, but as soon as I would come back to my page or if anything changed on the website (for example, if I were to hit save on  something or refresh the page) it would just go back to the default. 


Report Reply

Reply by Prettikitty

posted

Thanks so much for posting this omg


Report Reply

Reply by Carl Debrow

posted

Think I got too old. Lol totally forgot how to pimp my profile and can't seem to understand the ccs vids on how to do it.


Report Reply

Reply by Ellie <3

posted

anyone figured out how to change the spacehey header? my brain totally hasn't retained code and I feel like imma break it if i try!


Report Reply

Reply by StephanieStruck

posted
updated

Gosh, I got the whole desktop thing down at 16, but mobile is a whole new deal. Spending my Saturday doing this <3 Thank you


Report Reply

Reply by Cory

posted

I wrote a tutorial if people want to use Google Fonts on their page for even more typography fun: https://blog.spacehey.com/entry?id=4591


Report Reply

Reply by ClearlyKail

posted

Struggling to figure out how to center the main part of my profile? It used to be so simple but the code I used to use no longer works lol


Report Reply

Reply by Anya

posted

Thank you! 🖤 I’m slowly remembering some stuff from good old myspace days.  


Report Reply

Reply by Anfaeia

posted

Where do I add the html stuff....?


Report Reply

Reply by Nole

posted

@Fauxy R. Wilde
You want to put it in the about me,
so that you can have everyone see!


Report Reply

Reply by Chase Alexander

posted

Help I am dumb. I cannot figure out how to add a cute background via URL.


Report Reply

Reply by Yazzm!nVee

posted

Sweet! Thanks!


Report Reply

Reply by Destiny (:

posted

Y'all are Angels 💞 lmao


Report Reply

Reply by Kat Brennan

posted

It's been so long, how do I insert a picture into forum or bulletin? 


Report Reply

Reply by xXxCrazyPresleyLadyxXx

posted

You're awesome! Thank you!


Report Reply

Reply by xXxCrazyPresleyLadyxXx

posted

Can anyone help with the coding to put in icons (gif squares) and blinkies? I've searched high and low and can't find anything on them. It was my favorite part of myspace and I cannot remember how to do it!!!


Report Reply

Reply by Xx_𝓢𝓬𝓮𝓷𝔂𝓪_xX

posted

This is going to be super useful! Thank you!


Report Reply

Reply by Kathleen

posted

I know this is gonna sound annoying, but I just want to edit my 'edit profile' bar section like i did with my url section on my profile?


Report Reply