arlo atomickk's profile picture

Published by

published
updated

Category: Web, HTML, Tech

CSS Masterblog

Masterlist of all the CSS blogs I've posted - will be added to.

-----------------------------------------------------> Blog Editing <-------------------------------------------------------

--------------------------------------> Make your own graphics! <---------------------------------------


The very basics of CSS (for beginners) <

--> Misc

Adding images/gifs to your profile, blog posts or forum posts (this is needed to add backgrounds to any element).

- Adding music to your profile

- Shadows/Glows

- Flickering neon tilted nameplate

- Custom cursors

- Loading screen

- Buttons

- Top search bar

Adding images under links/friends comments

- Hack to sizing images

- Other things to add to your profile


--> Overlays

Profile overlay

VHS/TV line filter

Page flicker


--> Page Text

   - Text Settings

   - Importing fonts

   - Rainbow text (including animation)


--> Profile Picture

   - Make your pfp float

   - Gif pfp

   - Circular pfps


--> Floating/shaking

   - Make things shake when hovering over them

   - Make your pfp float

   - Make your profile float

   - Floating images

   - Images floating at the side of your page


--> Compression

   - Collapsible elements

   - Scroll boxes

Old-web Scroll bars


--> Icons/links:

   - Page/contact icons

   - Spaces between links in navigation bar

   - Changing link colours

   - Icon resources


--> logo

   - Custom logo (image/filter)

   - Logo resources



66 Kudos

Comments

Displaying 2 of 2 comments ( View all | Add Comment )

EngiQu33ring

EngiQu33ring's profile picture

import statements are worth adding to this list, they allow you to save your css outside of spacehey, divide it up among several files, and edit the files in something a lot better than the spacehey Edit Your Profile page.

For example, I have @import url('https://engiqueering.com/spacehey/layout.css'); on my profile rather than the 100+ lines of css it took to let me rearrange my profile. You just put in the link to wherever you have the file stored (neocities is great for this)


Report Comment

rayz coding!

rayz coding!'s profile picture

how can i make the background of my profile completely transparent? also how can i make an image border my profile


Report Comment



for a transparent background:

.profile{
background: none !important}

also what do you mean by border your profile? you mean like on the sides or as an actual border?

by arlo atomickk; ; Report