Report Blog Entry
Advent 2021 - Day 23 - Code Snippets
Happy December 23rd! 🎅
Here are some useful snippets of code you can use pretty much everywhere on SpaceHey - on your profile, in comments, in bulletins, in blog entries and on the forums!
Scolling Text
<marquee>Text</marquee>
Blinking Text
<blink>Text</blink>
Highlighted Text
<mark>Text</mark>
Example
Bold Text
<b>Text</b>
Example
Italic Text
<i>Text</i>
Example
Underlined Text
<u>Text</u>
Example
Strikethrough Text
<del>Text</del>
Link
<a href="https://example.com">Text</a>
There are a ton of other supported HTML Tags, but these are the most common ones!
Hope this helps some of you!
Enjoy the festive season!
Flying Santa on his sleigh
<style>
@keyframes flying-santa{
from{ left:-400px; }
to{ left:calc(100% + 20px); }
}
#santa{
position: fixed;
left: -400px;
top: 200px;
width: 200px;
animation: flying-santa 7s infinite linear;
pointer-events: none;
}
</style>
<img id="santa" src="https://static.spacehey.net/img/special/santa-sleigh.svg"/>
Moving Santa hat that goes on profile pic
<style>
.general-about{
position: relative;
margin-top: 30px;
}
.general-about .profile-pic::before{
content: '';
background: url('https://media.giphy.com/media/rXyIg5TrQ3jYuZME1G/giphy.gif') no-repeat;
background-size: cover;
display: block;
width: 100px;
height: 100px;
z-index: 999;
position: absolute;
top: -43px;
left: -32px;
}
</style>
Comments
Displaying 0 of 0 comments ( View all | Add Comment )