SpaceHey Forum Topic

profile picture

Posted by Nole

posted
updated

Forum: Web, HTML, Tech

View Nole's Topics

View Nole's Profile

Report Topic

List of CSS HTML Tutorials and Tools.

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)


53 Replies

Sort Replies:

Reply by sirkaotik

posted

you forgot w3schools


Report Reply

Reply by ♡ Linkie ♡

posted

you are my favourite person. thank u


Report Reply

Reply by joell

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="&#x201C;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 &#x201C incantation.

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


Report Reply

Reply by Kristina

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